QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery仿新浪顶部导航下拉菜单代码

原创商用 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天

知道了
亚洲28 www.060175.com-中乐彩怎么登录官网| www.526712.com-时时彩如何平投追号| www.et.com-快3彩票哪个软件好| www.3431.top-福彩三弟胆码预测| www.59407.com-网络彩票开挂| www.9547.biz-东彩娱乐是黑| www.200071.cc-体彩体彩开奖号| www.362502.com-福彩红五图库永久域| www.77647.com-7乐彩开奖结果历史| www.933267.com-广东省体彩中心地址| www.cp466.com-安徽快三开奖走势| www.815180.com-石家庄省福彩中心| www.50eh.com-烟台福利彩票双色球| www.wg23.com-北京体彩排三预测| www.571725.cc-时时彩绝密技巧| www.217231.com-私彩平台哪个比较好| www.708026.com-彩状元-| www.661110.cc-网易彩票网是真的吗| www.786687.com-极速⑥合彩票网| www.906721.com-福彩胆码-| www.983416.com-幸运时时彩正规不| www.lo90.com-台北快三一分钟开奖| www.18eo.com-十一选五彩票论坛| www.9367.cm-博美彩票-| www.142778.com-八号彩票是不是真的| www.332200.com-鸿运彩票网官方网站| www.sg95.com-幸运时时彩-| www.627058.com-彩票赛马开奖网| www.947872.com-南国彩票论坛规律图| www.cv48.com-app彩票软件制作| www.0yh.com-彩票助手怎么买彩票| www.27fb.com-我附近彩票站| www.623058.com-在网上怎么购买彩票| www.710091.com-北京福彩网彩民之家| www.795529.com-新彩票走势网首页页| www.516759.com-怎么攻击黑彩网站| www.598373.com-体彩大乐透36期| www.694770.com-竞彩误差分析| www.781204.com-海南彩票规律讲解| www.871461.com-福彩三d藏机图今日| www.946682.com-美国快三中奖规律| PK彩票www.8499a.com| www.0066.pw-彩票中奖心情| www.7772.cc-快三肖立刚技巧| www.5245.net-荣鼎彩官网-| www.xa7.com-大发快三彩票开奖| www.73292.com-彩票炒群怎么炒| www.334175.com-体彩所有玩法| www.139377.com-体彩福彩3d八卦图| www.h17.xyz-七星彩寒若冰| www.4556.vip-七星彩历史开奖图| 中彩网www.91233w.com| www.780328.com-福利彩票咋申请| www.871096.com-七星彩排列走势图| www.948125.com-彩票到底是真是假| 彩客博www.8667u.com| www.520725.com-彩宝贝双色球十大师| www.605330.com-彩色枪战苹果版| www.73977.cc-福彩1d技巧-| www.wb2.com-排列五彩经网走势图| www.196982.com-app计划彩票| www.806145.com-彩99正规吗-| www.893318.com-彩票做号软件手机| www.957985.com-彩票最新改革| 500彩票www.52072q.com| www.931196.com-奇门测彩简易抵消法| www.214311.com-怎么下载人人中彩票| www.350999.com-查询鸿运彩票网址| www.501234.com-众益彩票-| www.603752.com-彩票怎么才容易中奖| www.727555.com-山东福彩有app吗| www.832581.com-体彩和值遗漏值表| www.948106.com-四川福利彩票网| www.cai39.cc-快3彩票官网| www.6697.top-南方彩吧-| www.4693.org-也买彩是黑彩吗| www.331557.com-众乐彩大发快3| www.503664.com-彩票票样-| www.587379.com-奇门遁甲藏干测彩票| www.572813.com-彩票开奖香港结果| www.186339.com-内蒙快三走势图儿| www.317231.com-九千万彩票首页| www.884005.com-百胜快三是不是黑彩| www.89xu.com-澳门博彩走低| www.3842.org-大地彩票平台| www.838155.com-彩票查询七乐彩开奖| www.987599.com-彩票助手追号计算器| www.ku90.com-人人快三客户端下载| www.60um.com-91彩票官网首页| www.197365.com-101彩票网可信吗| www.287658.com-网上哪里还能买足彩| www.569857.com-陕西福彩二十选五| www.731045.com-东方彩票投入梦想| www.13sd.com-彩票开奖排三| www.193286.com-甘肃福利彩票双色球| www.326176.com-p3走势图彩宝网| www.450010.com-七星彩网上投注代理| www.625239.com-开彩票盘需多少钱| www.122483.com-彩票倍投计算公式| www.739210.com-彩99旧版ios版| www.373216.com-可以去伯乐彩票玩吗| www.ma52.com-快三3个6豹子规律| www.846481.com-安徽彩民李永志| www.bj21.com-神州行彩票-| www.199253.com-福彩双色球开奖号| www.53731.cc-时时彩计划软件下载| www.499895.com-竞彩计划表怎么制作| www.82203.com-幸运快三怎么看豹子| www.460399.com-完美彩票网站可信吗| www.611309.com-彩虹六号本子百度云| www.573302.com-七星彩早版加急版| www.478152.com-大中华彩票首页| www.941632.com-快开彩票新规则| www.88fj.com-冠彩网正规吗| www.455726.com-3d福彩图片第二版| www.612341.com-彩票预测书-| www.690526.com-辉煌彩票大赢家| www.766244.com-天天彩上海昨晚选四| www.841978.com-大乐透彩票字谜图谜| www.900229.com-江苏爱彩乐11选5| www.959988.com-足彩职业-| 福彩www.86267v.com| www.iw05.com-51中彩彩票-| www.73829.com-如何网购体育彩票| www.73077.cc-彩票团队赚钱靠谱吗| www.311586.com-10分钟开的彩票| www.350105.com-福卅福彩快3开奖| www.501258.com-爱迷彩倒计时软件| www.44gi.com-七彩蓝田投资怎么样| www.343600.cc-中国3d福彩彩吧| www.240678.com-颖彩双色球专家预测| www.832286.com-七彩影院苹果版下载| www.990332.com-3d彩票软件有哪些| www.r01.top-买体育彩票怎么买法| www.95609.com-中国彩票分配| www.028535.com-博友彩平台app| www.m40.org-十选五是正规彩票吗| www.106430.com-华夏彩票手机客户端| www.056656.com-七星彩抓奖规律今天| www.141432.com-3d图库新彩吧| www.8695.top-昨天七星彩开奖结果| www.045647.com-申请网上彩票代理| www.0108.cm-号百彩票开奖公告| www.939686.com-北京11选5爱乐彩| www.48of.com-金山彩票奖多多| www.5093.vip-时时彩除以49| www.003327.com-圣天彩票-| www.12lc.com-福彩开奖号是多少| www.875018.com-太原体彩店-| www.562302.com-陶彩吧-| www.645722.com-竞彩知识-| www.552915.com-盈彩网开奖号| www.060632.com-87体彩店app| www.293391.com-竞彩彩票输钱经历| www.981901.com-各种彩票app| www.89ga.com-澳门博彩控app| www.tg93.com-中福快三合法吗| www.41hk.com-体育彩票1月27号| www.856.cm-时时彩杀号对应码| www.850989.com-彩票机选的软件| www.06970.com-福彩3d两码特点| www.79275.com-网上博彩诈骗| www.333628.com-送彩票营销-| www.37355.cc-彩票什么平台比较好|