JQuery анимированное меню - PullRequest
Новая
       6

JQuery анимированное меню

0 голосов
/ 15 июня 2011

ASP.NET меню с jquery для эффекта скользящего меню.Я добавил этот код, и он работает отлично.Проблема в том, что ul.level2 показывают и прячутся, будучи mouseout от ul.level1 

<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery.1.4.js"></script>
</head>
<body>
<div id="menu">
<div id="Menu1">
    <ul class="level1">
        <li><a class="level1">Item1</a>
            <ul class="level2">
                <li><a href='#'>SubItem1</a></li>
            </ul>
        </li>   
        <li><a class="level1">Item2</a>
            <ul class="level2">
                <li><a href='#'>Sub1</a></li>
            </ul>
        </li>
    </ul>
</div>  
</div>
<script type="text/javascript">
    $('ul.level1 li a.level1').mouseover(function() {
        $('ul.level1 li a.level1 ul.level2').animate(top:0,height: show);
        });
    $('ul.level1 li a.level1').mouseout(function() {
        $('ul.level1 li a.level1 ul.level2').animate(top:0,height: hide);
        }); 
</script>
</body>
</html>

Ответы [ 2 ]

1 голос
/ 16 июня 2011

Для эффекта скольжения попробуйте slideUp() и slideDown().

1 голос
/ 16 июня 2011

В документации указатель мыши и указатель мыши обычно представляют собой один запрос, а не разделенные. Все одна функция 

$("div.overout").mouseover(function() {
i += 1;
$(this).find("span").text( "mouse over x " + i );
}).mouseout(function(){
$(this).find("span").text("mouse out ");
});
...