jquery hover下拉菜单导航仿京东商城商品分类插件


jquery hover下拉菜单导航仿京东商城商品分类插件
jquery hover下拉菜单导航仿京东商城商品分类插件以及下拉菜单导航等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

2. HTML代码

<div class="navsort">
	<div class='allsort'>
		<div class='mt'><strong><a href="https://www.51qianduan.com/" target="_blank">51前端</a></strong><div class='extra'>&nbsp;</div></div>
		<div class='mc'>
			<div class='item fore'>
				<span><h3><a href="https://www.51qianduan.com/" target="_blank">51前端</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl class='fore'>
							<dt>文艺</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>少儿</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>人文社科</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>经管励志</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>生活</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>科技</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>教育</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>其它</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
					</div>
					<div id="JD_sort_k" class='fr'>
						<img src="images/1593.jpg" width="194" height="70" alt="" style="margin-top:30px;" />
					</div>
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="https://www.51qianduan.com/" target="_blank">51前端</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl>
							<dt>少儿</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl class='fore'>
							<dt>文艺</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>人文社科</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>经管励志</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>生活</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>科技</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>教育</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>其它</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
					</div>
					<div id="JD_sort_k" class='fr'>
						<img src="images/1593.jpg" width="194" height="70" alt="" style="margin-top:30px;" />
					</div>
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="https://www.51qianduan.com/" target="_blank">51前端</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl class='fore'>
							<dt>文艺</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>少儿</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>人文社科</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>经管励志</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>生活</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>教育</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>科技</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
						<dl>
							<dt>其它</dt>
							<dd>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
								<em><a href="https://www.51qianduan.com/" target="_blank">51前端</a></em>
							</dd>
						</dl>
					</div>
					<div id="JD_sort_k" class='fr'>
						<img src="images/1593.jpg" width="194" height="70" alt="" style="margin-top:30px;" />
					</div>
				</div>
			</div>
			<div class='extra'><a href="https://www.51qianduan.com/" target="_blank">51前端</a></div>
		</div>
	</div><!--allsort end-->
	<div class="searcbox"></div>
	<div class="carbox"></div>
</div>	
<script type="text/javascript"> 
$(".allsort").hoverForIE6({current:"allsorthover",delay:200});
$(".allsort .item").hoverForIE6({delay:150});
</script>

相关推荐

发表评论

相关文章