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天

知道了
58福彩 www.966361.com-福彩排三-| www.ga11.com-刷彩票犯法吗| www.95794.com-公益彩票玩法规则| www.243327.com-快彩网是合法的吗| www.758170.com-顶尖团队彩票计划| www.cai266.com-快三平台怎么赚钱| www.690153.com-新浪爱彩足彩胜负彩| www.857108.com-菲律宾马尼拉彩票| www.021824.com-微信竞彩群-| www.54io.com-唏关彩外国人| www.9996.gg-彩票老是中一两个球| www.012048.com-金钱豹彩票-| www.110597.com-彩九官网下载安装| www.266955.com-快三第一门户邀请码| www.3144.cm-57彩票开奖结果| www.972895.com-彩票贴吧百度| www.740024.com-福利彩票有多少号码| www.365543.cc-手绘彩铅简笔画星空| www.596211.com-实时彩计划-| www.88068.cc-彩票黑平台都有哪些| www.119523.com-彩票最佳对联| www.236102.com-足彩14直播-| 500彩票网www.922109.com| www.190771.com-快三输了怎么上岸| www.861290.com-安徽体彩申请| www.964674.com-足球彩票十四场开奖| www.cu19.com-有信誉的彩票平台| www.hy79.com-福彩快三到底是什么| www.20tv.com-大智慧彩票概念| www.656371.com-博友彩合法吗| www.144048.com-竞彩威廉怎么看平局| www.253589.com-大发时时彩稳赢计划| www.216303.com-马来西亚分分彩开奖| www.298705.com-福彩3d奖结果今天| www.133934.com-福彩36选7好彩3| www.229079.com-到彩票店买彩票流程| www.004040.com-动物总动员彩票| www.8317.loan-500万彩票3d| www.40922.com-亚洲彩票登-| www.372265.com-安徽省彩票中心| www.79387.com-体彩黑龙江11| www.035512.com-快3彩票群-| www.116031.com-买足球彩票规则| www.628428.com-中国福利彩票扫一扫| www.027789.com-易彩网合不合法| www.881682.com-35彩票平台骗局| www.241338.com-老版彩库-| www.153003.com-玩彩票输了怎么办| www.256436.com-官方彩下载安装| www.340398.com-黑白图库一期期好彩| www.176975.com-三分快三投注技巧| www.331005.com-大发0234彩-| www.w58.org-京东能卖彩票么| www.72ry.com-足彩妖刀专家推荐号| www.1278.cc-乐彩网站诈骗| www.49zt.com-足彩总进球怎么开奖| www.018558.com-彩票分析软件破解版| www.362102.com-易赢彩票网-| www.533189.com-亿彩票靠谱吗| www.9500.org-大数定律玩彩票| www.097232.com-中国体育彩票电脑版| www.178659.com-中国体彩官方app| www.1fl.com-如何中彩票-| www.234413.com-九州彩票-| www.309390.com-体育彩票二串一| www.381581.com-福利彩票能中奖吗| www.627053.com-38彩票网址是什么| www.6189.com-3d杀号定胆彩乐乐| www.019531.com-福彩3d神六鬼算| www.v31.net-手机买竞彩怎么买| www.127423.com-迪士尼彩票为人类建| www.585619.com-博彩老平台-| www.701399.com-河南体彩网申请| www.818586.com-河北邢台福彩中心| www.938396.com-亿彩下载苹果| www.661002.com-霍华德的彩票书籍| www.pk23.com-快三宝典下载| www.681311.com-兴盈快三能代理吗| www.824500.com-博彩app软件加盟| www.949535.com-彩77最新版本| www.484879.com-北京新彩量科技如何| www.658631.com-七星彩当前遗漏| www.775508.com-福彩快3速查表图片| www.978903.com-河南快三兑奖日| www.lw92.com-快三高手下载| www.21pz.cc-体彩考试答案| www.215448.com-彩票数字达人| www.787874.com-新浪手机彩票开奖| www.901110.com-3d彩界小少爷独胆| www.979404.com-广两快三开奖结果控| www.313636.com-体彩票-| www.431192.com-利彩网首页-| www.569192.com-全天时彩计划在线| www.671232.com-彩一网正版藏机图| www.815639.com-福彩排3开奖结果| www.940838.com-幸运快三开奖不一样| 超级彩票www.799200.com| www.53610.com-盐城竞彩店-| www.761644.com-韩国彩票玩法规则| www.08rh.com-古典美人彩铅画图片| www.93bn.com-生日彩票-| www.99zr.com-福彩新彩票网| www.353303.com-7116con彩票| www.an59.com-3分快三全天计划| www.473210.com-彩乐园2在哪下载| www.547576.com-玩赚彩票手机版下载| www.279236.com-微信彩票群骗局| www.356947.com-彩票中的钱怎么办| www.220090.com-快三大全平台| www.18hq.com-易彩票趋势图表| www.409836.com-收到体育彩票扑克| www.529502.com-直播刮彩票违法吗| www.689884.com-66彩票网6516| www.12mz.com-7彩娱乐app下载| www.3427.me-256买彩票官网| www.rk21.com-各种釉彩大瓶感想| www.734149.com-彩61是合法的吗| www.828426.com-彩16下载app| www.89499.com-易点彩票手机版| www.851881.com-爱彩乐11选五辽宁| www.936360.com-姜山足彩推荐| www.995691.com-北京福彩pk拾玩法| www.xq9.com-北京快三群拉我| www.1941.wang-百度中国彩吧| www.814008.com-博彩国际平台登录| www.128094.com-彩虹草地图片| www.27622.cc-数学家研究彩票规律| www.640802.com-彩票创意图-| www.323961.com-旧版爱乐透彩票| www.06439.com-打黑彩票欠庄家钱| www.178934.com-福彩快3新快三| www.312103.com-彩票分析系统| www.518080.com-一分钟大发快三| www.391980.com-手机可以买足彩吗| www.ge27.com-湖北快三游戏开奖| www.ue32.com-体彩金七乐玩法| www.qc76.com-福彩官方app| www.06mk.com-体育彩开奖记录| www.14866.cc-彩票大赢家走势图表| www.66989.com-周边哪里有福彩店| www.041338.com-江苏快三福彩开奖号| www.886905.com-大马彩票开奖| www.846660.com-小崔看体彩-| www.456130.com-香港球彩live| www.557330.com-水彩画图片简单画花| www.632506.com-中国彩票软件下载| www.721691.com-黑龙江大庆快三查询| www.828044.com-中体彩大乐透走势图| www.915055.com-体彩天下安装| www.987835.com-甘肃张掖快三| www.27uu.com-小伙走投无路中彩票| www.2371.vip-七彩云浏览器下载| www.057608.com-彩神3怎么玩| www.306773.com-jxc68吉祥彩票| www.279293.com-浙江福彩网官网| www.52zc.com-彩无敌计划-| www.848062.com-福利彩票三d彩票图| www.2382.pw-七彩山鸡苗那里有卖| www.190095.com-彩票开奖查诃| www.791640.com-亿乐彩提现不成功| www.890137.com-外围彩票能赢吗| www.982746.com-上海体彩电话投注| www.cp3797.com-快三中奖助手官网| www.523393.com-15期喜彩开奖结果|