QQ客服
當前位置 : 中国福彩快乐十分开奖分布图 > 代碼 > 網頁特效 > 導航菜單 > jQuery仿新浪頂部導航下拉菜單代碼

快乐十分号码分布图: VIP商用 jQuery仿新浪頂部導航下拉菜單代碼

jQuery制作橙色的新浪頂部下拉菜單,鼠標懸停文字導航欄展開二級下拉菜單代碼。
分享到微信朋友圈
X
[聲明]該素材是本站付費買斷的作品代碼,享受著作權?;?,未經允許請勿轉載,否則追究相應的法律責任。

使用方法:

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="#">設為首頁</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="#">國內</a></li> 
				</ul> 
			</dd> 
			<dd>
				<h3><a href="#">手機新浪網</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="#">天氣通</a></li> 
				</ul> 
			</dd> 
		</dl> 
		<dl class="tnRight"> 
			<dd class="welcome">
				歡迎您,
				<a href="#">17素材網</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="#">評論</a></li> 
					<li><a href="#">@我</a></li> 
				</ul> 
			</dd> 
			<dd> 
				<h3><a href="#">博客<i></i></a></h3> 
				<ul> 
					<li><a href="#">博客評論</a></li> 
					<li><a href="#">未讀提醒</a></li> 
				</ul> 
			</dd> 
				<dd> 
				<h3><a href="#">郵箱<i></i></a></h3> 
				<ul> 
					<li><a href="#">免費郵箱</a></li> 
					<li><a href="#">VIP郵箱</a></li> 
					<li><a href="#">企業郵箱</a></li> 
				</ul> 
			</dd> 
			<dd> 
				<h3><a href="#">網站導航</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> 
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 中国福彩快乐十分开奖分布图

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了