QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jquery实现顶部固定导航下拉菜单代码

原创商用 jquery实现顶部固定导航下拉菜单代码

jquery 实现二级导航以及导航浮动特效,二级下拉菜单,以及页面滚动导航浮动顶部。电话号码属于特殊字体,如需要 必须单独引入字体,不需要删除即可。jquery superslide开发,均有备注,参数可修改,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

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="subMenu ui-header">
	<div class="ui-header-box">
		<a href="index.html" class="ui-header-logo">
			<img src="images/logo.png" alt="">
		</a>
		<div class="ui-header-tel">
			<a href="javascript:;">400-660-xxxx</a>
		</div>
		<div class="ui-header-qq">
			<a href="#">QQ咨询</a>
		</div>
		<div class="ui-header-nav">
			<dl>
				<dd class="on">
					<h3>首页</h3>
				</dd>
				<dd>
					<h3>网站建设</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>建站报价</h3>
				</dd>
				<dd>
					<h3>客户案例</h3>
				</dd>
				<dd>
					<h3>全国网点</h3>
				</dd>
				<dd>
					<h3>关于我们</h3>
					<ul style="top:75px;">
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">企业文化</a>
						</li>
						<li>
							<a href="#">发展历程</a>
						</li>
					</ul>
				</dd>
			</dl>
		</div>
	</div>
</div>
<div class="banner-bg"></div> <!-- 蓝色背景图  可删除   -->
<div style="height:1000px;"></div>

<script type="text/javascript">
	
	jQuery(".ui-header-nav").slide({
		type: "menu",
		titCell: "dd",
		targetCell: "ul",
		delayTime: 0,
		defaultPlay: false,
		returnDefault: true
	});

	$(document).ready( function() {

		$('.subMenu').smint({

			'scrollSpeed' : 1000

		});

	});

	(function() {
			$.fn.smint = function(options) {
				$(this).addClass('ui-header')
				var settings = $.extend({
					'scrollSpeed ': 500
				}, options);
				return $('.ui-header a').each(function() {
					if (settings.scrollSpeed) {
						var scrollSpeed = settings.scrollSpeed
					}
					var stickyTop = $('.ui-header').offset().top;
					var stickyMenu = function() {
						var scrollTop = $(window).scrollTop();
						if (scrollTop > stickyTop) {
							$('.ui-header').css({
								'position': 'fixed',
								'top': 0
							}).addClass('fixed');
						} else {
							$('.ui-header').css({
								'position': 'absolute',
								'top': stickyTop
							}).removeClass('fixed');
						}
					};
					stickyMenu();
					$(window).scroll(function() {
						stickyMenu();
					});
					$(this).on('click', function(e) {
						var selectorHeight = $('.ui-header').height();
						e.preventDefault();
						var id = $(this).attr('id');
						var goTo = $('div.' + id).offset().top - selectorHeight;
						$("html, body").animate({
							scrollTop: goTo
						}, scrollSpeed);
					});
				});
			}
		}
	)();

</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
中乐彩票 www.108535.com-好用的彩票软件| www.63jn.com-彩票基诺游戏是什么| www.307989.com-彩票修复教程| www.485791.com-最新白菜彩金网论坛| www.589848.com-7星彩开奖走势图| www.684238.com-彩经-| www.774702.com-快三可以买和值吗| www.917320.com-必赢彩票软件| www.998323.com-易博彩票安全吗| www.cy50.com-定制彩票软件| www.h46.net-乐彩网双色球静态版| www.73zi.com-3d黑彩盘-| www.4263.vip-甘肃快三历史开奖| www.369931.com-1分快三是官方彩吗| www.973177.com-彩虹哥可靠吗| www.dl30.com-甘肃快三预测号| www.d53.loan-用人工智能预测彩票| www.42az.com-爱尔兰有哪些彩票| www.53285.cc-网彩平台代理违法吗| www.618638.com-中国福彩消宝石玩法| www.31ij.com-竞彩有稳赚的吗| www.952360.com-8888彩票可靠吗| www.599529.com-买彩票去实体店| www.690068.com-足彩了310星相图| www.46474.com-怎么下载时时彩宝典| www.cp53.com-极速快三必出码技巧| www.8841.biz-神奇的二组彩票数字| www.581796.com-河北福利彩票中奖| www.696006.com-彩票网址哪个好| www.798422.com-彩票怎么看号才中奖| www.920369.com-百万彩票一今日盈亏| www.cp451.com-一分快三是官方的吗| www.029620.com-利彩是什么平台| www.166117.com-快三网站-| www.265226.com-福降天下牛彩| www.78130.com-新浪胜负彩比分| www.954493.com-彩宝-| www.ld.com-国家江苏快三| www.0qu.com-足彩专家每日推荐| www.8522.space-时时彩公式软件安卓| www.38339.cc-私彩案-| www.05109.com-黄金兑换彩金亏本吗| www.365245.cc-购彩iv登录-| www.127686.com-彩虹主站官网| www.42640.com-中彩一-| www.092891.com-福彩6十丨开奖结果| www.863357.com-彩票19029-| www.984369.com-呜彩-| www.0841.vip-时时彩宝宝计划官网| www.787313.com-雪园足彩比分直播| www.872380.com-福彩三d开奘结果| www.952347.com-广东快乐十分彩乐乐| 优点彩票www.135580.com| www.470707.com-排列3走势图乐彩网| www.833997.com-好彩多少钱-| www.958082.com-买彩票3d的方法| www.wc66.com-福利彩票开奖结果| www.910376.com-3d福彩开奖时间| 豪彩VIPwww.9fk.com| www.276244.com-福彩中奖几率| www.391831.com-彩票每天开售时间| www.21nq.com-福彩3d胆码图库| www.8329.biz-七星彩心灵码仙说| www.370422.com-线上四季彩平台注册| www.699920.com-彩客站大发快| www.662678.com-免费彩票计划网页版| www.2025.net-河南福彩豫彩通助手| www.917818.com-彩虹吉他谱简单版| www.635422.com-澳门5k彩票-| www.790193.com-顾乡牌局好彩牛牛| www.qy06.com-上海快三开奖易看懂| www.87hd.com-金口诀测彩票蓝码| www.62129.cc-体彩排列三藏机诗| www.97983.cc-专业时时彩软件| www.137342.com-六开彩app-| www.338453.com-永诚彩票app| www.551746.com-帮朋友买彩票| www.074.tv-广发彩票登录| www.987133.com-辽宁快三每天多少期| www.wx66.cc-1分快三走势表| www.301274.com-福彩七乐彩怎么中奖| www.437767.com-天天彩票是否正规| www.740479.com-梦见的彩票号| www.5991.biz-彩票酷彩网-| www.704508.com-128福彩官网| www.001664.com-聚富彩手机旧版| www.335766.com-快三开奖公告| www.363473.com-鼎吉国际彩票怎么样| www.551783.com-众购乐彩票-| www.640565.com-爱彩人ios下载| www.ya22.com-吉祥彩票聊天室| www.877163.com-澳客彩票ios下载| www.996220.com-北京足彩单场| www.pb18.com-吉林快三出号| www.072064.com-人人中彩票真的吗| www.895554.com-一定牛甘肃快三| www.cai3909.com快三彩票计划骗局| www.99jr.com-五行绝算彩票原文| www.782351.com-网易江苏快三| www.wh95.com-体彩开机号-| www.670303.com-福彩3d中猜1d| 众乐彩票www.689744.com| www.b51.net-重庆时时彩有官网| www.78dx.com-中国足彩合法吗| www.4031.shop-香港十大博彩公司| www.12571.com-时时彩大小有规律吗| www.002986.com-环球全民时时彩| www.088942.com-体彩11选5爱乐彩| www.191229.com-内蒙快三app| www.258127.com-乐优炫彩下载| www.322179.com-123彩票官方网| www.659777.com-彩票查看中心双色球| www.dm9.com-中发彩票快3骗局| www.zi57.com-时时乐上海彩票| www.275118.com-快三计划预测| www.9787.top-哪些彩票软件送钱| www.315632.com-彩35彩票平台| www.454701.com-金冠彩票网-| www.511191.com-往彩虹天堂-| www.973469.com-有彩虹的头像| www.wy22.com-彩票分析大师app| www.808613.com-玩什么彩票的人多| www.231926.com-357彩票-| www.527988.com-重庆时时彩统计软件| www.247029.com-彩票分析师收入| www.144676.com-唯彩看球app| www.078065.com-彩票事件-| www.825.red-好彩官网-| www.357526.com-美国彩票计算| www.443185.com-网易红彩五星指数| www.3891.bid-18k彩金手镯| www.088802.com-大福彩票是不是骗| www.688994.com-新彩票安卓下载| www.635702.com-七彩阳光全民健身| www.738780.com-代买彩票忘了打了| www.807312.com-澳门福乐彩现场开奖| www.761794.com-彩之家主页| www.664889.com-彩民之家75581| www.ks07.com-上海快三开盘时间| www.541355.com-济南彩箱厂-| www.611936.com-万彩吧彩票双色预测| www.693861.com-体彩双色球机选号码| www.768020.com-彩名堂苹果手机版| www.821974.com-七星彩18144| www.885083.com-合肥福彩发行中心| www.948929.com-优彩网平台-| www.993522.com-足彩玩法详细介绍| www.in81.com-山东彩票沙龙| www.lq04.com-旺彩工具箱-| www.027969.com-工益福彩-| www.54yq.com-3d彩吧助手遗漏| www.56uf.com-附近体彩站离多远| www.69168.com-印尼分分彩破解| www.773893.com-怎么搞个时时彩盘| www.kc85.com-彩票倍投公式| www.758881.com-大发快3什么彩票| www.79nz.com-彩票排列三怎么玩| www.033960.com-彩票有什么技巧| www.178210.com-内蒙古快三购买技巧| www.31em.com-南京体彩办公室主任| www.227665.com-福彩有没有一分快三| www.310709.com-甘肃体彩排三走势图| www.365815.cc-彩铅线描动物图片| www.cp9923.com-南宁快三开奖结果|