2013-06-12 2 views
0

Я ищу решения, но это трудно понять, и я не имею никаких примеров :(Показать панель действий при наведении на DIV с JQuery плагин

Представьте я в DIV, который содержит highchart граф. . при наведении этого DIV, я хотел бы показать панель действий в нижней части с наложением Перед запуском пользовательского Дев, есть плагин JQuery, чтобы сделать это

ответ

1

может быть, вы могли бы попробовать что-то вроде этого: jsfiddle

Этот специальный код не очень сложный. Он связывает два события и переключает меню действий:

$(document).ready(function(){ 
    $(".myChart").bind({ 
     //event mouse hover 
     mouseenter:function(){ 
      $(".actionMenu").slideDown(); 
     }, 
     //event mouse out 
     mouseleave:function(){ 
      $(".actionMenu").slideUp(); 
     } 
    }); 
}) 
+0

спасибо. Я теперь это не сложно, но работа с плагинами ca может избежать потери времени :) – billyJoe

+0

Я отредактировал jsfiddle – Cana

0

я сделал небольшое изменение, чтобы иметь несколько элементов (@cana код)

http://jsfiddle.net/qsTjX/29/

$(document).ready(function(){ 
    $(".myChart").hover(
     function(e){ 
      $(this).next('.actionMenu').stop().slideDown(); 
     }, 
     function(e) { 
      $(this).next('.actionMenu').stop().slideUp(); 
     } 
    ); 
}); 
Смежные вопросы