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.051241.com-足彩缩水app| www.100314.com-百宝彩陕西11选五| www.az52.com-江西省多乐彩走势图| www.ye25.com-湖南体彩网彩票论坛| www.56nv.com-易彩民彩福地注册| www.1314.link-天天乐彩是骗局吗| www.7735.in-分分彩后一3码| www.34266.cc-上海体彩网11选5| www.80817.cc-中国福利彩票打票员| www.059398.com-k彩娱乐线路| www.222207.cc-够力七星彩解梦| www.337971.com-海南快2开奖彩票| www.629962.com-福彩3d北海推荐| www.88385.cc-福彩自助投注机返点| www.301373.com-一分快三单双买法| www.502092.com-尾数走势南方彩票站| www.706330.com-彩霸王3d彩票论坛| 大富豪www.315332.com| www.30cm.com-昨天晚上的彩票信息| www.36tj.com-七星彩全文-| www.102234.com-500彩票网与彩神| www.215595.com-一分快三下载链接| www.297788.com-快三投注倍数| www.444683.com-体彩助手客户端下载| www.26gf.com-福利彩票号码图片| www.05951.com-中国足彩竞彩app| www.440633.com-五百彩香烟-| www.569807.com-彩88彩票现场开奖| www.658922.com-1234彩票app| www.324625.com-可以赚钱的彩球游戏| www.458822.com-全彩-| www.567961.com-彩六万购彩大厅| www.49628.com-足彩分析师面试题| www.666829.com-微信聊天叫玩福乐彩| www.865283.com-人人中彩票苹果系统| www.1249.xyz-k彩一彩民福地客服| www.356358.cc-数学猜想彩票| www.596903.com-天天彩选3开奖结果| www.3ap.cc-举报黑彩网站有用吗| www.583.gg-最新时时彩走势图| www.08938.com-九州博彩app下载| www.89976.cc-彩78计划app| www.111519.com-爱盈彩是什么东西| www.476561.com-乐福彩票邀请码| www.930814.com-彩打一生肖-| www.024164.com-3d牛彩网图谜| www.233899.cc-网络彩票赌博套路| 中彩网www.81233b.com| www.22fh.com-彩票大平台抢红包| www.ux06.com-福彩青海快三走势图| www.177700.com-快三助手手机版下载| www.334546.com-彩票提现账户异常| www.565958.com-湖北福彩发行中心| www.714484.com-手机凤凰网彩票| www.803750.com-江苏快三号码统计图| www.10202.com-周二双色球老头看彩| www.17nl.com-买私彩票犯法吗| www.8245.org-赢彩天空彩票| www.98500.cc-时时彩号码计算工具| www.218889.com-凤彩app-| www.728071.com-澳客体彩app下载| www.137223.com-k彩这个网站靠谱吗| www.176717.com-极速快三网址| www.949865.com-九州彩票网是真的吗| www.777811.com-乐透啦彩票版本| www.073877.com-全网快三-| www.257701.com-cp038彩票-| www.874484.com-老杜说彩票-| www.655491.com-8168彩票网站| www.zq26.com-篮彩258-| www.91xn.com-乛彩民乐十阳光探码| www.830296.com-福利彩票今日幸运号| www.940448.com-3d中彩网北斗分析| www.860517.com-彩票网上投注平台| www.kb11.com-福利彩票双色球下载| www.27633.com-香港好彩堂来料中心| www.2994.in-双球彩票开奖的结果| www.882039.com-彩票工资车怎么做| www.11904.com-体彩p3图谜手机网| www.53426.com-彩虹图画儿童画| www.282678.com-七星彩中奖技巧| www.yl92.cc-大乐购彩票开奖号码| www.845680.com-网络彩票模拟摇奖机| www.380946.com-计划彩下载安装| www.894877.com-网络彩票代投| www.s28.me-彩金平台-| www.226909.com-内蒙古福彩快3下载| www.667480.com-爱乐透彩票官网| www.668775.com-求福彩3d算胆公式| www.00652.com-重庆彩钢围挡多少钱| www.077105.com-彩票咋个买几个数| www.34zh.com-七星彩千军万马| www.8612.biz-福彩快三公式| www.268961.com-彩神争霸邀请码| www.946718.com-彩票预测神器怎么样| www.101747.com-红彩网安卓版下载| 发彩www.50732f.com| www.568215.com-皇城彩票网址登录| www.723933.com-快乐扑克3彩乐乐| www.cx17.com-彩神lll下载| www.825139.com-竞彩二维码扫码出票| www.927239.com-老梁揭秘彩票那些事| www.gv96.com-093彩票注册| www.237693.com-竞彩app开发| www.099156.com-北京五分彩走势图| www.387000.cc-足彩总进球数技巧| www.587450.com-长春快三一定牛预测| www.765734.com-中博系统彩票平台| www.7126.loan-新德里彩票必中算法| www.95921.cc-下载公益彩票| www.83136.com-彩票单双购买技巧| www.018399.com-下载快三摇奖器| www.1479.pw-精彩中国汇-| www.134894.com-玩时时彩送彩金| www.713788.com-河北快三走势图天的| www.045850.com-天天彩票计划| www.300079.cc-网易彩票时时彩杀号| www.593911.com-七彩化学-| www.910789.com-彩票极速快三玩法| www.47323.com-好客彩app-| www.417920.com-彩漂剂的作用| www.792237.com-彩票可叫折过| www.012588.com-七星彩头尾论坛高手| www.591.cc-重庆彩票王成周最近| www.8303.vip-帝一娱乐官网时时彩| www.77281.cc-博众时时彩软件骗局| www.804165.com-竞彩比分技巧| www.865852.com-博發彩票-| www.103908.com-彩8彩票客服| www.772481.com-中国福彩图片| 网易彩票www.36788h.com| www.2rz.com-中国竞彩代理返点| www.12gq.com-55125彩吧-| www.wz80.cc-七星彩开奖时间查询| www.wo9.com-河北省快三遗漏数据| www.539095.com-时时彩奖金多少| www.922179.com-温州12选5快乐彩| www.978822.com-雷诺好彩一彩彩乐| www.688540.com-鸿鼎网彩票论坛| www.909321.com-彩票大乐透有规律了| www.pm28.com-今日彩圣今日彩圣| www.1401.xyz-福利彩票交税率| www.248938.com-好彩票官方版| www.636003.com-彩票税是多少| www.857323.com-最新佬牛足彩推荐| www.968492.com-彩民论坛七星彩| www.156.live-超级时时彩全天计划| www.751.gg-重庆时时彩三星| www.227617.com-福彩快三中了4万| www.376553.com-彩宝设计图-| www.100111.com-聚彩jc下载-| www.900062.cc-657彩票网官网| www.0408.vip-彩乐园ii应用下载| www.65385.com-彩票抽奖软件| www.433062.com-陕西体彩兑奖地址| www.738071.com-福彩中心贪污案| www.447087.com-为什么玩快三老鼠| www.534.me-和彩云app-| www.026429.com-彩45彩票手机软件| www.692965.com-彩票电话投注| www.wz6.com-福彩3d论坛专区| www.704.cc-天津时时彩投注站| www.9698.top-cb8彩票-| www.mw01.com-公益彩票是真的吗|