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.50cq.com-福彩3d老彩民心得| www.45go.com-腾讯5分彩官网查询| www.1573.online彩票收藏市场网| www.362987.com-彩票真实的吗| www.456361.com-名彩堂官网-| www.546782.com-体彩移机申请怎么写| www.616906.com-爱彩乐吉林快三| www.684005.com-彩票46app-| www.760233.com-天天溢彩智能终端| www.828854.com-陌陌彩票app安卓| www.897785.com-体育彩票加盟条件| 大赢家彩票平台www.591023.com| www.295600.com-快三全部买完多少注| www.971.net-试玩彩票app| www.079301.com-竞彩去哪兑奖| www.143569.com-期期好彩下载| www.uj86.com-3d彩宝网开机号| www.81ah.com-财富彩票安全吗| www.5095.org-彩虹网图片-| www.23385.cc-时时彩五星胆码计划| www.629096.com-中国福彩七乐彩开奖| www.745322.com-天天中彩为什么被封| www.397921.com-昨天七星彩中奖结果| www.522087.com-旭彩网开码直播| www.598571.com-今天福利彩票开奖吗| www.684908.com-3d字谜画谜新彩吧| www.760815.com-时时彩分析软件安卓| www.a85.com-福彩三d怪字神贴| www.62sv.com-晋城福利彩票| www.793867.com-外围彩票都是假的| www.916927.com-88彩票平台怎么样| 彩世界www.99788f.com| www.vf42.com-广西快三遗漏三同号| www.59jw.com-竞彩网线路检测| www.933900.com-彩票晚上几点开奖| www.211396.com-彩报第一版图| www.47100.com-秒速时时彩人工计划| www.76303.cc-香港正彩霸王料| www.38ww.cc-彩库宝曲最新开奖| www.739038.com-世界杯彩票软件| www.861682.com-彩票历史开奖对比| www.948286.com-快三微信群shy| www.cp9658.com-福彩快3彩票站提成| www.14281.com-三十六选七彩票| www.733263.com-江苏快三秘籍| www.871380.com-彩票过滤软件哪个好| www.6jn.com-分分彩助赢软件网址| www.210787.com-安徽快三和值大小| www.313167.com-解太湖双彩论坛| www.861111.com-好彩20299-| www.934577.com-江苏快三人工计划网| www.988542.com-57彩票app-| www.da01.com-彩神app网址| 500彩票www.50052u.com| www.68768.com-天津市体彩11选5| www.070667.com-大发云彩票-| www.196100.com-幸运快三怎么看规律| www.275708.com-彩6彩票精华版| www.365655.cc-鸿乐彩票下载安装| www.461238.com-时时彩机器人怎么做| 大赢家彩票平台www.377192.com| www.ja39.com-昨天福彩开奖号码| www.b92.cc-河南福彩跑马奖金| www.27py.com-彩票免费天天送| www.0447.cn-彩票网怎么下载| www.5600.biz-玩儿彩票软件下载| www.8ov.com-正版资料牛蛙彩票| www.0892.date-腾讯竞猜华夏彩票| www.602462.com-彩38彩票app| www.791947.com-彩宝网开奖结果查询| www.877473.com-今日彩票指南报纸| www.92uz.com-乐度炫彩百度百科| www.5688.online天乐乐彩票网| www.688125.com-广东福彩多少个中| www.363455.com-网络红人秦艽小彩虹| www.8639.wang-彩视怎么注册| 99彩票www.062566.com| www.1464.xyz-彩铅画古风美人| www.sm60.com-时时彩诈骗报警| www.090516.com-彩票兼职吧-| www.981977.com-微彩吧合法吗| www.158559.com-新粤彩开奖结果| www.112414.com-杏彩彩票平台官网| www.925077.com-大平台彩票代理| www.ky35.com-中奖彩票安卓| www.720771.com-国家彩票预测中心| www.864945.com-下彩网官方下载| www.951647.com-彩票怎样才能中奖| 网易彩票www.890517.com| www.g12.tv-彩宝网新版走势图| www.579651.com-彩之源怎么下载东西| www.cc98.cc-爱彩乐彩票网靠谱吗| www.06up.com-凤九彩铅画过程| www.392.website彩发发计划软件| www.37751.cc-新华网彩票频道| www.901623.com-3d今天福彩开奖号| www.cx8.com-中国福彩的宗旨| www.706654.com-香港铂金彩票网址| www.58043.cc-互联网购彩最新消息| www.753676.com-8搜狗彩票-| www.819589.com-彩票分析师证书| www.4400.cm-甘肃快三预测群| www.899816.com-安徽快三胆拖投注表| www.965324.com-众彩之家下载安装| 大奖彩票www.djcp234.com| www.632048.com-七彩虹收购承启| www.377131.com-胜负彩19047| www.743904.com-华人彩注册-| www.871210.com-豹赢彩票真假| www.969883.com-为什么不关闭彩票| www.9898.me-众彩网怎么进不去皮| www.67598.cc-彩票中奖后人身安全| www.079982.com-彩票税计算-| www.150492.com-彩51彩票app| www.216287.com-快三怎样看豹子| www.476868.com-福少时时彩做号| www.809247.com-体彩双色球怎么买| www.905708.com-一分快三怎样看大小| www.990491.com-彩票游戏平台网站| www.ey07.com-时时彩助手大全| www.83wj.com-大乐透一定牛彩票网| www.2442.vip-最新版87彩店| www.332763.com-如何看彩票-| www.25jb.com-华彩成语-| www.0152.shop-果蔬七彩面-| www.63393.cc-约彩彩票下载苹果| www.xw21.com-彩六苹果版下载| www.663574.com-彩票机选能中吗| www.740440.com-澳门彩票下载| www.804581.com-快三和值大小计算器| www.871300.com-用户注册80彩| www.771946.com-澳洲时时彩计划| www.23im.com-帮人代玩彩票| www.869.live-天天彩玩法介绍| www.799331.com-彩票充值送彩金活动| www.951452.com-安徽快三中奖明细| 大赢家彩票平台www.723095.com| www.kq83.com-重庆快三开奖查询| www.543276.com-郑州481彩票| www.414710.com-福彩3d拖胆怎么玩| www.591522.com-澳门福彩开奖号码| www.246605.com-福彩开奖时间每周几| www.288367.com-4k彩票-| www.351254.com-极彩色-| www.410.org-美国彩票代购平台| www.71158.cc-美国彩票业-| www.676531.com-观老头说彩-| www.fe51.com-快三对子概率| www.969140.com-体彩公益金分类| 开心彩票www.557595.com| www.gh15.com-快三走势图江苏遗漏| www.fj57.com-七星彩开奖历史查询| www.755269.com-河南幸运彩手机网址| www.819986.com-蚂蚁会员积分换彩票| www.998546.com-广东彩票客户端| www.19rd.com-pp彩票正规不| www.cj08.com-北京极速快三下载| www.p23.org-体彩买几位数| www.177887.com-五分快三开奖结果| www.35505.com-腾讯彩票榜-| 大赢家彩票平台www.926013.com| www.82yf.com-和彩云的主要功能| www.a63.top-3号彩票下载安装| www.907081.com-福利彩刷流水是什么|