-3

jQueryを使用して2〜3個のdivを同時にアニメーション化する方法は?

私の考えでは、誰かがメニューにカーソルを合わせると、アニメーション化すると水平バーが発生し、メニューとともに幅が広がりますul li。

私の主な問題は、最初のロゴdiv、次に水平バー div、メニュー div を jQuery で同時に使用する方法です。

<header4>
        <div class="row">
                <div id="logo2">
                <a href="index.html"><h1>Testing</h1></a>
                </div>
             <nav>
                <ul id="primary-nav" class="sf-menu">
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Services & Products</a>
                <ul>
                    <li><a href="#">Stack Overflow</a></li>
                    <li><a href="#">Stack Overflow</a></li>
                    <li><a href="#">Stack Overflow</a></li>
                    <li><a href="#">Stack Overflow</a></li>
                    <li><a href="#">SStack Overflow</a></li>
                    <li><a href="#">Stack Overflow</a></li>
                    <li><a href="#">Stack Overflow</a></li>
                </ul>
                </li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Career</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
            <!-- END .sf-menu navigation -->
            <div class="clearfix"></div>
            </nav>
            <!-- END nav -->
        </div>
        <!-- END .row -->
        </header4> 

<script>
$("#logo2").hover(function(){
  $("div.header4").animate({
    width: "900px"
  }, 1500 );
});
</script>
4

1 に答える 1

1

なぜ CSS だけを使用しないのですか? jQuery は必要ありません。

以下を参照してください: http://meyerweb.com/eric/css/edge/menus/demo.html

于 2012-07-05T17:05:55.633 に答える