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.ut23.com-福彩快三秒-| www.16450.com-彩票人工预测计划| www.xb50.com-七星彩1到9的对数| www.45rs.com-体育彩票店如何装修| www.605048.com-刮刮乐中奖彩票图片| www.4310.cm-如何看时时彩k线图| www.967323.com-找个玩彩票的群| www.c13.cc-高频彩快三计划软件| www.0699.net-易彩堂彩票网址| www.933028.com-广东体彩改革| www.119144.com-凤凰快三软件| www.202391.com-云南体彩-| www.277676.com-福利彩票预测43| www.195630.com-买重庆时彩高手心得| www.301026.com-澳门送彩金网址大全| www.393098.com-体彩中奖号码是啥| www.510413.com-彩虹的约定歌词全词| www.620912.com-彩票七位数走势图| www.81366.com-老柳玩褔彩3d| www.zd01.com-体彩p3综合走势图| www.893609.com-双色球彩票大师| www.382953.com-体彩样票是什么| www.489655.com-彩票开奖查询中彩网| www.584385.com-买足彩哪个靠谱| www.762792.com-8g彩票会员登录| www.856754.com-彩票是伪随机数| www.947863.com-台湾彩票分析师| www.j38.net-七星彩开奖号码公告| www.80gi.com-福彩绝杀六码试机号| www.036895.com-第一彩票应用| www.448408.com-老杜讲彩票-| www.003264.com-唯彩会app-| www.063779.com-鸿彩快三正当吗| www.192620.com-吉林快三爱彩乐| www.565435.com-徐文轩福彩链子| www.15851.com-3d乐彩走势图| www.658400.com-福彩电话客服电话| www.09776.com-81彩票网址-| www.34462.com-上海福彩中心李強| www.10612.com-足彩14场星相图| www.65332.com-青海福彩投注站| www.55ji.com-四川体彩领奖流程| www.3154.live-彩票怎么查看| www.14903.com-彩票资料网址大全| www.26tk.com-杨哥说彩双色球预测| www.026534.com-博彩彩票app| www.72ap.com-十一选五北京爱乐彩| www.cp9589.com-天天快三是正规的吗| www.977.red-七星彩中俩号多少钱| www.843171.com-慈善福彩-| www.y88.org-皇家快乐彩开奖记录| www.0445.vip-网投彩票下载| www.cai6177.com江苏快三基本走势图| www.69481.com-彩99下载下载| www.za06.com-福彩3d天下无敌版| www.161673.com-快三大小单双玩法| www.393892.com-天津体彩十分| www.815029.com-qq易迅彩票-| www.968364.com-胜负彩开奖结果查询| www.24ho.com-双色球彩51票预测| www.7508.org-怎么发掘竞彩客户| www.45339.com-第一彩票官网| www.100841.com-彩票如何买-| www.286785.com-福利彩票申申请| www.365401.cc-彩经网双色球预测号| www.318178.com-彩博官网-| www.931355.com-大吉彩票网怎么样| www.hz59.com-聚彩彩票可靠吗| www.512645.cc-40044优彩社区| www.789031.com-36彩票全国开奖| www.3908.top-海南七星彩开奖软件| www.14242.com-彩票怎么下载不了| www.1966.top-3d牛彩涂谜九| www.717945.com-彩票平台对刷| www.392553.com-福彩杀号定胆布衣| www.596227.com-快三大小走势图| www.785625.com-篮球竞彩下载| www.945911.com-乐八彩票害死人| www.ch50.com-吉林省快三开奖遗漏| www.9806.vip-七星彩中奖哪里兑换| www.612003.com-像一道彩虹歌词| www.29599.cc-七乐彩基本走势图一| www.14105.com-时时彩专业版软件| www.746577.com-555彩票软件| www.819981.com-乡镇开彩票店怎么样| www.908958.com-体彩都有哪些玩法| www.975054.com-如何查福彩站号| 500彩票www.500599a.com| www.lb63.com-799彩票app-| www.2941.live-体彩店效果图| www.211066.com-彩票网站平台| www.974134.com-双色球杀号唯彩| www.ug01.com-九龙彩票是合法的| www.58es.com-契科夫彩票-| www.02480.com-巨龙彩票独家心水图| www.625387.com-开心彩骗局-| www.694566.com-足球彩票的危害| www.761655.com-手机时时彩玩法介绍| www.849910.com-腾讯分分彩好容易中| www.911387.com-英国五星彩开奖结果| www.973881.com-广西快三软件| 500彩票www.607212.com| www.0507.top-京彩app图片| www.5514.top-真实的彩票程序开发| www.229586.com-吉林快三号码口诀| www.62nr.com-晋城福利彩票网点| www.254317.com-爱乐彩票下载地址| www.091008.com-老彩民投注平台| www.539090.com-彩票站转让费| www.20qp.com-茶陵县体育彩票| www.492253.com-县政府卖彩票合法吗| www.571414.com-江西省多乐彩| www.635921.com-hao500彩票-| www.733111.com-福彩投诉电话| www.813919.com-高频彩计划网站| www.874513.com-大乐透彩票开奖号码| www.929298.com-彩票一定牛苹果软件| www.974201.com-141彩票-| 亿彩堂www.628867.com| www.eo54.com-快三怎么下载| www.rx29.com-旺彩彩票走势图下载| www.16xl.com-上期福彩结果| www.y42.me-彩神通会员怎样办理| www.793699.com-网上购彩算不算赌博| www.294294.com-买体彩要身份证吗| www.363901.com-湖北福彩彩票开奖| www.04cy.com-广东体彩网点扫码| www.932621.com-重庆时时彩官方电话| 凤凰彩票www.77801z.com| www.lu74.com-凤凰时时彩全天计划| www.893870.com-金牛彩票网-| www.961278.com-竟彩网-| 彩票大家乐www.21202q.com| www.880693.com-大师彩票安全吗| www.951842.com-58彩丨58彩开获| 创富彩票www.cf9900.com| www.026298.com-广西体彩中心电话| www.cs39.com-我爱彩票大发快3| www.p73.net-新浪彩票数据提醒| www.079966.cc-彩票扣税多少| www.160923.com-北京开彩票站赚钱么| www.824725.com-红旗快三计划软件| www.906618.com-彩票平台送彩金39| www.964713.com-一分时时彩开奖器| www.lb21.com-体彩自助-| www.z12.cn-北京京彩化妆学校| www.72rg.com-彩票917app-| www.822632.com-凤凰彩票被黑| www.1220.org-全民彩票快三| www.290954.com-快三內蒙-| www.392376.com-体彩大乐透技巧| www.574823.com-彩乐购-| www.633168.com-篮球彩票规则及玩法| www.682574.com-快三选号助手app| www.076626.com-褔彩3d跨度走势图| www.086775.com-福运彩票合法吗| www.812782.com-上海福彩王-| www.170998.com-今日快三开奖走势图| www.867530.com-体彩481黄金组合| www.972045.com-印尼时时彩开奖结果| www.un3.cc-极速快三预测网站| www.14pw.com-排五走势图彩经网| www.39232.com-七星彩中4个数不连| www.25025.cc-国产彩铅-|