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.598939.com-长春彩印-| www.96428.com-足彩模拟投注| www.28id.com-四季彩票官网下载| www.270785.com-093彩票老版| www.435211.com-彩王之巅直选五注| www.5636.xyz-竞彩跟单平台有哪些| www.33224.cc-全民彩票赚钱吗| www.026779.com-体彩玩法术语| www.951134.com-京彩学校事件| 500彩票www.769971.com| www.453390.com-彩票中奖去哪领取| www.557672.com-好运来腾讯分分彩| www.633542.com-0707彩票-| www.717090.com-彩铅的线条技法| www.794085.com-高频彩种计划| www.875519.com-彩票中奖了多久过期| www.954416.com-牛蛙彩票四不像肖| www.g67.club-新万彩吧资料| www.502385.com-kk彩票所有网址| www.601820.com-中彩票13亿-| www.777723.com-乐艺彩票下载安装| www.04vj.com-查看体彩排列五| www.974847.com-31走势图福建体彩| www.719582.com-福彩报纸图331| www.842119.com-体彩发展历程| www.939880.com-彩票联盟是真的吗| www.cp383.cc-网上福彩快三怎么玩| www.817359.com-彩77平台如何| www.1220.net-福彩大奖作假| www.024.com-七彩平台怎么样| www.4375.com-体彩怎么网上购买| www.02771.com-3d彩神通-| www.506668.com-双色球乐彩论坛胆码| www.76998.com-彩票兑换期限是多久| www.368842.com-3乐彩是骗人的吗| www.497720.com-快乐中彩票可以信吗| www.370605.com-中博技术彩票网| www.545733.com-彩票点几点开门| www.37cs.com-dd彩票真的么| www.1852.top-q彩害人-| www.42mi.com-彩客中国竞彩网首页| www.587964.com-038彩票黑钱吗| www.693197.com-联通可以买彩票吗| www.777590.com-英国5分彩开奖历史| www.912564.com-时时彩计划网页人工| www.35bw.com-京彩e账户怎么激活| www.97234.cc-彩礼8万女方陪嫁| www.336933.com-广西福彩快三手机| www.679587.com-我想戒掉彩票| www.792373.com-彩票用手机怎么兑奖| www.895448.com-福彩3d500-| 彩票500万www.cp500.net| www.5334.vip-彩票开奖app| www.14369.com-中体彩运营公司| www.628283.com-七彩云南游套票诈骗| www.448440.com-老杨说彩文章| www.46233.com-五福彩票安卓版下载| www.060456.com-私彩软件违法吗| www.6zj.cc-宁波年会彩票中奖| www.3068.live-七星彩txt网盘| www.150852.com-彩66网-| www.sj04.com-爱乐彩11选5辽宁| www.426124.com-今日体彩全部藏机图| www.396213.com-金钱豹时时彩网址| www.991804.com-分分彩后一稳赚技巧| www.ee37.com-网络彩票刷佣金| www.wm89.com-冠彩网app-| www.26dd.com-百万发平台时时彩| www.89gt.com-3d开奖彩博市报| www.134829.com-欧盟好彩双爆价格| www.238296.com-天天彩票福利三分彩| www.25qe.com-十大外围足彩网站| www.0281.net-时时彩做号技巧视频| www.6780.biz-三d彩票玩法| www.19573.com-时时彩大神预测在线| www.736.me-博盈福彩是不是骗局| www.884.me-彩铅手绘星空图片| www.zz15.com-体育彩票图标| www.103708.com-凤凰彩票老平台安装| www.52gg.com-水彩画入门临摹图片| www.87jm.com-鸿运彩票网官网| www.020164.com-中彩网大乐透推荐| www.000058.cc-乾特火箭彩票下载| www.072260.com-掌优彩票靠谱不| www.132053.com-娘家只收彩礼不陪嫁| www.336104.com-彩票排5走势图| www.6287.biz-甘肃福利彩票3d| www.653374.com-彩票性缘网盘百度云| www.755743.com-派彩的意思是什么| www.838025.com-玩快三真的赚钱吗| www.921695.cc-快彩3江苏-| www.979134.com-好彩黑绿爆珠港版| www.ep3.com-网上买彩票输了报警| www.154454.com-彩神8网页-| www.135586.com-彩票导航123| www.217338.com-快三线上-| www.290018.com-c8彩-| www.15rq.com-彩礼20万多吗| www.797576.com-免费彩票源代码| www.xb45.com-河南幸运彩在线直播| www.97497.com-聚财神m8彩票| www.858595.com-福彩新浪开奖直播| www.299920.com-我要搜索彩票走勢圖| www.584476.com-中国福利彩票最大| www.688115.com-微信买彩票公众号| www.776669.cc-福利彩票有什么技巧| www.866363.com-福彩3d123-| 杏彩www.00840g.com| www.qd38.com-421彩票-| www.702.site-h辉煌彩票下载安装| www.6625.live-3d双彩网字谜| www.0472.date-京东彩票微信客服| www.365561.cc-色彩透叠构成作业| www.498697.com-佰万亿彩票-| www.23230.cc-香港彩富网天| www.90440.com-黑彩快3下载| www.312257.com-33彩票平台-| www.39xx.com-江苏彩礼排行榜| www.387700.com-南方双彩下载安卓版| www.75625.cc-菲律宾双龙博彩| www.272157.com-快三1分彩-| www.676208.com-体彩特刊报纸| www.03075.cc-中彩啦是真是假| www.74909.com-足彩数据分析软件| www.923675.com-盛兴彩票骗了多少人| www.91897.cc-好彩三八解生肖| www.878996.cc-中金彩app-| www.cp6625.com-河南快三网址| www.39pk.cc-老窖世家彩兴福旺| www.717207.com-彩铅如何叠色| www.007.link-高频彩出号秘诀| www.02345.com-彩票每日首存送| www.78359.cc-3d彩票秘密-| www.cai84.cc-快三走势图怎么分析| www.136391.com-广西体彩自助投注| www.227957.com-立彩彩票app下载| www.294216.com-买体彩输了钱怎么办| www.375891.com-彩宝图片大全| www.504524.com-乐搏彩票-| www.452.net-买彩票中五百万| www.297401.com-什么是快三游戏| www.815882.com-外围足球彩票网站| www.876088.com-新2彩-| www.932022.com-彩票尾数的规律| www.974835.com-胜负彩即时比分直播| 亿万彩票www.345512.com| www.m11.website51彩票app下载| www.16231.cc-快三交流群什么意思| www.95959.com-怎么去彩票中心上班| www.221768.com-彩票破解软件大全| www.7672.top-福利彩票门头图片| www.898148.com-彩票总买一个好术语| www.999902.cc-笫一彩票01cc| www.1339.vip-彩票中奖领取期限| www.38dh.com-彩神挣霸2-| www.15cu.com-美国人结婚送彩礼吗| www.6766.cn-如意彩网站-| www.111759.com-彩票送不送彩金| www.411163.com-唯彩足彩进球预测| www.639546.com-申请竞彩联系方式| www.793459.com-怎样一夜暴富买彩票| 818合彩www.www.9889hc.com| www.51.link-体育彩票大乐透排5| www.26173.com-中国′彩吧-|