Меню Javascript при наведении - PullRequest
1 голос
/ 01 марта 2012

Я пытаюсь заставить раскрывающееся меню работать там, где при наведении курсора на меню оно падает вниз, а затем при выходе из меню снова прокручивается вверх.

сайт, над которым я работаю, это www.adventuresdev.info/give, а меню - это опции под названием люди, места, проекты.

Сейчас они установлены в .click

Вот информация .js

$(document).ready(function () 
{
    $('img.menu_class').click(function () 
        {
            $('ul.the_menu').slideToggle('medium');
        });
    $('img.menu_class2').click(function () 
        {
            $('ul.the_menu2').slideToggle('medium');
        });
        $('img.menu_class3').click(function () 
        {
            $('ul.the_menu3').slideToggle('medium');
        });
        $('img.menu_class4').click(function () 
        {
            $('ul.the_menu4').slideToggle('medium');
        }); 
});

Ответы [ 2 ]

0 голосов
/ 01 марта 2012

Используйте событие jquery hover (). Смотрите эту ссылку, например, и как ее использовать. http://api.jquery.com/hover/

0 голосов
/ 01 марта 2012

Используйте функцию jQuery hover () .

Синтаксис: .hover( handlerIn(eventObject), handlerOut(eventObject) )

handlerIn(eventObject)A function to execute when the mouse pointer enters the element.
handlerOut(eventObject)A function to execute when the mouse pointer leaves the element.

Измените свой код для этого:

$(document).ready(function () 
{
    $('img.menu_class').hover(function(){$('ul.the_menu').slideToggle('medium');},function(){$('ul.the_menu').slideToggle('medium');});
    $('img.menu_class2').hover(function(){$('ul.the_menu2').slideToggle('medium');},function(){$('ul.the_menu2').slideToggle('medium');});
    $('img.menu_class3').hover(function(){$('ul.the_menu3').slideToggle('medium');},function(){$('ul.the_menu3').slideToggle('medium');});
    $('img.menu_class4').hover(function(){$('ul.the_menu4').slideToggle('medium');},function(){$('ul.the_menu4').slideToggle('medium');});
});

Привет

...