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.169259.com-甘肃快三遗漏| www.66512.cc-南洋乐和彩几点开奖| www.jj00.com-福彩3d彩票图片| www.393831.com-39彩票网合法吗| www.cp7332.com-单双大小彩票| www.861600.com-官方彩的1分快3| www.973228.com-彩虹建站系统| www.as16.com-优游彩票平台下载| www.561791.com-开户送彩金-| www.650352.com-体育博彩公司有哪些| www.736962.com-上海福彩网点| www.827329.com-华阳彩票快乐12| www.905693.com-yy彩票揭秘-| www.978194.com-彩钢板围挡施工图| www.cp9770.com-3快三走势图青海| www.oe46.com-大陆平台彩票送彩金| www.4st.com-彩票中奖发现金还是| www.74oc.com-惠盈彩票app| www.51729.com-乐彩双色球诗谜专区| www.002439.cc-七星彩摇奖-| www.754228.com-金彩元-| www.836598.com-中国福彩报双色球诗| www.908025.com-合肥齐豪快三| 39彩票www.39cp.cc| www.914659.com-优信大发时彩主页| www.986189.com-竞彩蓝球比分直播| www.fl75.com-福彩双色球专家预测| www.069378.com-彩神网有漏洞吗| www.t29.net-七乐彩专家杀号总汇| www.130.gg-无线幻彩控制器| www.5718.biz-体彩19055期| www.706352.com-福彩3d坐标走势图| www.380074.com-手机可以购买彩票吗| www.728968.com-富彩彩票是骗人的吗| www.813563.com-足球彩票算加时吗| www.566455.com-福利彩票二同号单选| www.657826.com-31竞彩吧安全吗| www.754718.com-快三走势软件下载| www.856929.com-gc国彩app下载| www.973035.com-彩虹世界官网网址| 彩神网www.csw288.com| www.673257.com-乐彩双色球静态版| www.622044.com-湖兆快三开奖| www.027666.com-福彩基诺开奖结果| www.440455.com-宿迁中大乐透彩票| www.103405.com-旺彩大乐透选号| www.441399.com-福彩三地之家首页| www.27060.com-02彩软件下载| www.525889.com-彩色3d打印-| www.676733.com-美彩办公-| www.254079.com-幸运中彩票快3| www.358438.com-手机时时彩平台搭建| www.4536.cn-七星彩19022| www.203085.com-快乐彩合法吗| www.280746.com-怎么做私彩代理| www.k17.org-3d彩吧库图第一版| www.234244.com-福彩快三害人不浅| www.325655.com-七星彩彩宝贝预测| www.465999.cc-玩彩票挣钱-| www.716644.com-彩铅画天鹅-| www.5382.biz-彩铅画简单的花苞头| www.71159.cc-福彩领奖时间| www.919113.com-体彩店吃票的人多吗| www.398302.com-福彩3d开奖号预测| www.141755.com-福利彩票机选号好吗| www.271644.com-吉林快三彩经网| www.358791.com-福彩3d之家| www.484428.com-369.cn彩票-| www.33mb.cc-福彩试机谜语| www.6824.com-今天3d福彩彩报| www.246300.cc-彩票驿站登录| www.848823.com-篮球直播唯彩| www.3680.vip-万彩吧6-| www.273107.com-福彩宗旨-| www.454578.com-彩宝平台怎么样| www.hv90.com-众彩网专家汇总| www.h94.in-开奖公告、百度彩票| www.wb33.com-彩票店图片-| www.2285.net-重庆时彩开奖号| www.02220.cc-搜狗彩票走势图| www.849011.com-新加坡福彩挂牌号码| www.811105.com-新人注册送18彩票| www.935231.com-台码福星彩开奖| 如意彩票www.398518.com| www.268795.com-天天签到3元彩票| www.717036.com-彩铅颜色怎么叠加| www.795580.com-福彩好运十倍玩法| www.874580.com-农村彩神双色球| www.950229.com-新华网彩票双色球| 博乐彩票www.665992.com| www.913910.com-彩16官网手机登录| www.240711.com-彩神网唯一网站| www.122767.com-打彩金违法吗| www.561168.cc-掌上中彩票-| www.666903.com-乐彩墨水-| www.775729.com-卖彩票的网名大全| www.867589.com-彩票助赢软件app| www.927111.cc-天天彩票人工计划| www.995184.com-全天五分彩玩法骗局| www.1wb.cc-福彩乐彩网首页| www.7062.shop-94彩票软件-| www.919721.com-微微彩票是干嘛的| 福彩网www.055m.cc| www.760414.com-今日3d神彩飞扬| www.874920.com-酷彩吧ios下载| www.ix41.com-内蒙古快三出什么号| www.34be.com-湛江七星彩开奖号码| www.666672.com-乐彩网的计划三倍投| www.58473.com-8号彩票下载安装| www.ji73.com-中国福彩网彩种| www.163706.com-各种高频彩票规律| www.272597.com-分分快三技巧概率| www.325660.com-七星彩票开奖| www.206416.com-利彩app-| www.199023.com-河南快三遗漏一定牛| www.576447.com-一分快三彩票倍数表| www.672907.com-上海快3开奖爱乐彩| www.773215.com-报纸彩票指南| www.582963.com-全球彩平台-| www.680801.com-怎样戒掉买彩票的瘾| www.767360.com-安徽福彩开奖查询| www.836830.com-丰彩真石漆价格| www.906718.com-雅彩彩票正规吗| www.ae63.com-手机彩票网下载| www.xf97.com-彩809彩票app| www.581714.com-芒果彩票平台| www.675278.com-许昌结婚多少彩礼| www.751241.com-彩票巴巴v1-| www.820654.com-体育彩票提现要多久| www.928982.cc-彩票返利骗局| www.tr97.com-快三送彩金-| www.1100.me-中超什么时候上竞彩| www.969569.com-酷彩美国官网| www.dx22.com-百盈快三规律| www.880902.com-007彩票网-| www.967204.com-北京快三看对子技巧| 大赢家彩票网www.178725.com| www.va64.com-河南快三任意俩码差| www.441533.com-nba精彩集锦| www.cai9200.com河北省福利彩票快三| www.30822.com-1o5彩票-| www.424279.com-星彩无慘-| www.602350.com-游戏厅刷彩票| www.684003.com-福彩3d胆码技巧| www.775307.com-浙江快乐彩电脑版| www.965155.com-福彩北京快三攻略| www.cai0122.com安徽快三基本走势图| www.211819.com-彩客网电脑版| www.877792.com-我想做网络私彩代理| www.975306.com-汇彩网骗局揭秘| www.ju77.com-吉林福利彩票网| www.4373.cn-玩时时彩计划| www.17753.cc-彩票信用盘代理| www.865252.com-大发快三开挂图片| www.40191.com-中国体育彩票自助机| www.44mt.com-初三上册傅彩的意思| www.si67.com-时时彩号码开奖| www.81rw.com-有综艺福彩吗| www.103703.com-彩票网上购买官方| www.763.website时时彩遗漏回补| www.031.win-传奇彩票娱乐网址| www.112649.com-最新版彩神下载| www.0966.cn-买彩票数字-| www.028446.com-牛彩l网3d字迷|