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.887926.com-彩票代理如何推广| www.967741.com-soul加到彩票托| www.es1.com-快三万能三码| www.652077.com-江苏快三开挂软件| www.789536.com-竞彩对冲打水| www.898327.com-福利彩票扫码兑奖| www.981541.com-全民彩票彩种| www.bq31.com-足彩360-| www.xv94.com-d9彩票最新版下载| www.22de.com-彩名堂3.0.2| www.513952.com-福彩网站大全买| www.625327.com-大乐透新浪爱彩| www.843885.com-彩票中奖金额上税| www.936298.com-聚宝彩票怎么样| 利彩www.57578a.com| www.66io.com-小店宝彩票能提现吗| www.3222.cn-世界杯竞彩app| www.03888.cc-什么是14彩-| www.57369.cc-大公七星彩开奖结果| www.55xi.com-爱上彩票就是死路| www.402.in-最专业彩票软件网站| www.719543.com-河北快三app| www.4431.vip-福彩图库彩吧| www.08638.com-官方掌上平台彩票| www.52601.com-中免蓝好彩-| www.837564.com-买彩票发疯-| www.xj89.cc-福彩3d图谜汇总| www.206294.com-高频快彩-| www.414019.com-成绩挂彩是什么意思| www.531811.com-篮彩nba比赛| www.657071.com-七星彩质合数走势图| www.812081.com-亚博怎么买彩票| www.914800.com-体彩屋下载地址| 大赢家彩票平台www.068619.com| www.570570.cc-七彩神仙鱼繁殖| www.698072.com-时时彩计算公式| www.811935.com-苏州竞彩店转让赶集| www.945996.com-美国45秒彩开奖| www.hk98.com-彩票软件有挂吗| www.7dq.com-体彩中红号四个| www.00dy.cc-全国彩票开奖查巡| www.1871.wang-q彩apk-| www.054753.com-福彩六加一走势图| www.201750.com-河北体彩前三组遗漏| www.4070.org-彩虹六号加载太慢| www.mf12.com-快三昨天的开奖号| www.557.cm-博悦分分彩免费下载| www.5367.cm-彩票372-| www.2687.xyz-南京体育彩票兑奖| www.35759.cc-万利彩票app| www.221420.com-博牛彩票app| www.330976.com-彩票电脑版网页| www.206149.com-五分彩是正规的么| www.663711.com-nba总冠军彩票| www.803137.com-亡灵天涯彩票专栏| www.930937.com-有没有玩快三的群| 名门彩www.33997e.com| www.52jb.com-足彩历史开奖结果| www.32939.cc-极速五分彩官方开奖| www.123501.com-福利彩票对对| www.739724.com-678彩票网是骗子| www.777948.com-什么叫彩托-| www.904028.com-彩神靠谱不-| www.979381.com-体彩七位数走势图表| www.134959.com-ok彩票app下载| www.324372.com-乐彩网代理是骗局吗| www.u07.club-福彩3d彩藏机诗| www.943073.com-703彩票苹果版| www.cp903.cc-北京快三app| www.5313.me-龙岗区体彩店转让| 鸿运彩票www.hy2733.com| www.td63.com-赢彩彩票网-| www.0916.date-时分彩票靠谱吗| www.307058.com-天津体育彩票| www.384871.com-彩状元app-| www.25hs.com-彩票白菜什么意思| www.187823.com-教你七星彩稳赚法| www.289245.com-贵州快三三不同全选| www.395673.com-用手机昨买3d彩票| www.543545.com-3d第二版彩吧| www.652810.com-梦见杀鸡见血彩票号| www.726906.com-中彩网津妈看彩| www.3gd.com-7116con彩票| www.bf90.com-黑彩平台注册| www.oh58.com-皇都彩票有被骗的吗| www.802410.com-吉林市福彩中心主任| www.379569.com-腾讯60秒彩平台| www.501715.com-体彩大乐透中奖计算| www.579049.com-彩金狮子-| www.020691.com-手机怎么买快三| www.695082.com-竞彩投注比例比例| www.757086.com-万彩吧c8cn| www.yi55.com-上海逸彩快三| www.820308.com-河南福彩彩票开奖| www.925970.com-哈尔滨彩票中奖故事| www.995096.com-新浪彩票数据频道| www.by00.com-石家庄快三开奖结果| www.xy79.cc-彩票大浪透开奖结果| www.117108.com-彩票测试组账号提现| www.441344.com-彩钢板机械厂家| www.904007.com-彩票app定制| www.978900.com-双色球彩票资讯| www.ap99.com-贵州福利彩票总部| www.38gz.com-苏宁彩票微信平台| www.940422.com-48彩开奖结果| www.175454.com-北京福彩快3| www.278892.com-2019互联网售彩| www.352208.cc-众购彩票官方网| www.445225.com-义乌市最近的彩票店| www.550840.com-可以网上买彩票吗| www.887141.com-九哥彩票是真的吗| C9999www.318548.com| www.877227.com-7乐彩精确杀号| www.15qs.com-中国福利彩票店图片| www.0662.tv-福利彩票30选七| www.26819.com-七星彩别人买什么| www.773947.com-彩博888资料网站| www.854074.com-安徽快三奖励| www.933959.com-五福彩票网-| www.989753.com-8816.彩票官网| www.b23.in-体彩江西11选五| www.44yv.com-快三怎么买对子| www.29520.com-酷彩足球app| www.79633.com-福彩3d几点钟开奖| www.8697.xyz-足彩收米app| www.19rq.com-点击看更多精彩视频| www.871626.com-博牛彩票网官方网站| www.dy67.com-2元彩票网-| www.6235.biz-彩票十选五怎么玩| www.22488.cc-外国人结婚要彩礼吗| www.73898.cc-云彩网app这么下| www.074785.com-彩6专业版-| www.149861.com-彩票精准分析软件| www.883492.com-铜雀台彩票手机版| www.975839.com-河南一街道出台彩礼| www.080829.com-下载百度彩票| www.744573.com-宏盛彩票分析系统| www.862650.com-甘肃快三豹子奖金| 全民汇彩票www.52303a.com| www.571359.com-网上正规买彩票软件| www.385989.com-彩票投注网站在哪找| www.9270.in-v9彩票下载安装| www.65552.com-买黑彩票赢钱犯法么| www.631607.com-广东彩王图片| www.915855.com-私彩跟官方在追杀我| www.973241.com-c798彩票-| 500彩票www.50074e.com| www.ch54.com-代玩幸运快三受骗| www.502577.com-网上男友让我买彩票| www.560906.com-福彩3d带线走势| www.316068.com-体彩可以手机投注吗| www.136357.com-苏州福彩25万| www.hr17.com-好彩客苹果版下载| www.962980.com-体彩绿翡翠规律| www.3373.cc-捕鱼注册送彩金| www.md03.com-免费下载中彩网| www.969619.com-下载app欢乐彩| www.zn94.com-好彩客官网方下载| www.84cv.com-221黑彩案件| www.66700.com-福彩手机怎么兑奖| www.101206.com-排列三字谜乐彩网| www.215131.com-在线投注快三平台| www.753264.com-怎么举报彩票平台| www.840321.com-河南481乐彩网|