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.53116.cc-汇彩国际平台登录| www.232675.com-上海快三怎么玩稳赚| www.333360.com-中国福利彩票分分彩| www.402589.com-7星彩预测专家号码| www.631607.com-广东彩王图片| www.435517.com-分分彩漏洞计算方法| www.315392.com-彩81彩票app| www.ws0.com-彩票开奖大全查询| www.b68.space-江西体彩江西福彩网| www.528390.com-微彩店下载-| www.4574.xyz-3d福彩35期-| www.684546.com-体彩p3和值遗漏| www.419618.com-六亿彩票最新网站| www.57579.com-彩八仙安卓-| www.83oj.com-中国彩票七位数| www.517998.com-彩票优乐商城| www.875253.com-快三单双技巧| www.272857.com-上榜彩票-| www.702618.com-明彩竞彩-| www.819872.com-上海体彩客服电话| www.905608.com-快三如何倍投不赔| www.971390.com-二分彩是不是骗局| www.dg4.com-有没有人带玩快三| www.xa43.com-福彩和值走势图| www.947667.com-彩票作假吗-| www.8561.org-旺彩开奖软件大全| www.485706.com-中国足彩网欧亚指数| www.628657.com-华夏彩票苹果版| www.139625.com-怎样控制彩票赌博案| www.603237.com-老版下载即时开彩| www.762241.com-竞彩推荐软件哪个好| www.980157.com-彩票账对不上| www.mp37.com-吉林快三奖励| www.931926.com-国外彩票的规律| www.me00.com-c58彩票安卓| www.49cw.cc-彩票代收充值款| www.jn0.cc-时时彩投注方法| www.474297.com-竞彩推荐网站| www.179362.com-安徽快三助手一定牛| www.307227.com-多乐彩票时时彩| www.464613.com-时时彩正规倍数| www.576245.com-青蛙彩票导航网页| www.553.in-八亿彩靠谱么| www.4469.vip-吉祥彩手机版| www.09746.com-专业玩彩预测| www.55557.cc-彩虹伞打地鼠玩法| www.9067.cm-体育七彩开奖| www.816722.com-吉林快三二十分钟| www.951415.com-彩票信誉平台推荐| 500彩票网www.61655f.com| www.118977.com-中彩彩票快3下载| www.c16.vip-公告彩票中奖i| www.902.in-感觉彩票33是坑| www.06706.com-119彩票平台| www.58518.com-釉中彩餐具能消毒嘛| www.x87.club-棋牌加彩票无限代| www.141080.com-福利彩票加盟电话| www.671648.com-做梦梦见彩票中奖| www.774300.com-七星彩的中奖等级| www.zm90.com-江西省福利彩票| www.y05.club-网络买彩票-| www.4587.vip-下载盈利彩票| www.38255.com-博创彩票骗局| www.205789.com-大发快三走势怎么看| www.352776.com-两分彩计划-| www.567316.com-苹果背部彩膜| www.730291.com-呼市福彩官网| www.981153.com-旺彩双色球科学预测| www.uz32.com-人人彩是什么| www.32315.cc-彩钢瓦围挡材质图片| www.511515.com-大唐的网址彩票| www.749733.com-306新版彩票| www.322714.com-百度福彩123| www.444413.com-足彩胜负彩310| www.554583.com-汇辰彩票下载安装| www.692087.com-彩乐乐选号-| www.780669.com-体彩p3试机号今天| www.869234.com-七星彩一千期走势图| www.958495.com-福利彩票破解视频| www.dh77.com-七星彩规则及玩法| www.500066.cc-如何把彩票卖好| www.jy4.com-快三口诀大小单双| www.63262.cc-365竞彩-| www.04sx.com-幸运彩票6-| www.999394.com-彩票能在手机上买吗| www.48nc.com-重庆私私彩开奖| www.4776.vip-有一个学生买网上彩| www.39227.cc-306新版彩票| www.028240.com-梦想彩票站下载安装| www.129750.com-彩票41期-| www.357148.com-吉林三地彩票| www.697806.com-全民中彩票网骗局| www.108322.com-快三彩票网是真的吗| 超级彩票www.811257.com| www.503535.com-高频彩联盟网址| www.620392.com-广州体彩店转让| www.703090.com-火箭彩票下载app| www.825972.com-赢彩争霸app| www.919310.com-免费搭建彩票网| www.996041.com-竞彩足球北单投注| www.am95.cc-49彩票下载-| www.416702.com-网络彩票代理判几年| www.411868.com-四川彩钢围挡厂家| www.3081.biz-临汾彩票店转让信息| www.649001.com-九州博彩检测线路| www.4554.cc-易彩测速网址| www.739213.com-久久彩票是骗局吗| www.wr55.cc-人人中彩票旧版本| www.n34.org-彩票怎么看中奖了呢| www.058998.com-彩吧开奖-| www.466879.com-在哪可以买竞彩足球| www.5941.net-今晚上彩票几点开奖| www.71632.com-福彩3d彩吧助手| www.2140.vip-全民彩票购彩合法吗| www.897992.com-广西体彩网官方网| www.ej8.com-一定牛彩票-| www.29su.com-日彩网官方下载| www.77156.cc-彩票兑奖周期| www.2102.vip-彩票站杀人案| www.356756.com-开奖彩票结果查询| www.683233.com-秒速时时采彩可靠吗| www.822044.com-彩票3d奖金计算器| www.bf10.com-80彩票刷流水| www.30bm.com-彩铅画多肉植物| www.359697.com-快三开奖福彩| www.449136.com-大连福利彩票官网| www.548621.com-七星彩大公鸡| www.cp6011.com-福利彩票3d走势图| www.403001.com-福利彩票3d选胆图| www.542621.com-中文全彩全球璀璨| www.664224.com-七乐彩500-| www.735962.com-彩吧排三今天试机号| www.832587.com-桃屋猫三国梦想星彩| www.cp5659.com-三分快三是什么彩票| www.b14.cn-萄京彩票网址| www.379672.com-上益彩-| www.617512.com-必发彩票辅助| www.022942.com-河北快三彩票| www.47450.com-彩票可以异地兑奖吗| www.11uw.com-彩票群为什么会封群| www.70pg.com-乐博彩票登录地址| www.95825.com-体育彩票公益口号| www.136644.com-陕西福彩快3| 博亿彩票www.699by.com| www.hp89.com-上海快三玩法说明| www.322508.com-竞彩四串一经常中奖| www.071126.com-北京足彩分析师招聘| www.156567.com-五百万彩票安卓| www.227271.com-重庆快三群骗局揭秘| www.uz21.com-牛彩3d字谜总汇九| www.62tn.com-彩票白菜论坛| www.734116.com-美国彩票巨奖兑奖| www.6734.cc-彩票违规-| www.970074.com-七彩乐彩票中奖规则| www.776184.com-利彩一我的帐户| www.cl45.com-k彩彩民福-| www.872181.com-搜索彩票双色球| www.948113.cc-福利彩票的中奖规则| www.996241.com-足彩源码-| www.ni48.com-极速幸运快三彩票| www.j70.net-118彩票-| www.651712.com-永利彩票套彩金骗局| www.702757.com-足球彩票兑奖时间| www.758839.com-网上代理彩票找会员|