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天

知道了
1分快三 www.0607.vip-彩票为什么不好中| www.us77.com-山东福彩在线| www.024761.com-安徽快三三同号单选| www.217297.com-单机快三游戏下载| www.358514.com-白小姐彩票史| www.13ra.com-山东彩票官方版下载| www.3114.biz-彩票开奖官方大数据| www.32173.cc-众彩易购-| www.033786.com-七乐彩中三号有奖| www.216972.com-118彩票是否可信| www.365977.cc-彩铅我的世界图片| www.585203.com-7070彩票最新版| www.739480.com-时时彩合买大厅骗局| www.898803.com-足球彩票推荐软件| www.836.red-东方彩彩票-| www.34626.com-上海快三综合图| www.965549.com-北京福彩快三中奖号| www.791034.com-三分彩出号规律| www.848528.com-重庆时时彩新公告| www.65811.com-武汉市福利彩票发行| www.4022.biz-福彩三地优势| www.976063.com-彩礼分手-| www.558460.com-彩铅画半开作品| www.298639.com-福利彩票开奖结果| www.100.name-彩虹的约定伴奏简谱| www.411899.com-彩票如何防止复制| www.py09.com-百盈快三彩票| www.713811.com-买福利彩票的软件| www.65xa.com-体育彩票该怎么买| www.36395.cc-福利彩票有几个号码| www.040967.com-五分彩官方走势图| www.0uv.com-彩虹的约定主持串词| 彩世界www.99788q.com| www.554997.com-亿彩彩票官网首页| 500万彩票www.35155t.com| www.0536.loan-福彩三的牛彩图迷| www.nq00.com-福彩选号器助手| www.659403.com-七星彩票开什么奖了| www.914433.com-天下彩票绝密网| www.582338.com-快三线上app| www.825187.com-竞彩猫可以买彩票吗| www.997608.com-凤彩网专属app| www.045995.com-申请宁夏福利彩票| www.493214.cc-选号软件体彩大乐透| www.1680.in-安徽快三和值图表| www.121241.com-起个彩票中奖名字群| www.456.in-快三能买跨度吗| www.ye59.com-快三和值大单的组合| www.9685.cm-c8万彩.cn-| www.281712.com-六壬测彩3d-| www.68qk.com-彩票两元中多少| www.561716.com-双赢彩票官方网站| www.yf66.cc-甘肃福利彩票七乐彩| www.989.mobi-研究彩票的软件| www.086.name-利盈国际彩票代理| www.344378.com-彩之云是骗局吗| www.852624.com-亚博体育竞彩网| www.819028.com-彩票倍率计算器| www.883125.com-足彩任九胆拖投注表| www.659323.com-七星彩大奖彩票| www.615810.com-中彩彩票客服电话| www.56310.com-山东福利彩票手机端| www.52955.cc-篮球胜负竞彩玩法| www.579631.com-360彩票大全| www.697715.com-时时彩跨度什么意思| www.916607.com-黑客攻击黑彩网事件| www.rq7.com-速八彩票可靠吗| www.33tm.com-好乐彩app-| www.233641.com-聚网彩-| www.011332.com-昨日福彩3d开奖号| www.553850.com-竞彩足球赛事取消| www.244727.com-彩票助手工具软件| 凤凰Vwww.www.fh7557.com| www.231708.com-3d福彩过滤app| www.71850.com-怎样做彩票平台| www.68117.cc-竟彩足球高手心得| www.646771.com-彩票是人为-| www.469133.com-被r8彩票骗了| www.895530.com-彩票那个网站有合买| www.5357.cm-彩票怎么购买| www.236878.com-体育彩票6+1开奖| www.962070.com-腾讯一分彩计划全天| www.8941.cc-什么叫地下彩票| www.679987.com-二元彩票网站| www.2075.in-速赢彩票是不是真的| www.051160.com-打高频彩有赢的吗| www.dp47.com-东彩骗局-| www.21775.cc-套彩-| www.351789.com-卖体彩怎么提成| www.wc47.com-时时彩大小稳赚法| www.9744.cm-全民彩票官方下载| www.693131.com-凤凰彩票可信么| www.854483.com-江苏快三软件有吗| www.97563.com-36o北京快三| www.448365.com-老谢彩票洛阳站| www.689357.com-今年七乐彩开奖结果| www.851606.com-重庆时时彩赔付规则| www.182303.com-中国竞彩网、首页| www.712916.com-河北快三走路| www.0485.cm-河南省福彩领奖地址| www.589321.com-竞彩蓝球混合投注| www.478839.com-竞彩冷热指数怎么看| www.05bt.com-七星彩参考码| www.527018.com-时时彩后三统计软件| 华夏彩票www.hx1165.com| www.1173.pw-彩票店开张如何促销| www.713185.com-福彩网上平台| www.86947.com-云南快三综合走势图| www.389207.com-彩发发软件准吗| www.vc9.com-乐彩骗我30万| www.916780.com-彩票台子收集网| www.725038.com-天天体育彩票app| www.44qv.com-竞彩足球单场倍投| www.659253.com-彩票19008-| www.0971.date-lb快乐彩技巧稳赚| www.778641.com-新彩网是合法的吗| www.300776.com-人人中彩票安全吗| www.539257.com-多乐彩票是什么意思| www.990457.com-福彩三地谜语大全| www.tz32.com-彩票4亿官网| www.6903.org-七彩西游完整版| www.739822.com-福彩守号3d大奖| www.867293.com-福利七星彩-| www.6254.me-撒福利彩票三d| www.74914.com-足球竞彩分析软件| www.487084.com-台州转让福利彩票点| www.799537.com-体彩超级大乐透开奖| www.08fh.com-我的彩票账户003| www.119830.com-福利彩票数字3| www.731149.com-成都体彩网查询| www.81ke.com-新粤彩报免费资料区| www.678263.com-申请一个体育彩票| www.05xl.com-3g彩票专家-| www.1180.xyz-秒速快三网页计划| www.652011.cc-福彩每周几开奖| www.73793.com-竞彩比分技巧| www.101546.com-平安彩票线路导航| www.654412.com-南昌彩票投注站| www.10iu.com-租彩票网站-| www.132612.com-彩票截止时间| www.rg83.com-北京快三走势图预测| www.130547.com-快彩王是什么情况| www.544416.com-淘彩骗局提不了现| www.678726.com-竞彩足球必发盈亏| www.827248.com-彩票站有假的吗| www.025202.com-福彩行业-| www.500021.cc-87彩票ios-| www.qu98.com-网购福彩3d-| www.99gc.cc-彩天地娱乐-| www.162175.com-彩乐汇快三是真的吗| www.531178.com-小学生学彩铅画好吗| www.386767.com-韩国金山快三开奖| 博亿彩票www.664by.com| www.805396.com-大发快三倍投大忌| www.f88.net-华人彩票可靠吗| www.8760.cn-数字型彩票方案| www.72020.cc-发财猫七星彩手机版| www.320644.com-国民彩票下载| www.402342.com-dd彩票平台真假| www.817443.com-朋友给个网址买彩票| www.as.com-内蒙快三一定牛预测| www.tm19.com-鬼六一句定三码福彩| www.6103.com-怎么区分釉下彩| www.33529.cc-风采彩票-|