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天

知道了
彩01彩票 www.003778.com-全民娱乐买彩安全吗| www.69576.com-久久玩彩票app| www.13427.com-竞彩胜负最新推介| www.060042.com-彩民堂app下载| www.758896.com-搜索微彩点播| www.869938.com-彩票开奖查寻| www.947731.com-中国彩吧一更懂你| www.999998.com-彩票帮投是什么意思| www.co43.com-l北京快三开奖实时| www.uq46.com-福彩3d300期| www.15sv.com-广州体育彩票6十1| www.gs59.com-好彩爆珠烟蓝莓| www.522241.com-七乐彩特号码查询| www.691901.com-乐乐彩是合法的么| www.792058.com-彩票掉包-| www.887943.com-国乐彩安卓下载| www.2327.biz-3d彩票机选-| www.8474.pw-融彩网平台-| www.420005.com-新必发彩票-| www.555004.com-彩票中奖3亿的山东| www.678736.com-彩票网站制作费用| www.236927.com-竞彩足球买量分布| www.nt41.com-江苏省福彩中心| www.48aj.com-彩61信誉平台登录| www.741.pw-河内彩开奖号码| www.19971.com-竞彩足球怎样分析| www.0354.net-七星彩走势图跨度| www.539945.com-助赢彩票软件手机版| www.352256.com-知名的高频彩平台| www.1764.org-什么是外围足彩| www.674722.com-足球胜负彩中奖故事| www.235397.com-广东福彩微信公众号| www.774568.cc-永利彩票注册平台| www.194462.com-正德财神彩票| www.969692.com-买彩票追号容易中吗| www.ev50.com-ha0123彩票-| www.11057.com-蓝鲸彩票-| www.106188.com-90年代彩票大奖| www.0018.loan-彩票的投注方式如下| www.yb38.com-开门彩官网-| www.536863.com-6188彩票手机版| www.666249.com-航天彩虹是什么企业| www.791924.com-3d彩票网上兑奖| www.6777.tv-吉林十分快三| www.234985.com-安卓彩票下载| www.353277.com-彩铅笔手绘眼睛| www.56928.com-体彩排到五开奖号| www.443548.com-赢家彩票网址| www.123417.com-快乐双彩今晚开奖号| www.753846.com-幸运飞艇双彩网| www.857353.com-gc彩票投注网网址| www.993921.com-凤凰彩票投注技巧| www.hp41.com-新浪足球彩票彩| www.y48.com-vr彩票官网-| www.270.site-3d天天彩报纸今天| www.6200.net-掌上彩票双色球版| www.21892.cc-彩金单教程-| www.025579.com-飞彩网是合法的么| www.116645.com-86彩票人工计划| www.190031.com-快三开奖时间表| www.270927.com-彩票77原版-| www.119120.com-u9彩票注册登录| www.ry76.com-256彩票-| www.729119.com-福彩网址大全| www.7132.cc-博大彩票真的假的| www.66679.com-福彩领奖流程| www.663925.com-今天七色彩开奖结果| www.598551.com-七乐彩35-| www.814599.com-19038期足彩| www.954486.com-温州体彩网阳光征召| 赢彩网www.230635.com| www.e10.org-海南七星彩直播网站| www.306415.com-pk10彩票贴吧| www.367591.com-预知彩票号码| www.455355.com-趣彩计划-| www.540323.com-福利彩票能买足球吗| www.605775.com-吉祥彩票正规吗| www.29349.com-山东福彩有app吗| www.435077.com-创富正版彩报准不准| www.pc.com-体彩网即时比分| www.525162.com-圣地彩官网app| www.631921.com-七彩云南全国分店| www.109115.com-金利彩票会给钱吗| www.216973.com-安徽快三出奖| www.329719.com-湖北快三走势图全天| www.461125.com-qq时时彩机器人| www.557547.com-神灯彩票注册平台| www.615203.com-印度网络彩票| www.672216.com-胜负彩分析软件| www.295731.com-彩票开奖图片大全| www.179611.com-5分彩走势图| www.25550.cc-我购i的彩票| www.436422.com-九州彩票网站有几个| www.sc07.com-快三机选号码查询| www.891766.com-e家彩票计划官方| www.559981.com-彩宝贝排列三走势图| www.748312.com-信中彩-| www.889048.com-做彩票帮投是真的吗| www.683771.com-555彩票开户| www.380658.com-超级大乐透彩票骗局| www.lp29.com-12彩票-| www.03vd.com-彩票免费报刊大全| www.74by.com-彩票合买陷阱| www.736762.com-中彩网三的字谜| www.hp95.com-足彩开奖-| www.02ue.com-世界杯彩票结果| www.798.cm-网上玩彩票输了钱| www.013888.com-七星彩规律图最新| www.076605.com-体彩61开奖结果| www.98109.com-足彩法乙大杀四方| www.889084.com-大华彩票app| www.806312.com-中彩在线股东| www.085303.com-101彩票平台| www.85336.cc-500万购彩网| www.051655.com-福彩3d投注方法| www.ul77.com-内蒙古体彩领奖地址| www.881697.com-258彩票平台| www.979717.com-新亚安欣经营彩票吗| www.ei98.com-黑龙江福彩快乐十分| www.221510.com-上海快三规律破解| www.pe94.com-众彩网手机版下载| www.094205.com-福建福彩3b开奖| www.057355.com-彩票双色球规则| www.040289.com-广东快三开奖网站| www.69752.cc-海南4个号是啥彩票| www.802226.com-中国福利彩票云南| www.895532.com-有人介绍网投彩票| www.s51.club-六合电脑彩-| www.32qj.com-我想搜福利彩票| www.90ff.com-福彩三d彩吧助手| www.1266.in-星宇购彩能玩吗| www.89775.com-中彩票离婚要分钱吗| www.392735.com-初学彩色铅笔画教程| www.310032.com-体彩主任违法乱纪| www.376988.com-快频彩开奖时间表| www.460898.com-世界杯买彩票在哪买| www.541712.com-猜大小的彩票网站| www.673665.com-古建筑彩绘颜料配料| www.738700.com-购买黑彩被骗报警| www.841620.com-七乐彩选号方法| www.53vu.com-亚洲彩票网站平台| www.1298.pw-云南11选5爱乐彩| www.09338.cc-彩神iv软件下载| www.112371.com-注册赠送彩金平台| www.201975.com-福彩图迷总汇九| www.308153.com-福彩八-| www.253325.com-好彩堂玄机网| www.132786.com-足彩术语-| www.235311.com-鸿鼎彩票app| www.315989.com-新浪彩票官方app| www.381936.com-点击获取更多精彩| www.488198.com-3d彩巴开机号| www.547066.com-买易彩快三的技巧| www.637062.com-彩虹七号电池| www.723133.com-快三违法不-| www.781226.com-彩虹卡通画-| www.851012.com-彩票彩吧助手| www.905652.com-yy彩票登录| www.972736.com-竞彩让球胜平负网| 博友彩www.381772.com| www.pz23.cc-手机彩票应用| www.48us.com-邪恶木全彩妖气| www.819.hk-3彩吧论坛天齐网| www.47863.com-分分彩杀两个号技巧|