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.47709.com-上海快三开什么号码| www.954943.com-辽宁福彩双色球官网| www.cr39.com-9彩官方app-| www.xm4.com-彩吧图库红五星图库| www.687928.com-体育彩票微信交流| www.808655.com-手机上微信咋买彩票| www.968608.com-怎么找刷彩金的平台| www.za83.com-福彩3d神奇四码| www.96wf.com-体彩排五结果| www.70383.com-奔驰彩软件-| www.263291.com-3d彩图总汇大全| www.852708.com-足彩310报纸周六| www.960807.com-七星彩历年开奖查询| www.aj85.com-开什么奖了七星彩| www.yn11.com-68彩票平台官网| www.033966.com-彩票最好的投注方法| www.728.tv-彩票帝国-| www.612230.com-万彩吧3d开奖| www.730399.com-竞彩大小球哪里买| www.7888.loan-成都体彩开奖结果| www.738727.com-天津自助福利彩票机| www.827654.com-世纪佳缘骗你买福彩| www.906231.com-彩色饺子皮红色| www.969890.com-网上投资彩票靠谱吗| www.cp624.com-彩神ix-| www.rz96.com-彩票跨度怎么算| www.09ra.com-哪几种彩票是五位数| www.21sj.com-彩票的倍率-| www.947615.com-彩票投注方式| www.cp756.com-快三网投第一门户| www.687215.com-中国福利彩票幸运三| www.51bm.com-足彩缩水软件管用吗| www.4225.com-广州七波彩国际贸易| www.9874.net-85彩-| www.345674.com-彩漫福利-| www.523172.com-彩票王成周-| www.647104.com-3d中彩网走势连线| www.761934.com-湖北快三害死我了| www.944623.com-体彩论坛17500| www.dy57.com-快三单双投注技巧| www.344686.com-武汉体彩-| www.544515.com-彩票就是买不中| www.669017.com-海南私彩大奖多少钱| www.261295.com-足彩倍投计划表格| www.691039.com-噢客网彩票-| www.780565.com-彩铅手绘人物| www.863119.com-智慧彩软件破解| www.930889.com-乐发彩票注册| www.987187.com-手机福彩迷app| www.aq50.com-uu直播现场购彩| www.728280.com-苹果彩票网注册| www.817517.com-福利彩票双色球单式| www.893027.com-现在有什么彩票软件| www.962937.com-星光彩票怎么下载| www.cai20.cc-快三-| www.061494.com-万彩网正规吗| www.79197.com-网易彩票网址是什么| www.212349.com-大发快三在线投注| www.27286.cc-彩票投注机返点| www.ma68.com-快3福彩好中号码| www.004319.com-体彩排五出的什么号| www.078169.com-玩彩下载-| www.22820.com-王者彩票可信吗| www.sf34.com-博悦分分彩app| www.977127.com-彩礼规定是几万| www.dh01.com-福利彩票要中几位数| www.za49.com-3d彩报图今天| www.41po.com-七星乐彩票倍投规律| www.0327.top-中国福利彩票店地址| www.5566.xyz-彩牛美缝剂厂家| www.45287.com-对刷彩票-| www.13dh.com-伯乐彩票在人玩吗| www.821152.com-牛彩涂3d牛彩图库| www.mc31.com-时时彩网投平台| www.808973.com-柬埔寨5分彩真实么| www.866243.com-下载网彩-| www.331704.com-彩票走势图表格制作| www.471329.com-彩神平刷软件破解| www.295235.com-快3湖北福彩快三| www.271857.com-好彩一八打一数字| www.550458.com-博彩白菜回馈导航| www.745409.com-大彩彩票app| www.886826.com-中国福利彩票真假| www.ra59.cc-快三二不同选号技巧| www.71kf.cc-中彩公司总经理贺文| www.22100.cc-购买足球足球彩票| www.029582.com-彩票168-| www.362879.com-彩票对打是什么意思| www.910654.com-大发快三微信群| www.58sm.cc-澳彩足球即时赔率| www.6049.pw-重庆体彩网点查询| www.61bv.com-心脏彩超pg正常值| www.839953.com-pc蛋蛋是哪的彩票| www.28685.com-支付宝借给博彩收款| www.2uh.com-彩票图案-| www.324661.com-中国福利彩票st5| www.413827.com-福利彩票30万刮奖| www.512921.com-彩票哪个平台能买| www.959426.com-甘肃福彩中奖结果| www.79tu.com-彩库触屏版-| www.69779.cc-易彩乐彩票是真的吗| www.27gv.com-体彩字谜总汇| www.473666.com-精英网彩票与你同行| www.133949.com-好彩一投注技考| www.439886.com-怎么注册时时彩账号| www.560766.com-足彩大小球升盘降盘| www.xf34.com-体彩825前后关系| www.642342.com-中国福利彩票商标| www.96ln.com-高频彩计算公式| www.38323.cc-海南七星彩高手论坛| www.96606.com-手机彩票挂机软件| www.079002.com-七星彩杀头杀尾| www.751851.com-1号计划彩票| www.831101.com-广州彩妆厂家| www.942.bid-七星彩怎样中奖| www.5798.in-亚彩联盟是真的吗| www.660540.com-腃讯分分彩-| www.846211.com-西安宝马彩票事件| www.925006.com-快3彩票破解软件| www.973478.com-唯美彩虹壁纸| www.vf.cc-福彩3d彩票-| www.867945.com-顺顺发七星彩图| www.32917.com-支付宝怎样买彩票| www.7282.biz-彩票有什么漏洞| www.18311.com-燕赵福彩官网首页网| www.89528.com-app最新彩票| www.086861.com-篮球彩票怎么玩法| www.96823.cc-信彩彩票投注| www.110341.com-原福彩中心主任| www.216419.com-快三每天都出豹子吗| www.317719.com-体彩七星彩开奖公告| www.413369.com-西安足彩分析师| www.547660.com-大地彩票怎么回事| www.628195.com-彩盈下载安装| www.699506.com-福彩3d直选组合| www.803843.com-海南彩砖-| www.886786.com-大大彩票可靠吗| www.974835.com-胜负彩即时比分直播| www.vl5.com-马来西亚彩票规则| www.xw06.cc-永盛彩票app| www.500711.com-一寸免冠彩色是什么| www.xw13.com-758彩票苹果下载| www.20mp.com-福利彩票今晚号码| www.091032.com-麦久网彩票-| www.276102.com-苏州体育彩票店| www.624204.com-福彩双色球号码查询| www.36ib.com-七星彩书-| www.206523.com-快三购彩网app| www.271772.com-最新好彩一-| www.323657.com-新加坡彩票中奖规则| www.383505.com-可以赚钱的竞彩推荐| www.067808.com-黑彩外地服务器| www.cp9636.com-湖北快三和尾走势图| www.f10.com-网易七星彩现场开奖| www.85qh.com-周易预测彩票算法| www.708705.com-大发时时彩爱心彩| www.927811.com-棋牌彩票app| 天天中彩票www.969751.com| www.380748.com-重庆时时彩购买官网| www.52797.cc-代玩福彩-| www.js0.com-481开奖彩票| www.0914.cn-福彩追号技巧| www.710519.com-足彩直播500| www.854659.com-大发快三太假|