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.fk45.com-大奖彩票网-| www.255375.com-内蒙时时彩玩法| www.456328.com-彩票平台领取彩金| www.817526.com-购彩网是骗局吗| www.363310.com-天天彩选3走势图| www.89122.cc-248彩票怎么样| www.155833.com-快三出豹子的概率| www.91377.cc-好彩四宝珠-| www.408588.com-湛江七星彩投注网站| www.46600.cc-腾讯分分彩助赢软件| www.011266.com-福彩3d出啥号码| www.100117.com-98188彩票网| www.179600.com-玩易彩怎么回本金| www.263901.com-7k彩票平台-| www.9558.bid-狂欢彩票香港49| www.53572.cc-体彩任三开奖| www.922339.com-彩八在线-| www.422433.cc-开个彩票店要多少钱| www.41380.com-福利彩票手机怎么买| www.25359.cc-彩铅人物笔法| www.051162.com-查彩票双色球| www.263709.com-彩票最新开奖大全| www.441193.com-四川体彩官网| www.539578.com-777福彩双色社区| www.607931.com-申请开彩票投注站点| www.8670.in-大发快三如何买豹子| www.84007.com-足彩概率计算公式| www.085104.com-星空彩票官方ios| www.167239.com-快三计划导师骗局| www.307128.com-彩票几点不买双色球| www.86hr.com-金濠彩票app| www.021041.com-澳洲三分彩计划网| www.126349.com-彩店宝官网下载| www.6727.xyz-理光彩色复印机| www.36168.cc-福彩3d输了好多钱| www.526708.com-众发彩票彩种| www.649119.com-七彩辣椒种植| www.741342.com-幸运彩是不是黑平台| www.830373.com-福彩查询app| www.915105.com-彩96彩票平台| www.977885.com-张路足彩预测世界杯| www.am20.cc-快三所有号码表图片| www.9625.shop-胜彩高手论坛| www.344984.com-体育彩票大乐透奖金| www.455702.com-彩票区块链技术| www.564120.com-慈溪福利彩票转让| www.655757.com-彩票无法下单| www.739264.com-大通彩票手机| www.813055.com-彩票诈骗网络立案| www.907130.com-大发快三靠谱吗| www.cp3788.com-福彩3d预测号码| www.225377.com-彩票交流群-| www.081103.com-中彩汇彩票app3| www.759058.com-微彩网站-| www.926886.com-福彩3d达人-| www.hg4.cc-申请福彩-| www.9040.cn-天天中彩票一直维护| www.623177.com-36元红牛彩票| www.73459.com-大众彩票app安卓| www.062342.com-买快三怎样中奖率高| www.yt1.com-体彩排列5中奖说明| www.zv91.com-国内合法竞彩平台| www.57699.com-七乐彩中彩网| www.004708.com-中国七乐彩开奖信息| www.066029.com-273彩票-| www.658438.com-数字三彩神通手机版| www.21wr.com-apk状元彩票| www.412518.com-彩票计划员培训| www.543679.com-足球彩票算不算加时| www.68134.com-新彩网3d字-| www.07dy.com-彩铅鲸鱼唯美图片| www.551074.com-合买竞彩软件| www.7553.in-西安宝马彩票案详情| www.1237.pw-彩神争霸8网站| www.15222.cc-彩民堂计划软件下载| 361彩票www.361560.com| www.035942.com-幸运快三的技巧| www.226155.com-彩票5d路线图| www.331667.com-彩票官网app| www.394491.com-福利彩票么时候开奖| www.523601.com-超级时时彩开奖走势| www.624125.com-中彩网双色球旧版走| www.706880.com-东营体彩中足球彩票| www.781761.com-数字彩排列三走势图| www.880770.com-淘宝彩票诈骗| www.962167.com-彩涂铝卷价格| www.ux7.com-华人彩票合法吗| www.by76.com-彩票拉人专业术语| www.41.me-网易快三怎么看| www.220811.com-8888彩票大骗局| www.318966.com-678cc赢彩彩票| www.385400.com-靠谱的彩票网| www.863984.com-中国彩客网-| www.956925.com-北京福彩网怎么开奖| www.103694.com-体育彩票世界杯| www.806488.com-竞彩足球模拟| www.882573.com-重庆5分彩开奖号码| www.960129.cc-七星彩票送彩金| 99彩票www.129029.com| www.34815.com-福彩电脑版3d诗谜| www.562673.com-爱米彩票助手| www.640115.com-新浪爱彩无法提现| www.209513.com-彩票合买平台制作| www.995143.com-竞技体育彩票| www.ec89.com-彩票刷流水犯法吗| www.612577.com-快乐彩走势图前三直| www.287.tv-七星彩三定位| www.222252.com-彩票下载117| www.mw42.com-下载彩乐彩票| www.070144.com-赢彩争霸8-| www.09950.com-6118彩票注册| www.050329.com-体彩自助彩票机| www.800225.com-百事彩票27275| www.403326.com-国家原体彩中心主任| www.bw7.com-每十分钟开奖的彩票| www.67ug.com-新加坡福佳彩网站| www.540244.com-福彩中奖号码双色球| www.619408.com-竞彩二串一稳| www.716963.com-彩铅技法基础入门| www.783706.com-105彩票首页| www.855071.com-3d专家众彩网| www.930848.com-竞彩玩法几串几介绍| www.976279.com-因为彩礼分-| 通盈彩票www.848566.com| www.006464.com-彩票开将-| www.752782.com-77彩票破解软件| www.871053.com-关于福利彩票的书| www.947853.com-海南竞猜型彩票| www.564967.com-体彩店申请程序| www.982160.com-江西福彩助手合法么| www.984.xyz-时时彩黄金分割教程| www.0520.com-中国汇彩网网址| www.011820.com-周六体彩开什么奖| www.860497.com-万能彩票倍投计算器| www.531335.com-老版彩库宝典苹果版| www.ww70.com-南方双彩最专业| www.14qn.com-彩票店晚上几点关门| www.ze90.com-甘肃福利彩票春节| www.99566.com-河北任五中奖彩票| www.2640.vip-福建体彩开奖时间表| www.713792.com-彩票33最新下载| www.x82.cc-棋牌彩票搭建| www.y53.org-彩漫福利-| www.050518.com-彩票站买黑彩| www.974658.com-快三重大奖-| www.818546.com-新浪体育彩票首页| www.39jk.com-体彩排列三句话| 500彩票www.807979.com| www.110503.com-福利彩票五分钟一次| www.977459.com-彩妆门头-| www.523338.com-彩票53-| www.659603.com-福利彩票双色球群| www.670642.com-七星彩局王奖图| www.947593.com-购彩网g-| 吉利彩票www.66376x.com| www.567932.com-彩票网店宣传方法| www.59au.com-最适合胆拖彩票| www.1609.org-福彩、体彩开机号| www.6858.cc-体彩飞鱼口诀汉字四| www.06484.com-牛蛙彩票开奖直播| www.883423.com-博彩系统搭建| www.947923.com-体育彩票的买法| www.983530.com-胜彩-| www.cai3904.com安徽快三预测|