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天

知道了
彩票123现在叫什么名字 www.12yv.com-500彩票咋样| www.1636.com-博金彩票官方网站| www.00994.com-3d彩界元宝独胆| www.63050.com-江西赣州彩礼| www.020802.com-彩票开奖通知软件| www.090623.com-刚力彩芽mv-| www.164704.cc-足彩360竞彩网| www.299723.com-能追号的彩票平台| www.414117.com-纳彩彩礼-| www.522037.com-广州好易彩票停止了| www.601933.com-好彩客有多少人玩过| www.678833.com-意彩国际官方信誉盘| www.762170.com-时时彩有没有人控制| www.912651.com-浙江快乐12牛彩| www.979381.com-体彩七位数走势图表| www.by02.com-江苏快三开奖河北| www.um07.com-3d字谜双彩论坛| www.13dn.com-可以去伯乐彩票玩吗| www.88gz.com-中你体育彩票| www.2959.biz-福彩3d公式怎么算| www.8985.loan-彩吧论坛千禧试机号| www.005888.cc-时时中彩票官网下载| www.078484.com-七星彩152-| www.147399.com-竞彩大小球怎么看| www.262371.com-福彩3d银海彩票| www.354418.com-乐彩网排列5预测| www.443918.com-意彩app官方下载| www.536943.com-双色球彩票黑点分析| www.643046.com-彩票中大奖兑奖程序| www.735233.com-概率说彩-| www.811279.com-中国福彩3d图纸| www.885382.com-彩宝app怎么样| www.976831.com-洛阳孟津彩礼是多少| www.cp5517.com-北京快三官方网站| www.nq62.com-中国福彩3d助手| www.7zk.com-羊城晚报今日好彩版| www.71zp.com-玛雅吧彩票游戏体验| www.1305.pro-枫创乐彩靠谱吗| www.9128.tv-免费彩票指南报纸| www.45598.com-大中华彩票开奖规律| www.90159.com-七彩云app官网| www.133440.com-彩色路面施工工艺| www.216861.com-那个快三遗漏号码| www.288683.com-彩票统计预测法| www.422928.com-荣誉彩票平台怎么样| www.525301.com-重庆彩票中心加盟| www.619211.com-山东福彩中奖规则| www.690106.com-中彩网美媒体擂台赛| www.768219.com-经营黑彩如何定罪| www.874463.com-新浪分分彩计划| www.953367.com-彩神破解网-| 金冠彩票www.49956f.com| www.eu14.com-能手机买彩票的软件| www.wr94.com-彩票贵宾会-| www.28gn.com-网络彩票还能开售吗| www.6356.xyz-彩票财富-| www.16297.cc-哪种彩票最容易中奖| www.58590.com-中国彩吧三d| www.027983.com-快乐网购彩是骗局么| www.104077.com-彩神是不是假| www.171926.com-精彩十分玩法奖金表| www.274567.com-实体店买彩票流程| www.361813.com-彩票快乐十分音乐| www.450624.com-彩票长期7码| www.541862.com-亚洲分分彩是什么| www.639209.com-彩票分析系统靠谱么| www.722879.com-吉祥彩票合法吗| www.798026.com-106在线彩票平台| www.873844.com-中国体彩票开奖结果| www.957992.com-360彩-| 双赢彩票www.sytg9.com| www.bt96.cc-大发快三软件| www.sl03.com-网上买彩票报警电话| www.18od.com-十一选伍彩票| www.96eh.com-博雅彩票app下载| www.2750.top-福彩双色球走试图| www.8110.top-福彩3d一等奖规则| www.26953.com-乐彩网玄机图p3| www.69067.com-猜字谜彩票-| www.062583.com-优彩网苹果版| www.204597.com-5分快三-| www.276028.com-彩运8网登录| www.366346.com-彩色铅笔什么牌子好| www.454272.com-彩虹天堂任务| www.538152.com-国彩什么意思| www.635484.com-买时时彩有发财的吗| www.771077.com-时时彩万个龙虎预测| www.855395.com-彩票励志故事| www.914929.com-鸿运彩票下载安装| www.972532.com-胜平负中国竞彩网| www.jg52.com-中国福彩票官方网站| www.a85.me-鸿运彩票是黑网吗| www.25io.com-竞猜足球胜负彩奖金| www.426.com-福利彩票三d带连线| www.3908.hk-七星彩最近开奖图片| www.8910.in-竞彩串关对应表| www.52195.com-体彩山西十一选五| www.92837.com-福彩3开机号试机号| www.050297.com-彩票报纸在哪买| www.142323.com-彩票大师官网| www.214323.com-全民快三网页| www.282888.com-彩票单双与九宫图| www.377692.com-618彩票快三| www.489631.com-那个网站可以买足彩| www.559897.com-彩票收藏-| www.621176.com-盈众彩票是骗局吗| www.685345.com-下载购买福利彩票| www.755789.com-中彩是真的吗| www.873240.com-701彩票-| www.947917.com-体育彩票发行时间| www.992068.com-什么是时时彩跨度| www.bl1.cc-湖北快三一定| www.md65.com-安徽快三开奖模拟器| www.c99.net-七星彩冷热走势图| www.25ut.com-腾讯彩票全天计划群| www.741.cm-八百万彩票网| www.3958.vip-彩票世纪ll-| www.8707.loan-利彩亚洲有限公司| www.48610.com-福利彩票快三官网| www.88211.cc-app下载希望彩票| www.035509.com-关于彩票中奖的句子| www.129318.com-众彩彩票真假| www.194808.com-正规十大搏彩网站| www.258855.com-竞彩单场推荐| www.321302.com-下彩网官网-| www.384011.com-彩票防伪技术| www.532009.com-彩典宝厍-| www.603776.com-阿彩小说全部作品| www.666995.com-3分彩计划群| www.731279.com-福盈门彩票-| www.792377.com-3d彩漫-| www.858971.com-彩神vll下载链接| www.912450.com-苏宁彩票快三| www.967684.com-百合网男生让玩彩票| www.ij23.com-天天中彩票老版本| www.xg03.com-晴予七星彩预测| www.09cq.com-越南彩票-| www.65of.com-豪彩平台注册送钱| www.931.tv-机选7星彩投注| www.4185.biz-七彩app真的假的| www.8866.bid-彩票复式死的更快| www.66536.cc-体彩金七乐规律| www.019535.com-福利彩票贵州| www.073898.com-精彩彩票-| www.127953.com-彩虹宝宝第一集| www.188325.com-福彩3d一句定三码| www.248868.com-3d彩票网-| www.309866.com-中国体彩微信小程序| www.367798.com-双色球全国联销彩谜| www.445621.com-做彩票任务平台| www.525659.com-巴南区体彩中奖| www.721769.com-3d试机号彩宝贝l| www.787276.com-七星彩今晚开奖头尾| www.852425.com-中福和彩-| www.903867.com-湖北快三技巧稳赚| www.960417.com-盐城彩民-| 百姓彩票www.zuan444.com| www.ui5.cc-百宝彩票下载| www.mt15.com-北京丹彩快三| www.x20.xyz-8848彩票网线| www.42fu.com-破重庆时时彩规律| www.98zo.com-彩票线路测速| www.2146.xyz-香港濠江天空彩票| www.6898.cm-好彩头的意思|