jQuery网站后台横向导航栏四级下拉菜单代码

来源:https://www.sucaihuo.com/js/3704.html 2018-05-24 11:45浏览(2336) 收藏

一款蓝色样式的jQuery网站后台横向导航栏四级下拉菜单代码,可以改成二级、三级下拉菜单,这种导航菜单通常用在网站后台管理系统,当然你也可以放到前端,适当调整就可以了。
jQuery网站后台横向导航栏四级下拉菜单代码
分类:导航菜单 > 下拉导航 难易:初级
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2