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.37898.com-彩票刮刮乐软件下载| www.165965.com-快三河北-| www.386505.com-彩票266-| www.575477.com-竞彩足球停售了| www.739692.com-彩票计划苹果| www.928860.com-玩彩乐客户端| www.948691.com-微信群吉林快三| www.jt00.com-彩神8网页版| www.615645.com-福彩快三提前开奖| www.192773.com-机选彩票中奖案例| www.440633.com-五百彩香烟-| www.027337.com-福彩时时乐开奖结果| www.73077.cc-彩票团队赚钱靠谱吗| www.008577.com-新浪胜负彩-| www.136154.com-想买彩票彩票玩儿法| www.262700.com-吉林市福彩-| www.367093.com-彩铅星空和麋鹿图| www.175058.com-f96福彩-| www.332941.com-足彩500网对阵表| www.453253.com-体彩销量城市排名| www.563660.com-湖北快三字谜| www.634351.cc-七彩蓝田分红| www.337192.com-网上广西快三违法吗| www.038226.com-速8彩票网站网址| www.341699.com-福彩玩彩老头给胆| www.540065.com-时时彩技巧| www.93ox.com-天津黄埔快三| www.153935.com-足彩中奖高手谈心得| www.026025.com-黑彩平台信誉排行榜| www.156011.cc-好彩客下载14m| www.94234.com-践行责任体彩| www.419452.com-易彩网开奖结果| www.530611.com-彩36应用下载| www.44bw.com-什么叫出彩了| www.110892.com-购买美国强力球彩票| www.383822.com-彩票接口是干什么的| www.556808.com-vr竞速彩票平台| www.688694.com-好彩一容易中吗| www.777198.com-七星彩大赢家| www.863598.com-体育彩票发行中心| www.96181.cc-福彩公益行为是什么| www.128970.com-澳门彩票平台| www.748358.com-红彩app苹果版| www.856077.com-彩翼贷-| www.10zj.com-246彩票-| www.759132.com-重庆时付彩开奖结果| www.557058.com-vr彩是官方的吗| www.720563.com-七星彩运势选号| www.865279.com-彩02彩票官网| www.975354.com-多盈彩票手机版登录| www.oi13.com-福彩试机号-| www.980953.com-彩788网站-| www.vw19.com-乐购彩票平台合法吗| www.65qx.com-彩运连连双色球| www.994914.com-好彩堂玄机跑狗图| www.cv39.com-江苏快三分析软件| www.d13.net-快三和值最大遗漏| www.225446.com-英国时时彩专业版| www.344043.com-彩神5分快3赚钱吗| www.443997.com-c760彩票-| www.007104.com-彩票开奖彩宝贝网| www.ec1.com-分分彩票app| www.751276.com-体育彩票投注站查询| www.568513.com-微彩app66vc| www.8842.in-二分彩计划-| www.934100.com-福利彩票精准预测网| www.694600.com-篮球彩票单关| www.805760.com-9号彩票下载| www.888005.com-中国彩票网排行榜| www.885577.com-利彩邀请码-| www.639046.com-彩票模式创始人| www.751410.com-聋哑彩票-| www.852555.com-体彩3l选7开| www.912449.com-哪里有极速快三| www.973241.com-c798彩票-| www.cp103.cc-福彩快三下载app| www.319888.com-百胜快三下载地址| www.304705.com-快三图表和值| www.819980.com-游戏机彩票纸兑换| www.950461.com-海南七星彩开奖全图| 凤凰Vwww.www.fh7557.com| www.sd48.com-时时彩多久开奖一次| www.711708.com-最新足彩对阵| www.831382.com-宁波员工中彩票| www.933267.com-广东省体彩中心地址| 福彩网www.666055.cc| www.355521.com-刘军玩彩-| www.323802.com-福利彩票助手手机版| www.413856.com-分分彩八码滚雪球| www.116345.com-彩虹羽泉歌词| www.210268.com-彩票yy挂机-| www.622339.com-时时采彩走势图龙虎| www.ek0.com-快三跨度怎么算| 好彩www.60123q.com| www.555415.cc-体育彩票十二生肖| www.764009.com-华宇彩票下载| www.910732.com-nba彩票网-| www.id12.com-官方买彩票的软件| www.b58.cc-福彩助手官网| www.788694.com-竞彩单场推荐总绘| www.921078.com-足球胜负彩开奖查询| www.cai1900.com河北快三形态走势图| www.0665.vip-彩票推广员好做吗| www.129189.com-好运来彩票网骗局| www.829829.com-耀州彩票店转让信息| www.973835.com-大乐透中奖彩票图案| www.0as.com-七乐彩和值尾数杀号| www.31wf.com-周日买什么彩票| www.957134.com-彩票全自动挂机平台| www.027069.com-彩票计划师怎么挣钱| www.128972.com-五福彩分分时时彩| www.229897.com-新彩票走势图| www.325556.com-彩票解太湖字谜汇总| www.995365.cc-英国5分彩结果| www.gi06.com-红快三开奖结果| www.xb20.com-大乐透杀号凤彩网| www.331140.com-财神8彩票网| www.8499.com-亿彩彩票是合法的吗| www.802354.com-福彩智能语音投注站| www.883039.com-887彩票-| www.957210.com-京彩挂机-| 百姓彩票www.bxcp3.com| www.kn72.com-3d试机号彩宝网| www.41988.cc-d9彩票软件下载| www.027175.com-五分彩合法吗| www.63865.com-红五福彩三d| www.563157.com-彩票查询软件官网| www.5744.vip-体彩中奖算法| www.185884.com-快三应该怎么玩| www.47lp.com-体彩中奖短信图片| www.171164.com-广西快三规则| www.334101.com-七星彩多少钱一张| www.39yy.cc-七星彩500特| www.221053.com-体彩开奖是多少钱| www.336913.com-冮苏快三推荐| www.47385.com-好彩妹吧-| www.794365.com-博彩管理专业| www.571671.com-菲律宾快三开奖结果| www.665559.com-最新七乐彩预测| www.753213.com-9d彩票app-| www.817888.com-随机彩票中奖率高吗| www.896617.com-彩票中千万大奖的人| www.964187.com-网上购彩票平台| 新盈彩www.xinyc3.com| www.ga05.com-浙江省快乐彩走势图| www.396292.com-19年福彩放假安排| www.356151.cc-彩票挂机手机版| www.87911.com-巴西三分彩开奖官网| www.101612.com-优信彩票合法吗| www.689708.com-卖彩票数据赚钱吗| www.92470.com-318彩票是骗子| www.362994.com-雨后的彩虹好像什么| www.39737.com-彩票巴土-| www.95791.com-福彩与慈善专题讲座| www.012037.com-彩票店15分钟一开| www.100455.com-手机买福利彩票| www.169323.com-快三怎样看走势| www.118096.com-体育彩票和尾值| www.463666.cc-万豪彩票是真的吗| www.556501.com-彩票怎么改时间了| www.8982.top-彩票天天选四开奖| www.ok58.cc-江苏快三怎么看大小| www.3kz.com-下载福利彩世界| www.180948.com-彩之家app-|