0

メニューバーにアニメーションを追加したいのですが、コードは次のとおりです

html

<ul class="my_menu">
    <li class="home">
        <p><a href="#">Home</a></p>
        <p class="subtext">The front page</p>
    </li>
    <li class="about">
        <p><a href="#">About</a></p>
        <p class="subtext">More info</p>
    </li>
</ul>

Javascript

イージング: http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js

脚本：

$(document).ready(function(){
    $("ul.my_menu> li").mouseover(function(){
        alert('hi');
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'});
    });

    $("ul.my_menu > li").mouseout(function(){
        alert('bye');
        $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'});
    }); 
});

最後に、「こんにちは」と「さようなら」は表示できません。私のコードに問題はありますか? 前もって感謝します。

編集: am_menu -> my_menu に変更

4

2 に答える 2

2

ul.my_menu でセレクターを作成する必要はありませんか?

$("ul.my_menu > li")
于 2013-01-08T08:01:14.303 に答える
0

.am_menuあなたの htmlにクラスが見つかりません。に置き換えるべきだと思いますul.my_menu。

バグ ：

`$("ul.am_menu > li").mouseover(function(){`  //No class .

修理 ：

`$("ul.my_menu > li").mouseover(function(){`
于 2013-01-08T08:04:30.703 に答える