jQuery导航条三级下拉菜单代码

作者 : 小刺猬 本文共616个字,预计阅读时间需要2分钟 发布时间: 2020-07-30 共81人阅读

jQuery导航条三级下拉菜单代码

jQuery导航条三级下拉菜单代码是一款非常简洁实用的网站导航菜单,绿色下拉菜单导航代码。

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<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>
VIP免费 永久VIP免费

已有0人支付


刺猬源码 » jQuery导航条三级下拉菜单代码

刺猬QQ交流群号多少?
363432

发表评论