0

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>
4

2 に答える 2

1

ドキュメントによると、マウス オーバーとマウス アウトは通常 1 つのクエリであり、分離されていません。オールワン機能

$("div.overout").mouseover(function() {
i += 1;
$(this).find("span").text( "mouse over x " + i );
}).mouseout(function(){
$(this).find("span").text("mouse out ");
});
于 2011-06-15T22:47:59.850 に答える
1

スライド効果については、 と を試しslideUp()てくださいslideDown()。

于 2011-06-16T00:41:24.750 に答える