Форум Сайтостроение Веб-строительство

JS

N
На сайте с 08.04.2011
Offline
8
Nelly_
331

помогите разобраться.....

<script type="text/javascript">

$(document).ready(function () {

$("ul.menu_body li:even").addClass("alt");

$('img.menu_head').mouseover(function () {

$('ul.menu_body').slideToggle('medium');

});

$('ul.menu_body li a').mouseover(function () {

$(this).animate({ fontSize: "13px", paddingLeft: "10px" }, 50 );

});

$('ul.menu_body li a').mouseout(function () {

$(this).animate({ fontSize: "13px", paddingLeft: "10px" }, 50 );

});

});

</script>

---------------------------------------

при наведении курсора на картинку выпадает меню.....

но закрывается это меню только при повторном наведении на ЭТУ ЖЕ картинку.

как сделать что бы выпадающее меню закрывалось - когда эммм.... мышка за пределами menu_body........

n0name
На сайте с 22.12.2006
Offline
54
n0name
#1 


Это:

$('img.menu_head').mouseover(function () {

$('ul.menu_body').slideToggle('medium');

});



Замените на это:



$('img.menu_head')

    .mouseover(function () {

        $('ul.menu_body').slideDown('medium');

    })

    .mouseout(function () {

        $('ul.menu_body').slideUp('medium');

    });
Сервис сравнения цена на VPS (http://vpska.com/)
C
На сайте с 04.02.2005
Offline
291
Chukcha
#2 

$('img.menu_head').mouseover(function () {

    $('ul.menu_body').slideToggle('medium');

});

$('ul.menu_body li a').mouseover(function () {

    $(this).animate({ fontSize: "13px", paddingLeft: "10px" }, 50 );

});

$('ul.menu_body li a').mouseout(function () {

    $(this).animate({ fontSize: "13px", paddingLeft: "10px" }, 50 );

});


$('img.menu_head').mouseout(function () {

    $('ul.menu_body').slideToggle('medium');

});
N
На сайте с 08.04.2011
Offline
8
Nelly_
#3

ничего не работает

C
На сайте с 04.02.2005
Offline
291
Chukcha
#4
Nelly_:
ничего не работает

Это не аргумент...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий