-3

如何使用 jQuery 同时为 2-3 个 div 设置动画？

我的想法是当有人将鼠标悬停在菜单上时，动画时会出现一个水平条并增加宽度，以及菜单ul li。

我的主要问题是如何div在 jQuery 中同时使用第一个徽标，然后是水平条 div 和菜单 div。

<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 回答