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.369398.com-福建体彩音乐聊天室| www.ls57.com-彩票01-| www.43bp.com-彩钢岩棉板图片| www.017823.com-军长足彩-| www.293116.com-彩投彩票手机投注站| www.4561.in-凤凰彩票靠谱么| www.021442.com-天天竞彩彩票| www.308719.com-网上彩票投注站加盟| www.473666.com-精英网彩票与你同行| www.455555.cc-网络快三购买技巧| www.655113.com-福星七星彩app| www.zz34.cc-宁夏银川快三走势图| www.303628.com-牛彩网彩摘网| www.607655.com-四川体彩金7乐下载| www.982542.com-福彩头奖兑奖流程| www.0527.wang-双色球天津福彩网| www.957332.com-杏彩平台手机网页版| www.mp80.com-六星彩开奖结果查询| www.257888.com-大胜彩票app下载| www.479773.com-足彩500网-| www.588254.com-迷彩免app-| www.683839.com-体彩手机助手| www.808996.com-一般买彩票买几柱| www.911898.com-乐彩vip众乐| www.x13.org-赚彩票-| www.850557.com-开封通许彩礼多少钱| www.820216.com-m8彩票的app| www.123544.com-南方双彩网下载| www.661205.com-梁老师彩票揭秘| www.221462.com-体彩开奖作弊| www.119064.com-楚天福彩精彩十分| www.289070.com-比凤凰高的私彩平台| www.8364.com-360彩票安全购彩| www.317965.com-吉林快三跨度与走势| www.447033.com-众购彩票下载安装| www.552063.com-快开彩开奖直播| www.1908.cm-福利彩票机器人| www.9810.live-481彩票中奖| www.85732.cc-彩票网页版-| www.123315.com-盛世彩票导航| www.255816.com-盈彩彩票网站| www.116694.com-福彩3d差值死规律| www.wy43.com-c8万彩吧cn-| www.658214.com-电视福利彩票走势图| www.894764.com-彩票图表走势图表| 大赢家彩票平台www.931670.com| www.32ei.com-体彩星期四开什么奖| www.160365.com-七星彩开心网彩版区| www.333337.cc-彩票开奖网站源码| www.567897.cc-今日福彩三地字谜| www.907684.com-合肥体彩领奖地址| www.13ti.com-天下彩天天好彩| www.0906.mobi-福利彩票篮球杀号| www.13778.com-新强时时彩走势图| www.081253.com-我附近体彩销售点| www.223655.com-彩乐乐专家杀码| www.358040.com-利博彩票下载安装| www.533302.com-体育彩票试机号码| www.917611.com-旧彩库宝典下载安装| www.cai0606.com中国福彩官方app| www.00xv.com-彩虹的形成过程| www.638.me-福利彩票3b字迷| www.9826.vip-福彩投注站号查询| www.86636.cc-衡阳福彩中心电话| www.122406.com-微信代买彩票| www.309908.com-吉林体育彩票爱彩乐| www.455786.com-时时彩万位计划| www.598362.com-体育彩19037期| www.066033.com-彩虹岛手游-| www.179592.com-江苏快三兼职真的吗| www.565862.com-智慧彩票预测苹果| www.26260.cc-天津十分彩软件下载| www.009106.com-福彩3d投注价格表| www.110489.com-66彩票65616| www.8278.top-恒彩2-| www.647705.com-智胜彩票高手预测| www.868873.com-乐购彩票-| www.88nj.com-纯彩票平台能出黑吗| www.8068.biz-pk五分彩走势图| www.87654.cc-唯彩篮球-| www.223897.com-体彩e球彩直播| www.360542.com-快三什么时候停| www.ed76.com-做彩票代理安全吗| www.662835.com-中国国彩app下载| www.991938.com-福利彩号码怎么选| www.pt15.com-辽宁快三查询结果| www.5589.cm-全国彩票2开奖公告| www.320051.com-老版360彩票软件| www.534355.com-一分彩走势图怎么看| www.29873.cc-有买福彩中过奖的吗| www.003703.com-怎样玩彩票-| www.113240.com-我中彩票了-| www.5240.win-体彩彩票骗人| www.360709.com-dd彩票软件-| www.004412.com-福彩被停机了怎么办| www.703298.com-中国福彩利票| www.671703.com-彩票定码软件下载| www.838046.com-贵阳彩票站-| www.924224.com-好彩香烟价格60万| 幸运彩票www.978366.com| www.p18.net-关于体育彩票知识| www.1468.cm-c02彩票app-| www.27633.cc-破解彩票手册| www.005224.com-福建快三2月推荐| www.hq68.com-黑龙江体彩网大乐透| www.5634.cm-qq怎么查彩票| www.nq00.com-福彩选号器助手| www.eo8.com-旺彩app-| www.591157.com-福彩排列7玩法| www.891086.com-猜灯谜猜一体彩名词| www.fr24.com-百盈快三规律分析| www.930668.com-800万彩票网官网| www.34vm.com-七星彩两期四重号| www.753773.com-中彩网十分快三| www.152728.com-够力七星彩海口论坛| www.337571.com-彩金平台-| www.459759.com-足彩单关历史走势图| www.1691.wang-天下彩008-| www.2369.cc-极速快三走势图技巧| www.940057.com-水果农场彩票| www.083951.com-彩票走势机顶盒| www.221564.com-瑞彩祥云可以开挂| www.359275.com-海南七星彩今晚结果| www.xb.cc-甘肃彩票快3图表| www.805040.com-新彩365-| www.330984.com-彩票app代理平台| www.92396.com-竞彩足球投资技巧| www.146829.com-新浪篮彩比分直播| www.32ng.com-神圣时彩计划官网| www.925.name-临沂中彩票-| www.195680.com-江西福彩假彩票| www.354735.com-人彩网-| www.585673.com-天天买彩票腾讯| www.719519.com-双色球彩票开蒋| www.go39.com-安阳彩礼-| www.0vo.cc-淘之家大发快三| www.1527.cm-赤峰福彩中心主任| www.33269.cc-如何开设彩票网站| www.6436.cc-豪彩娱乐注册办新密| www.729667.com-彩票幸运飞艇怎么买| www.828729.com-98198w彩票网| www.888637.com-福建即时彩开奖结果| www.997046.com-海南省福彩快三| www.lv9.com-寻找可靠快三平台| www.ss25.com-东方一分彩开奖直播| www.07uk.com-5588彩票-| www.95tv.cc-济南体育彩票提成| www.3151.cc-七星彩交流轮胎坛| www.8015.xyz-彩之云客服电话| www.22001.cc-亿彩彩票网站合法吗| www.64892.com-竞彩分析团队| www.029069.com-彩票代玩兼职犯法么| www.727903.com-亿彩注册登录| www.377096.com-e彩乐手机版| www.502517.com-亿彩坑人-| www.578829.com-特区七星彩彩票论坛| www.630860.com-体彩飞鱼改版| www.689210.com-专业玩彩胡先生视频| www.761354.com-延吉市体育彩票站点| www.812039.com-北京体彩单场胜平负| www.873921.com-520快三下载安装| www.948087.com-眉山福彩网-| www.980714.com-彩票分析软件选号器| www.cg33.com-大发快三代理返点|