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.38if.com-彩票狂人王成周现状| www.30973.com-神采和神彩-| www.381715.com-中亿元大奖的彩票店| www.566962.com-竞彩篮球赛程| www.654305.com-彩之源登录口| www.qv68.com-pc是彩票的意思吗| www.193271.com-松原体彩中心网站| www.286477.com-中国体彩报纸| www.011.org-cpcp彩票官网| www.943508.com-易盈彩票平台| www.303625.com-双彩图3d双采图| www.383225.com-体彩一九年第29期| www.502588.com-多彩投非鱼-| www.576860.com-香港马会彩票三中三| www.648891.com-彩宝分类-| www.725957.com-福利彩票3d全网搜| www.806680.com-彩票亏损救援金| www.886324.com-盈彩吧app-| www.962913.com-三地彩圣字谜总汇| www.cp4.me-贵州福彩快三| www.782068.com-彩票的理论与思维| www.909902.com-彩票网用户注册| www.999786.com-福彩快三多少钱一注| www.02006.com-聚彩手机网-| www.ji92.com-官方手机买彩票软件| www.23bv.com-天津时时彩计划| www.5837.xyz-买彩票怎么看中奖| www.488258.com-360福彩导航| www.595723.com-鑫彩平台下载| www.686323.com-全民娱乐彩票官网| www.7484.cm-彩店云app-| www.12jj.com-无彩色系色彩构成| www.xq53.com-买彩票选号难吗| www.746752.com-欢迎来到福利彩票| www.055524.com-中国体彩竞彩足球网| www.538592.com-中国福彩彩报网| www.329727.com-深圳福彩发行中心| www.496405.com-黑彩平台怎么盈利| www.785672.com-美国彩票网站| www.kh89.com-快三倍投怎么合理| www.c77.pw-百宝彩票合法吗| www.919523.com-搭建一个时时彩平台| 500万彩票www.39500l.com| www.kr88.cc-五分彩规律公式| www.g88.org-体彩19019-| www.47ij.com-分分彩奖金制度| www.1378.cm-3d彩票网址大全| www.722.com-时时彩追号方法| www.5212.org-派彩负数是什么意思| www.0415.in-迪士彩乐园网址| www.290717.com-澳洲三分彩开奖结果| www.366552.com-油性彩铅叠色顺序| www.60ms.com-赌彩争霸-| www.4348.cm-鑫彩网址下载| www.28878.cc-福彩双色球app| www.868605.com-七星彩合直走势| www.51jk.com-足彩收米表情包| www.7288.mobi-彩虹儿歌歌曲英语| www.802717.com-福彩开奖解果| www.4383.xyz-福彩双色球5等奖| www.371629.com-500彩开奖查询| www.925296.com-彩6精华版下载| www.886126.com-下载香港彩库宝典| www.377685.com-福彩投注几点结束| www.480648.com-喝彩中华最新一期| www.82664.com-19025期胜负彩| www.080855.com-今天大马彩-| www.43589.com-民彩网彩民提供可靠| www.cp1330.com-江苏五分快三计划| www.047319.com-567彩票官方下载| www.108936.com-55彩票-| www.20ii.com-新浪彩票网排列三| www.471.online-时时彩任三怎么玩| www.58162.cc-福利彩票七乐彩规则| www.075540.com-瑞彩祥云属于黑彩吗| www.28999.com-七乐i彩开将| www.861096.com-河南福彩网河南体彩| www.951253.com-彩185-| www.cp151.com-黑彩票平台快三| www.9183.wang-七乐彩什么时候上市| www.8460.in-2013年七星彩| www.020748.com-上海福利彩票基诺| www.940607.com-中国彩票中奖号码| www.39714.com-9a彩票线路检测| www.717964.com-彩合宝典ios| www.787466.com-竞彩360足球投注| www.918981.com-万博彩app-| www.990612.com-267彩票-| www.dz14.com-广西快乐彩开奖结果| www.0015.pw-福彩几点可以兑奖| www.16543.com-彩神挣霸lv-| www.70587.com-逸彩时尚购物网| www.980325.com-709彩票苹果| www.511555.com-7星彩杀号定胆| www.8600.vip-腾讯福彩-| www.005826.com-时时彩票下载网址| www.012122.com-彩票要买几个号码| www.123491.cc-高频彩联盟走势图| www.365881.cc-体彩排列三号码遗漏| www.490098.com-下载小白彩票| www.405724.com-彩虹的形成原因42| www.569458.com-皇家彩世界ios| www.667831.com-中国福利彩票王云戈| www.309687.com-美狮彩票推荐码| www.390070.com-买彩票买了几十万| www.520794.com-分分彩5星漏洞教程| www.629820.com-山东体彩11运夺金| www.729432.com-彩票梦想站正规吗| www.805280.com-山西快乐十分彩开奖| www.879711.com-体彩前景分析| www.954070.com-好彩爆珠多少钱| 澳客网www.okw4.com| www.031132.com-富彩彩票靠谱吗| www.673323.com-481彩票中奖| www.762455.com-彩富网最快报码系统| www.cp0.net-江西快三投注| www.975296.com-百度福彩双色球预测| www.nh5.com-快三彩票怎么玩法| www.qs40.com-福彩有什么彩种| 博亿彩票www.663by.com| www.899224.com-上海快三快彩app| www.176939.com-快三助手安卓版下载| www.238522.com-河南快三电视开奖| www.44iz.com-彩98cc-| www.577181.com-彩票55下载-| www.320829.com-百宝彩视如何调试| www.uo75.com-河南快三遗漏号码| www.662100.com-重庆彩票开奖记录| www.qy16.com-有人带你玩快三| www.253295.com-czj彩之家官网| www.60zh.com-如何精准买江苏快三| www.819567.com-彩票数据下载| www.36006.com-彩友吧预测总汇| www.066549.com-2345彩票网破解| www.386772.com-网络黑彩被骗报警| www.616704.com-199期彩吧图库| www.891679.com-彩票开奖提醒| 七天彩www.00665h.com| www.71gs.com-关于彩票的句子| www.3415.cm-天天足彩软件| www.339315.com-彩票游戏合法吗| www.425315.com-360快三走势| www.521963.com-河内五分彩预测软件| www.591716.com-七星彩单双走势图| www.659624.com-全民足球竞彩下载| www.74eq.com-体育彩票排列三算法| www.8093.vip-大发快三彩票破解术| www.232936.com-五百万彩票软件| www.08726.com-吉林福彩快三预测| www.977377.com-河南两万彩礼摄像头| www.781700.com-彩票交税规则| www.928984.com-手机彩票怎么买| www.987133.com-辽宁快三每天多少期| www.125018.com-福利彩票都有哪几种| www.317218.com-足彩输钱的是哪种人| www.430001.com-教水彩的软件| www.537221.com-春秋彩票靠谱不| www.743714.com-快三走势图软件| www.862510.com-彩票杨光华著作| www.272428.com-褔彩3d合值表| www.130205.com-时时彩选好的方法| www.658152.com-百宝福彩-| www.737933.com-二手彩神uv喷绘机| www.795818.com-全彩网断组-|