首页二级菜单
<div class="deannavbox">
<div class="deannavboxname">
<ul>
<li class="deanli1">系统下载<b></b></li>
<li class="deanli2">常用软件下载<b></b></li>
<li class="deanli3">Adobe资源区<b></b></li>
<li class="deanli4">CAD资源区<b></b></li>
<li class="deanli5">inter ME下载<b></b></li>
<li class="deanli6">Office资源下载<b></b></li>
<li class="deanli7">浏览器插件区<b></b></li>
<li class="deanli8">破解工具专区<b></b></li>
</ul>
</div>
<div class="deannavboxc">
<ul>
<li class="deanliwrap1">
<div class="deanliwrap">
<div class="deanliwl">
<h3>系统下载</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">Windows系统</span>
<span class="menu-item">Linux系统</span>
<span class="menu-item">MacOS系统</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap2">
<div class="deanliwrap">
<div class="deanliwl">
<h3>常用软件下载</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">压缩工具</span>
<span class="menu-item">视频播放器</span>
<span class="menu-item">图片处理工具</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap3">
<div class="deanliwrap">
<div class="deanliwl">
<h3>Adobe资源区</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">Photoshop</span>
<span class="menu-item">Illustrator</span>
<span class="menu-item">Premiere</span>
<span class="menu-item">After Effects</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap4">
<div class="deanliwrap">
<div class="deanliwl">
<h3>CAD资源区</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">AutoCAD</span>
<span class="menu-item">SolidWorks</span>
<span class="menu-item">SketchUp</span>
<span class="menu-item">Revit</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap5">
<div class="deanliwrap">
<div class="deanliwl">
<h3>inter ME下载</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">工程模块</span>
<span class="menu-item">模拟系统</span>
<span class="menu-item">数据库工具</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap6">
<div class="deanliwrap">
<div class="deanliwl">
<h3>Office资源下载</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">Word</span>
<span class="menu-item">Excel</span>
<span class="menu-item">PowerPoint</span>
<span class="menu-item">Outlook</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap7">
<div class="deanliwrap">
<div class="deanliwl">
<h3>浏览器插件区</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">广告拦截</span>
<span class="menu-item">翻译工具</span>
<span class="menu-item">开发者工具</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
<li class="deanliwrap8">
<div class="deanliwrap">
<div class="deanliwl">
<h3>破解工具专区</h3>
<div class="clear"></div>
<div class="deanliwdl">
<span class="menu-item">软件破解</span>
<span class="menu-item">游戏破解</span>
<span class="menu-item">系统激活工具</span>
</div>
<div class="clear"></div>
</div>
</div>
</li>
</ul>
</div>
<script type="text/javascript">
jq(".deannavboxname li").each(function(s){
jq(this).hover(
function(){
jq(this).addClass("cur");
jq(".deannavboxc ul li").eq(s).show();
},
function(){
jq(this).removeClass("cur");
jq(".deannavboxc ul li").eq(s).hide();
})
})
jq(".deannavboxc ul li").each(function(s){
jq(this).hover(
function(){
jq(this).show();
jq(".deannavboxname li").eq(s).addClass("cur");
},
function(){
jq(this).hide();
jq(".deannavboxname li").eq(s).removeClass("cur");
})
})
jq(".menu-item").css({
"margin-right": "15px",
"transition": "color 0.3s ease, font-weight 0.3s ease",
"font-weight": "bold",
"background": "linear-gradient(90deg, #ff7e5f, #feb47b)",
"-webkit-background-clip": "text",
"-webkit-text-fill-color": "transparent"
});
jq(".menu-item").hover(
function(){
jq(this).css({"color": "#000", "font-weight": "bold", "-webkit-text-fill-color": "#000"});
},
function(){
jq(this).css({"background": "linear-gradient(90deg, #ff7e5f, #feb47b)", "-webkit-background-clip": "text", "-webkit-text-fill-color": "transparent"});
}
);
</script>
</div>
页:
[1]