简单导航下拉菜单

最新推荐文章于 2023-06-09 22:36:08 发布

tang05709

最新推荐文章于 2023-06-09 22:36:08 发布

阅读量417

点赞数

分类专栏： js 网站相关的其他文章

本文链接：https://blog.csdn.net/tang05709/article/details/41380127

版权

js 同时被 2 个专栏收录

109 篇文章 0 订阅

订阅专栏

网站相关的其他文章

83 篇文章 0 订阅

订阅专栏

<nav class="nav" id="nav">
<ul>
<li class="bgleft"><a class="on " href="about.html" title="">
<p>GROUP</p>集团
</a>
<dl>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
</dl>
</li>
<li class="bgleft"><a href="brand.html" title="">
<p>BRAND</p>品牌产品
</a>
<dl>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
</dl>
</li>

<li class="bgright"><a href="case.html" title="">
<p>CASE</p>案例展示
</a>
<dl>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
</dl>
</li>
<li class="bgright"><a href="contactus.html" title="">
<p>CONTACT</p>联系我们
</a>
<dl>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
<dd><a href="" title="">集团</a></dd>
</dl>
</li>
</ul>

</nav>

$("#nav>ul>li").hover(function() {
$(this).find("dl").slideDown();
$(this).find(">a").addClass("on");
},function(){
$(this).find("dl").slideUp();
//$(this).find(">a").removeClass("on");
});