jQuery仿新浪頂部導(dǎo)航下拉菜單代碼

使用方法：

1、head引入css文件

<link type="text/css" href="css/style.css" rel="stylesheet" />

2、head引入js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代碼

<div class="top-nav"> 
	<div class="top-nav-width clearfix"> 
		<dl class="tnLeft"> 
			<dd>
				<h3><a href="#">設(shè)為首頁(yè)</a></h3>
			</dd> 
			<dd> 
				<h3><a href="#">我的菜單<i></i></a></h3> 
				<ul> 
					<li><a href="#">新聞</a></li> 
					<li><a href="#">電視視頻</a></li> 
					<li><a href="#">電影</a></li> 
					<li><a href="#">明星</a></li> 
					<li><a href="#">國(guó)內(nèi)</a></li> 
				</ul> 
			</dd> 
			<dd>
				<h3><a href="#">手機(jī)新浪網(wǎng)</a></h3>
			</dd> 
			<dd> 
				<h3><a href="#">移動(dòng)客戶端<i></i></a></h3> 
				<ul> 
					<li><a href="#">新浪微博</a></li> 
					<li><a href="#">新浪新聞</a></li> 
					<li><a href="#">新浪體育</a></li> 
					<li><a href="#">新浪拍客</a></li> 
					<li><a href="#">天氣通</a></li> 
				</ul> 
			</dd> 
		</dl> 
		<dl class="tnRight"> 
			<dd class="welcome">
				歡迎您，
				<a href="#">17素材網(wǎng)</a>
				<a href="#">退出</a> 
			</dd> 
			<dd> 
				<h3><a href="#">微博<i></i></a></h3> 
				<ul> 
					<li><a href="#">私信<span>1</span></a></li> 
					<li><a href="#">評(píng)論</a></li> 
					<li><a href="#">@我</a></li> 
				</ul> 
			</dd> 
			<dd> 
				<h3><a href="#">博客<i></i></a></h3> 
				<ul> 
					<li><a href="#">博客評(píng)論</a></li> 
					<li><a href="#">未讀提醒</a></li> 
				</ul> 
			</dd> 
				<dd> 
				<h3><a href="#">郵箱<i></i></a></h3> 
				<ul> 
					<li><a href="#">免費(fèi)郵箱</a></li> 
					<li><a href="#">VIP郵箱</a></li> 
					<li><a href="#">企業(yè)郵箱</a></li> 
				</ul> 
			</dd> 
			<dd> 
				<h3><a href="#">網(wǎng)站導(dǎo)航</a></h3> 
			</dd> 
		</dl> 
	</div> 
</div> 
 

<script type="text/javascript">jQuery(".top-nav").slide({ type:"menu",  titCell:"dd", targetCell:"ul", delayTime:0,defaultPlay:false,returnDefault:true  });	</script>