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天

知道了
密歇根神奇彩票 www.vf.com-中彩网3d走势图| www.93ao.com-北京高频彩有哪几种| www.33lh.com-体彩每天停售时间| www.586493.com-什么网站送彩金| www.6283.vip-体育彩票合作app| www.62242.com-三彩家官网-| www.407620.com-所有彩票开奖网址| www.0363.cm-数字彩杀号法| www.88982.cc-ok彩下载-| www.274523.com-美国一分彩开奖| www.497107.com-万福彩票是官方网站| www.709177.com-彩票28系列-| www.929390.com-福彩群英会下载| 好彩头www.51331h.com| www.110655.com-发彩网怎么注销| www.382871.com-新浪排列三数学彩票| www.797371.com-98彩违法吗-| www.888460.com-体育彩票打票教程| 500万彩票www.w935.com| www.132709.com-体彩世界杯-| www.751676.com-彩拾彩票官网| www.xx66.cc-双色球彩票贴吧论坛| www.82en.com-彩票极速赛车计划| www.6165.cn-世界彩票大会举办地| www.159164.com-海南北京快三群| www.306887.com-购彩网是正规的吗| www.501579.com-菲律宾飞腾彩票| www.071815.com-坐庄彩票-| www.194598.com-快彩彩票官网| www.307795.com-高频彩票电子走势图| www.409558.com-鸿运彩票怎么提现| www.567769.com-彩票36选7-| www.4738.xyz-手机购彩中奖不给钱| www.862509.com-时的彩挂机软件| www.977019.com-河南彩礼高-| www.vs05.com-中福彩票开奖网| www.77ol.com-玩足球彩票输死了| www.667147.com-七乐彩一等奖中奖率| www.949061.com-今晚福彩开奖号查询| www.2648.cc-一分快三大小方法| www.791691.com-体彩金七乐手机购| www.922553.com-体彩分析师-| www.999667.com-蓟彩芝演的电视剧| www.9809.cn-中彩双色球开奖结果| www.26np.com-c彩38app-| 500彩票www.357477.com| www.905666.cc-yy彩票登录网页| www.86cf.com-家彩网杀码-| www.9727.biz-登录瑞彩祥云app| www.31655.cc-彩票刷水兼职| www.7795.cm-俄罗斯守护者彩蛋| www.731513.com-河北福利彩票中心| www.811509.com-彩票信息查询| www.895328.com-牛牛彩票app下载| www.967447.com-彩票群起名-| www.dw8.cc-网上三分快三真的吗| www.503972.com-彩票没打上-| www.857679.com-网上体彩是真的假的| 中国福利彩票www.34788a.com| www.wq3.com-下载彩票开奖大全| www.633748.com-分分彩万能8码| www.817010.com-中发彩票邀请码多少| www.928383.com-打彩票的技巧| www.987963.com-全能中彩票-| www.cp73.com-快三彩票技巧| www.226769.com-快捷彩票-| www.876966.com-内蒙时彩开奖号码| www.91.vip-汪汪时时彩助手下载| www.21587.cc-彩乐乐十一运夺金| www.101583.com-信誉彩票平台有哪些| www.111216.com-御彩轩app收费| www.18772.cc-128福彩官网| www.73046.com-搜索福彩藏机图| www.026744.com-搜狗彩票走势图表| www.120272.com-网上体彩app| www.806159.com-大连精彩彩票| www.np57.com-体彩领奖-| www.975915.com-太康彩礼-| www.54nq.com-最专业移动彩票软件| www.618155.com-88快乐购彩票| www.688113.com-九州博彩下载地址| www.767676.cc-福彩3d速查图表| www.835661.com-福彩双色球字符图迷| www.895966.com-中国足彩世界杯玩法| www.955363.com-手机85彩票靠谱吗| www.998630.com-足彩预测软件排行榜| www.nc3.com-大乐透彩经网| www.qo91.com-福彩3d乐彩网草儿| www.x44.me-甘肃彩票开奖查询| www.760489.com-福星彩历史开奖记录| www.861255.com-安徽体彩报-| www.946713.com-手机高频彩票网| www.1751.win-鸿彩直播梦-| www.252757.com-好彩堂心水资料站| www.797165.com-竞彩最佳投注计划| www.117946.com-一分时时彩开奖记录| www.783896.com-505彩票群-| www.876559.com-乐彩网彩网-| www.946957.com-彩色混凝土怎么做的| www.999919.cc-宇宙彩票套路| www.cn60.com-北京快三开奖时间表| www.a17.top-环彩app下载| www.62613.cc-七星彩的中奖号码| www.622229.com-体彩天下快3可靠吗| www.191318.com-怎样看一分快三走势| www.246779.com-新浪足球彩票网| www.378442.com-天空彩票幸运彩涂| www.541655.com-tt彩票可靠吗| www.655734.com-中国彩代刷-| www.739183.com-快三怎么猜和值大小| www.822783.com-蚂蚁正规彩票网址| www.967196.com-即时开彩下载app| www.019663.com-分分彩稳赢公式| www.804179.com-福彩1d技巧-| www.922927.com-彩色压印地坪施工| www.996453.com-新粵彩-| www.gu77.com-开福利彩票店| www.6po.com-外卖送彩票-| www.87gd.com-天猫国际城彩票平台| www.799031.com-福彩刺客论坛| www.857213.com-恒彩测试88-| www.864968.com-骰子彩票合法| www.059321.com-体彩五d开奖| www.723572.com-镇江体彩怎么申请| www.827858.com-彩民网是哪个app| www.927511.com-彩票一共几个数字| 彩82www.c6356.com| www.563710.com-西宁福彩在线几家| www.636366.com-彩虹棋牌比鸡挂| www.706712.com-网上赌彩违法吗| www.911730.com-彩53彩票领导者| www.980059.com-体彩柜-| www.cai9799.com内蒙古快三号码推荐| www.594849.com-三彩夏装新款连衣裙| www.960738.com-吉林快三投注群| www.vm4.com-马来西亚当地彩票| www.278308.com-体彩巨奖-| www.411324.com-小学生广播七彩阳光| www.53729.cc-时时彩根据啥来开奖| www.953165.com-好彩三八是什么生肖| www.tc55.com-彩票行业未来前景| www.297827.com-河南快三统计图表| www.xb12.com-海南南国七星彩论坛| www.10ba.com-彩票封机-| www.937.cm-酷彩app安卓版| www.5927.top-大中华彩票系统| www.29748.com-米兰快彩-| www.447967.com-怎么在网易买彩票| www.886871.com-福利彩票怎么对奖| www.93bu.com-宏盛彩票下载| www.g23.com-排列3走势图彩经网| www.076534.com-凤凰彩票维护| www.205677.com-摇一摇机选彩票| www.4315.vip-靠谱的足彩论坛| www.526688.com-时时彩包胆怎么选号| www.693662.com-258竞彩比分| www.29667.com-淘宝酷彩会有假吗| www.71uw.com-高频彩刷流水漏洞| www.476400.com-福彩晚秋和值| www.588376.com-五子彩球在线玩| www.014634.com-能买七星彩的软件| www.357058.com-船彩铅绘画图片大全| www.251852.com-中國彩吧-| www.333720.com-体彩排列五中奖条件|