jQuery简单的三级下拉菜单导航代码

来源:https://www.sucaihuo.com/js/2298.html 2017-07-03 21:40浏览(1021) 收藏

jQuery简单的三级下拉菜单导航代码,绿色风格导航条三级下拉菜单特效,虽然比较少用,但可以收藏起来,以备不时之需。
jQuery简单的三级下拉菜单导航代码
分类:导航菜单 > 下拉导航 难易:入门级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript">
			$(function(){
				var _this1=null;
				$('.nav>li').hover(function(){
					_this1=$(this);
					_this1.find('.second-nav').show();
					var _this2=null;
					_this1.find('.second-nav').find('li').hover(function(){
						_this2=$(this);
						_this2.find('.third-nav').show();
						_this2.find('.third-nav').hover(function(){
							$(this).show();
						},function(){
							$(this).hide();
						});
					},function(){
						_this2.find('.third-nav').hide();
					});
				},function(){
					_this1.find('.second-nav').hide();
				});
			});
		</script>
评论0
头像

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

1 2