一款蓝色样式的jQuery网站后台横向导航栏四级下拉菜单代码,可以改成二级、三级下拉菜单,这种导航菜单通常用在网站后台管理系统,当然你也可以放到前端,适当调整就可以了。
js代码
<script type="text/javascript">
$(function(){
$(".first-menu > li").mouseover(function(){
$(this).find(".first-link").addClass("hover");
$(this).find(".second-menu").stop(true, false).fadeIn(300);
})
$(".first-menu > li").mouseout(function(){
$(this).find(".first-link").removeClass("hover");
$(this).find(".second-menu").stop(true, false).fadeOut(300);
})
$(".third-menu > li").mouseover(function(){
$(this).find(".third-link").addClass("hover");
$(this).find(".fourth-menu").stop(true, false).fadeIn(300);
})
$(".third-menu > li").mouseout(function(){
$(this).find(".third-link").removeClass("hover");
$(this).find(".fourth-menu").stop(true, false).fadeOut(300);
})
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791