首先在#nav放置多个列表li,并且在子级加ol下拉列表和图片.nav-img
<div id="nav" class="nav">
<ul>
<li id="mainlevel_01" class="first-crl mainlevel">
<a class="nav-a" href="https://jy.tp.yuanmeng.life/">走进西王</a>
<div id="sub_01">
<ol>
<li><a href="https://jy.tp.yuanmeng.life/">集团概况</a><a href="https://jy.tp.yuanmeng.life/">组织架构</a><a href="https://jy.tp.yuanmeng.life/">领导关怀</a></li>
<li><a href="https://jy.tp.yuanmeng.life/">董事长风采</a><a href="https://jy.tp.yuanmeng.life/">公司管理</a><a href="https://jy.tp.yuanmeng.life/">社会关注</a></li>
</ol>
<span class="nav-img"><img src="images/nav-img-01.jpg"></span>
</div>
</li>
</ul>
</div> 当导航菜单.mainlevel下级有div的时候,鼠标在当前区域悬浮和离开时的触发事件
$(function() {
$(".mainlevel:has(div)").hover(function() {
$(this).children("div").stop(true, true).slideDown(300)
}, function() {
$(this).children("div").stop(true, true).slideUp(1)
})
});
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
