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.537563.com-彩色的组词-| www.276329.com-盈彩在线是骗局吗| www.863230.com-19007胜负彩| www.958835.com-春节后福彩哪天开始| www.cp814.com-代理快三怎么拉人| www.qh06.com-欧盟好彩蓝莓双爆| www.37wj.com-星座彩票幸运号| www.1927.top-澳门bb彩票-| www.55948.cc-中乐彩手机版| www.059104.com-新浪足彩即时比分| www.185297.com-广东彩票26选5| www.29045.com-彩名堂彩票软件下载| www.001950.com-深圳福彩网官方首页| www.654421.com-江西中彩票-| www.742647.com-购彩网658835| www.918998.com-万豪国际博彩| www.992280.com-重庆时时彩杀号| www.eb62.com-百姓彩票网介绍| www.005967.com-网上购买彩票软件| www.583167.com-百位杀号彩经网| www.715367.com-四季彩票是黑平台吗| www.802738.com-全中彩票-| www.894423.com-内蒙古快三昨天| www.961124.com-快三十五选五安徽| 众乐彩票www.589144.com| www.984281.com-微信好友做高频彩| www.gg12.com-福建福彩快3定牛| www.580655.com-彩票害了多少人| www.690705.com-名城苏州中国体彩| www.948128.com-手机好彩网-| www.118323.com-久久发彩票邀请码| www.mh49.cc-快三跨度和值速查表| www.171261.com-七星彩今日开奖号码| www.f77.top-国外做彩票客服| www.10nb.com-福彩3d开奖| www.26li.com-福彩今日预测| www.021829.com-酷彩吧怎么下载| www.678947.com-旺旺彩票正规吗| www.805011.com-中超联赛竞彩| www.988899.cc-江西快三软件下载| www.mg98.cc-彩票app下载软件| www.94669.com-彩票网站维护一周了| www.2921.win-重庆时时彩所有图片| www.451915.com-乐彩彩票软件破解网| www.742444.com-福星中彩免费| www.060733.com-聚福里体彩店| www.581361.com-福彩往期中奖号码| www.679335.com-赌博送彩金的网站| www.878406.com-江西体彩有哪些玩法| www.974477.com-福彩d开奖号| www.xv8.com-彩神快三秘籍| www.192084.com-优乐彩票官方网站| www.103190.com-旺彩预测大全| www.216108.com-福彩群英会-| www.4152.com-福彩3d财神推荐号| www.684998.com-福彩3d校验码| www.776282.com-易彩堂彩票在线| www.448918.com-彩麒麟-| www.567033.com-彩虹蓝底emoji| www.355848.com-体彩足球中奖上税| www.68279.cc-线上体彩-| www.116738.com-几点买彩票中奖率高| www.213368.com-怎样下载江苏快三| 亚投彩票www.ya150.com| www.19778.com-嘉兴体育彩票征召点| www.684225.com-彩八app真的假的| 8k彩票www.803241.com| www.014.me-福彩33期中奖号码| www.083844.com-网恋彩票托的套路| www.361091.com-有永安彩票吗| www.048181.com-贵阳11选五爱彩乐| www.670034.com-风采和风彩有何区别| www.750872.com-老卓易彩票-| www.800212.com-彩票大数据运算公式| www.019790.com-营业中福彩店急转| www.96231.cc-福彩7位数中奖号码| www.893601.com-乐彩网网官网| www.966653.com-福彩排五开奖走势图| 天下彩www.920564.com| www.911738.com-即开型彩票-| www.974752.com-中国体彩唯一官网| 大赢家彩票平台www.916730.com| www.gp33.cc-彩钢板围挡价格| www.xc25.com-七星彩冷热出次表| www.655256.com-重庆时时彩网投| www.099016.com-pc彩讯网官网| www.222195.com-甘肃体彩助手手机版| www.55834.cc-七星彩历史开奖对比| www.6638.com-福利彩票主任| www.39388.com-鑫彩网app主页| www.96178.com-彩票弃奖-| www.948.live-七星彩开什么号码呢| www.165161.com-全彩助手官网| www.170391.com-百宝彩快三-| www.962471.com-福彩中心窝案| www.4883.biz-信彩黑平台曝光| www.21hp.com-彩票818网站| www.898288.com-梦见七星彩中奖故事| www.9545.cm-体彩助力全民健身| www.262531.com-彩票c9com-| www.d55.biz-ai彩-| www.139563.com-彩票共享资料大全| www.369978.com-四季彩下载-| www.28qb.com-腾迅彩票app| www.467056.com-足彩比分最准预测网| www.872465.com-彩票五分快三计划| www.338625.com-随州中彩票-| www.1eu.com-彩宝彩票害死人| www.126534.com-湖北体彩网下载| www.686027.com-福彩票三地开奖| www.762075.com-竞彩推单app| www.869085.com-彩票密码在哪里看| www.933515.com-蓝冠彩票网-| www.983824.com-大连市福彩中心在哪| www.sw9.cc-今日甘肃快三走势| www.jo69.com-网络彩票诈骗报警| www.463926.com-买彩票真的有技巧吗| www.4724.cc-中彩票买什么车| www.560079.com-kk彩票网官网| www.537267.com-中彩网开奖号| www.257386.com-网上合买彩票揭秘| www.356100.com-福建省体育彩票网| www.522396.com-有什么彩票是压大小| www.662504.com-全民彩票快3| www.731746.com-彩钢瓦围挡材质图片| www.796943.com-九宫图选彩票密决| www.858384.com-体彩遗漏-| www.909086.com-亚博彩票是骗局吗| www.960442.com-竞彩宝安卓-| 彩霸王www.cbw222.com| www.793601.com-公务员中彩票违规吗| www.878964.com-体育彩票大乐透查询| www.974586.com-众盈彩-| www.c63.club-排列三彩乐乐杀号| www.875621.com-彩票网恋骗局| www.947977.com-众彩网怎么进不去| www.986340.com-k彩手机登录密码| www.pg5.cc-335彩票app-| www.ok56.com-彩票系统规律的破解| www.693662.com-258竞彩比分| www.791405.com-彩经网排列三百位| www.878971.com-一定牛彩票新版| www.977133.com-306手机彩票网| www.wj2.com-爱彩乐广西快3| www.zo99.com-赢钱彩aqq下载| www.486020.com-福彩中彩网三d开机| www.we00.com-兰州体育彩票中心| 趣彩彩票www.c277.com| www.52117.com-福利彩平台刷流水| www.090349.com-170彩票最新| www.jq40.com-江苏快三算赌博吗| www.16789.com-美人鱼彩票app| www.23.com-北京快乐彩是个骗局| www.85re.com-重庆时间时彩走势图| www.242045.com-新二彩票app| www.761787.com-甘肃竞彩专家推荐号| www.74584.com-彩色沥青砼-| 凤凰彩票www.89798.com| www.481668.com-竞彩足球网澳客网| www.564099.com-彩票怎么倍投稳赚| www.612731.com-开户送28彩-| www.665549.com-七乐彩胆拖怎么投注| www.718787.com-彩虹羽泉视频| www.784109.com-国乐彩用户注册|