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.9203.org-福利彩票和啥能一起| www.035135.com-体育彩票竞彩宣传语| www.119043.com-吉祥彩票是合法的吗| www.03aa.com-淘彩下载淘彩登录| www.178150.com-内蒙古快三开奖查询| www.74688.com-竞彩实体店app| www.069144.cc-幸运五快三-| www.12195.com-体彩双色在几频道| www.96537.cc-今天的竞彩推荐| www.095031.com-99彩吧新彩吧| www.mq17.com-玩时时彩输了很多钱| www.2161.cn-彩六万购彩大厅| www.005075.com-彩票规定返奖| www.145927.com-益盈彩票app下载| www.504550.com-竞彩复制票-| www.4081.biz-福利彩票极速赛车| www.671.red-博彩软件下载| www.0957.xyz-微信彩站是官网吗| www.761452.com-搜神记好彩妹他娘| www.028480.com-玩凤凰彩票输了好多| www.170655.com-彩票高手计划app| www.274522.com-腾讯分分彩全中| www.370768.com-彩娱乐彩票下载| www.977105.com-河南彩礼标准是多少| www.lx68.com-好彩妹扮演者| www.29iy.com-福彩3d定胆诀窍| www.kc30.com-正常买彩票的app| www.hu19.com-全民快三是真是假| www.987681.com-网上购彩违法吗| www.112967.com-购彩彩票下载安装| www.207012.com-易彩网网址是什么| www.496649.com-小米的彩蛋-| www.443455.com-福彩3d校验码今天| www.609162.com-体育彩票站几点上班| www.729935.com-190.cc彩票-| www.813241.com-e球彩中奖方法| www.925419.com-宏发彩票的网址| www.gm74.com-彩色压印地坪| www.66336.com-京东计划彩-| www.817556.com-江苏快三回血导师| www.266197.com-河北快三近50| www.645213.com-富宝坛彩免费资料| www.681292.com-辽宁福彩中心| www.949663.com-今日体彩中奖号| www.qw13.com-全天重庆彩计| www.193652.com-四平快三开奖结果| www.356983.com-彩票实名制-| www.669270.com-海南即开型彩票| www.9887.in-彩票归哪个部门管| www.054097.com-买马百信彩票| www.152348.com-网络快三购买| www.218535.com-天天彩票网-| www.295136.com-中国彩吧图谜| www.uu3.com-国乐彩合法吗| www.io86.com-网赌彩票搞鬼| www.536.name-褔体彩开奖公告查询| www.9350.vip-福利彩票买哪个| www.i57.shop-微彩彩票是正规的吗| www.66gg.com-福彩3d对应数字| www.183002.com-网站彩票快三合法吗| www.296537.com-3d福彩专家预测| www.212958.com-彩票app租用| www.292972.com-河南福彩赛马走势图| www.6463.vip-彩票稳定回血的办法| www.007176.com-快三012路运用| www.666116.com-500彩票双色球| www.744854.com-赢家彩票主页| www.657548.com-大乐透彩之家| www.155365.com-玩彩票大平台下载| www.294441.com-三土苏福彩快3| www.12999.com-网络彩票赌博的新闻| www.3855.net-唯彩看球专栏| www.273583.com-于海彩票案-| www.444594.com-莆田市彩票店招工| www.867165.com-昨天福彩中奖的号码| www.967476.com-易彩票趋势图| www.qs81.com-彩票到年底-| www.57576.cc-澳客赢家彩票苹果| www.181833.cc-全国所有快三| www.149949.com-掌中彩正规吗| www.iw97.com-足球竞彩推荐| www.eo79.com-快三怎么杀号最准确| www.35lr.com-富彩三d-| www.6620.top-ios买彩票app| www.66117.cc-福利彩票在线机选号| www.5yh.cc-腾讯分分彩平台春秋| www.93lg.com-222彩票网-| www.2911.org-彩票店装修效果图| www.541348.com-彩票榜怎么打不开啦| www.750853.com-爱彩彩票老板是谁| www.860545.com-彩788客户端下载| www.961001.com-毕竟快三一共多少期| www.my1.com-一分快三官网app| www.593001.com-彩虹十号无人机| www.779257.com-圣地彩开奖结果查询| www.029.tv-彩票收藏价格| www.962270.com-香港快三免费计划| 500彩票www.324277.com| www.ks38.com-分分快三彩票查询| 惠民彩票www.hm2299.com| www.569602.com-美国好彩香烟在哪买| www.63900.com-足彩单关怎么玩| www.102722.com-彩票店电视买怎样的| www.233647.com-五分快三官方开奖| www.359511.com-在微博上怎么买彩票| www.526015.com-科彩-| www.610602.com-彩钢瓦水槽安装图片| www.731270.com-签到送彩金的app| www.833963.com-彩票返水最高的平台| www.898892.com-王牌彩票是真的吗| www.970407.com-天天乐彩手机客户端| www.cai2011.com快三胆拖对照表| www.sf75.com-重庆时时彩软件苹果| www.sx4.com-手机新浪爱彩| www.634035.com-七彩阳光教育培训| www.078688.com-福彩8官方平台| www.976293.com-河南省体育彩票中心| www.4674.cn-彩票可以连续打几期| www.816424.com-快三一注中多少钱| www.0979.cc-优彩网买大买小| www.9735.org-时时彩彩八仙安卓版| www.74885.com-彩票管理条例修订| www.723754.com-彩票3等奖一般多少| www.812477.com-盛彩彩票是合法的吗| www.852645.com-香港体育彩票| www.908224.com-炫乐彩票网站| www.pi06.com-体彩杀号-| www.51vv.com-水彩教-| www.2478.pw-彩票网售最新消息| www.8153.loan-竞彩彩票怎么看| www.35723.cc-福彩k3网投apk| www.78218.com-优的体育彩票| www.028291.com-pc高频彩票-| www.109556.com-晶彩派-| www.188902.com-大赢家彩票平台骗局| www.256947.com-微彩app下载| www.761542.com-好彩妹什么电视剧| www.869827.com-唯彩看球苹果下载| www.jn93.com-彩票黑平台不能提现| www.2fd.com-时时彩是不是合法的| www.63bv.com-能手机下载的才彩票| www.972234.com-大众彩票会不会吞钱| www.vq26.com-彩专家计划-| www.350200.com-爱彩乐充值平台| www.485088.com-481河南乐彩| www.555623.com-快三顺子两倍多少钱| www.650298.com-做博彩代理犯法吗| www.755362.com-四川福彩学院| www.927288.com-福利彩票有几个数字| www.cai5353.com江苏快三是什么游戏| www.sj1.com-体育彩票飞鱼攻略| www.vq44.com-我要看安徽快三福彩| www.05zp.com-3g彩票网址-| www.za84.com-春秋彩票登录| www.25uk.com-3个数的是哪种彩票| www.545514.com-中国福彩网黑龙江| www.630468.com-彩票三地图迷| www.693565.com-福彩东方61-| www.763277.com-福彩3d天下无敌∏| www.823033.com-快彩乐开奖-| www.882832.com-七星彩走势讲解| www.948768.com-玩分分快三的技巧| www.998978.com-五分快三开奖规律| www.ed25.com-彩票大发快3怎么买|