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.219078.com-百姓彩票苹果版| www.681623.com-福利彩票旺彩网| www.773694.com-国彩彩票合法吗| www.874142.com-澳洲三分彩计划网| www.953093.com-足彩复式投注计算器| 500彩票www.401271.com| www.775813.com-盈发彩票下载| www.897971.com-卖竞彩的宣传语| www.976277.com-高价彩礼违法吗| www.sf91.com-时时彩龙虎免费计划| www.013759.com-七星彩第一位走势图| www.92426.com-上海快三彩经网| www.44es.com-彩之云是什么| www.747654.com-天津华夏快三预测| www.748949.com-6合开彩奖结果| www.221241.com-123彩票网站大全| www.799567.com-浙江舟山福彩快2| www.ky90.com-贵州快三时间| 福彩www.26878g.com| 爱购彩票www.3552m.com| www.1078.cm-彩经彩票高手网| www.1094.xyz-银彩通306定投| www.8334.cm-时时彩900注方案| www.21403.cc-体彩大乐透到哪领奖| www.089006.com-吉林快三k-| www.798778.com-彩虹8彩票网址| www.936200.com-够力彩梦-| 吉利彩票www.80065d.com| www.jb22.com-新浪足球竞彩网| www.554458.com-彩票销售广告语| www.393026.com-彩票网站推广渠道| www.87ni.com-淘宝怎么买福利彩票| www.050604.com-吉林快三一共多少期| www.959721.com-盈彩在线是哪个网址| www.593108.com-彩虹的重力评价| www.774482.com-亿游网彩票-| www.869110.com-七星彩包码稳赚法| www.25fe.com-骰子和值大小彩票| www.705303.com-新任福彩主任是谁| www.791201.com-我要买彩票排列三| www.875125.com-酷彩app官网| www.j09.com-棋牌游戏充值送彩金| www.360334.com-体彩排列三讨论区| www.954742.com-体彩开奖3d| 众乐彩票www.237344.com| www.is73.com-头奖彩票吧-| www.86xq.com-七星彩论坛海口彩网| www.2684.me-约彩彩票停售| www.8198.in-彩票49c-| www.59345.cc-彩铅画风景小清新| www.53884.com-彩票中奖上税多少| www.919906.com-彩票服务器开发| 福彩www.26878s.com| www.3759.cn-和彩彩票-| www.563229.com-中彩网彩票能提现吗| www.778678.com-宝马彩票投注方法| www.992447.com-旺彩双色球走势图| www.048299.com-久游彩票坑人吗| www.091968.com-百万彩票中的骗局| www.144030.com-足球体彩-| www.230815.com-彩运8靠谱吗| www.317014.com-湖北快三和值跨度变| www.436179.com-福彩三d静候佳音| www.576314.com-轩彩娱乐注册| www.681114.com-福彩开奖录像| www.715675.com-买彩票中了四等奖| www.794634.cc-微信彩票代玩平台| www.869705.com-网易购彩客户端下载| www.929563.cc-彩16官网下载地址| www.974929.com-中彩网怎样充值| 500彩票www.602454.com| www.ev40.com-福彩快三过年停几天| www.35277.cc-快三输了-| www.522507.com-七彩乐开奖结果今天| www.615725.com-猴彩科技彩票靠谱吗| www.706058.com-体彩时时彩票走势图| www.784302.com-709彩票网址| www.889503.com-七乐彩票手机分享| www.965708.com-江苏快三的中奖方法| 彩69www.911924.com| www.kz22.cc-高福彩是什么意思| www.k69.pw-七天网的彩票靠谱吗| www.33wj.com-竞彩篮球比分分析| www.284338.com-快三总站-| www.53yn.com-国家彩票认证| www.339748.com-网上快三平台靠谱不| www.61ev.com-管吃住彩票站招聘| www.sy16.cc-1分彩票走势图| www.967646.com-百合娱乐玛雅彩票| www.74ux.com-甘肃快三统计表| www.2888.pro-917彩票网-| www.9339.me-吉祥彩彩票| www.70568.cc-下载恒大彩票| www.98486.com-福彩总部在哪里| www.59ci.com-体育彩票能作假吗| www.1944.vip-甘11炫彩控-| www.574576.com-购双色球彩票选号法| www.661726.com-竞彩交税-| www.746898.com-天天爱彩票世界杯| www.819148.com-帮别人玩彩票赚工资| www.885616.com-什么是利彩-| www.963847.com-彩库宝典苹果版官网| 梦想彩票www.33112d.com| www.jf55.cc-派彩十一选五走势图| www.yf54.com-七星彩历期开奖号码| www.20da.com-第19049期体彩| www.591745.com-彩票中奖怎么花| www.399.cn-福彩3d乐彩网下载| www.861342.com-体育彩票任三| www.954907.com-澳洲三分彩-| 天天彩票www.210883.com| www.184898.com-彩票争霸下载| www.oh02.com-北京福彩官方app| www.71iq.com-体彩排列3图迷| www.44199.com-福彩3d实票详情| www.060607.com-海南最大的私彩老板| www.287315.com-快三预测官网| www.95684.com-买体彩好还是福彩好| www.217061.com-有福彩快三的省份| www.365138.cc-安徽彩票弃奖| www.vr43.com-福彩开奖3d中彩网| www.pr68.com-体彩助手二维码| www.2699.cc-牛彩彩民乐| www.06260.com-中国福利彩票走试图| www.zy83.com-何振东竞彩-| www.94mo.com-同志彩票骗局大揭秘| www.290377.com-彩票内蒙古快三| www.822752.com-牛彩网开机号试机号| www.ib41.com-安徽福彩中心地址| www.826043.com-今日彩票必中号码| www.501939.com-美金申请88彩金网| www.pc60.com-河北省彩票-| www.085420.com-红包彩票-| www.079550.com-美国彩票领取规则| www.152820.com-126网络彩票| www.863837.com-中彩票开奖大厅| www.zw22.com-七彩国际影城| www.634256.com-七彩坊怎么样| www.521012.com-重庆时时彩进群| www.125577.com-最新彩迷天地联销图| www.254426.com-好彩彩票官方网站| www.376409.com-体彩开奖18143| www.828223.com-吉购彩app-| www.527591.com-时时彩和值图解| www.978929.com-500mvp彩票-| www.60604.com-极速赛车是全国彩吗| www.co57.com-浙江快三开奖| www.h19.tv-搜索彩票网| www.26au.com-彩票牌照-| www.413.red-聚星彩票app| www.975924.com-狂人时时彩杀号| www.rd01.com-快三大小计划| www.85ne.com-福彩3d365分析| www.894099.com-997彩票app-| www.993307.com-彩票有多挣钱| www.698986.com-彩铅简笔画-| www.779511.com-彩票双色球走势表| www.6he.com-数学和彩票的关系| www.603779.com-足彩外围在哪里买| www.949715.com-给账号代玩时时彩| www.7898.net-合法的彩票网有哪些| www.56373.com-彩富网高手-| www.132937.com-世界杯足彩专家预测| www.339265.com-九五彩票是真的吗|