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.775892.com-石家庄体育彩票中心| www.967691.com-快购彩票赛车| www.lr61.com-大中华彩票靠谱吗| www.11ll.cc-帮别人搭建彩票| www.505922.com-购买黑彩什么罪| www.799979.cc-新手怎么买足球彩票| www.887391.com-彩票开奖漏洞破解| www.963482.com-彩铅风景画简单| www.ha71.com-彩八彩票骗了十万| www.32hz.com-随时赚彩票是真是假| www.2895.xyz-开心8时时彩| www.057107.com-五分快三怎么倍投| www.184934.com-彩神官网邀请码| www.522448.com-我乐时时彩网| www.608610.com-双色球派彩网| www.727535.com-福彩湖北快乐十分钟| www.811667.com-足球彩票竞猜| www.897507.com-福彩标语广告| www.969155.com-福彩公益金分配问题| www.vf31.com-228彩票-| www.dx01.com-297彩票-| www.519899.com-快三能买跨度吗| www.640064.com-下载注册送22彩票| www.731924.com-爱彩彩票网页版| www.806896.com-足彩2串1稳赚不赔| www.889557.com-高频彩票对刷| www.967597.com-3d福彩多久开奖| 爱彩乐www.834918.com| www.720778.com-网络快三赌博揭秘| www.906269.com-彩色射击换东西| www.rn57.com-腾讯qq彩票app| www.77pn.com-五行彩票取数法| www.4051.xyz-彩票318网站| www.17797.com-凤凰国际私彩| www.169852.com-江苏快三开-| www.15je.com-重庆彩票软件| www.789918.com-广西快三和值规律| www.869702.com-唯彩会开奖大厅| www.938477.com-彩运网平台下载安装| www.992096.com-时时彩定胆经验| www.cn15.com-东北人玩彩三天计划| www.708252.com-大发时时彩必中计划| www.797288.com-今日老猫出彩快讯| www.881997.com-体彩直选3中奖规则| www.960464.com-有个app叫竞彩宝| www.cp4743.com-湖北福彩快三玩法| www.295949.com-快三出长龙预兆| www.400618.com-七星彩第一位走势| www.07kh.com-彩票返奖控制| www.67271.com-常德市福彩中心地址| www.5555.com-彩票查询3d试机号| www.62506.com-山东体彩网快乐扑克| www.676765.com-河南省商丘彩礼多少| www.774029.com-福乐彩可以玩吗| www.852452.com-水立方五分彩骗局| www.7460.com-网上体彩店app| www.556149.com-乐彩神真的假的| www.667549.com-彩票得主中奖秘诀| www.826418.com-a3彩票注册-| 福彩www.2109d.com| www.1090.vip-山东体彩中心位置| www.394155.com-天下天空彩免费大全| www.71555.com-利盈彩票下载| www.237945.com-一分钟快三开奖| www.7979.org-网上博彩骗局有哪些| www.52919.cc-南国七星彩高手论坛| www.345418.com-vr彩票老是输| www.889026.com-彩票斩龙-| www.37xy.com-买七星彩用什么软件| www.408146.com-版免费彩票资料大全| www.526118.cc-时时彩翻倍买组三| www.165092.com-中彩在线总经理贺文| www.862745.com-七彩乐结果-| www.276.live-七星彩充值骗局| www.34063.com-天中图库好运彩| www.015344.com-聚丰彩票-| www.227729.com-什么是一分快三| www.443421.com-幸运28彩票官网| www.7683.top-汪彩预测-| www.122845.com-丰顺福利彩票| www.700058.cc-彩客电脑网页| www.828131.com-彩7苹果版app| www.938773.com-亿彩吧-| www.mr18.com-七星彩中奖号查询| www.1479.cm-精彩中国艺术与文化| www.56266.cc-数字型彩票概率| www.025789.com-彩票三彩网安全吗| www.096100.com-四川体彩网金七乐| www.88915.cc-线上买彩票源码| www.3299.cn-万达彩票下载| www.26396.com-三d福彩报纸| www.74825.com-彩色母粒定做| www.88wp.com-985彩票网-| www.134955.com-宝贝计划彩票| www.hp62.com-北京福彩网开奖结果| www.6850.com-乐米彩票中了| www.58322.cc-体彩双色球开奖号| www.003703.com-怎样玩彩票-| www.064654.com-88彩票平台怎么样| www.130090.com-体彩大乐透历史奖金| www.1311.vip-国乐彩怎么样| www.652389.com-福彩开奖是什么时间| www.795885.com-上海福彩下载| www.911666.com-3d福彩组三怎么玩| www.104120.com-香港正规彩票| www.515799.com-领航计划时时彩| www.678214.com-福盈门彩票准成么| www.427455.com-怎么下载买彩票软件| www.7286.vip-小鸡彩虹当中的歌曲| www.p25.com-福利彩广西双彩开奖| www.75dy.com-500彩票电脑版| www.87857.cc-华阳彩票快乐12| www.328599.com-福彩三地专家推荐号| www.905465.com-足彩19051任九| www.074787.com-时时彩开挂-| www.563966.com-qq分分彩投注| www.358955.com-彩票开奖随机选号| www.782955.com-星宇购彩是合法的吗| www.066616.com-2018博彩论坛| www.27mq.com-彩票天天抢红包下载| www.6212.net-彩乐乐小马哥预测| www.108576.com-14场胜负彩奖金| www.zz74.com-七乐彩开奖号| www.100087.com-百宝彩青海快三| www.bk41.com-迅盈快三软件| www.069947.com-彩票3d带线走势| www.350133.com-快三怎么玩不会输| www.gj32.com-福利彩票双色球规则| www.15qm.com-福利彩票门口对联| www.992074.com-时时彩四码技巧方法| www.jh98.cc-发彩网网址是什么| www.p91.cc-彩票一倍流水| www.623661.com-亿盈彩票_购彩平台| www.706019.com-微信登录领取彩金| www.330766.com-彩票追号计算软件| www.591291.com-竞彩输钱了千万| www.t20.online-玩网上彩票怎么拉人| www.979981.com-体育彩票站赚钱吗| www.fk5.com-福利彩票输入查询| www.043862.com-刷彩票漏洞赚钱| www.76682.cc-数字彩票预测法| www.847118.com-竞彩盈亏的区别| www.917553.com-必赢彩票怎么回事| www.974970.com-高频彩票开奖结果| 盈彩www.890752.com| www.ga67.com-酷彩吧官网| www.6597.wang-新西兰彩票大奖| www.964465.com-ok足球竞彩日| www.632486.com-七星彩重奖规则| www.692023.com-时时彩平台出售价格| www.766269.com-福彩三地试机号今天| www.824461.com-福建丹青快三| www.881835.com-彩票注册送彩金| www.086007.com-彩票平台反水比较高| www.166208.com-江苏快三-| www.592609.com-七星彩票手机苹果| www.647898.com-霍金的彩票公式| www.751844.com-一定牛彩票是真是假| www.801770.com-金牛彩票线路导航| www.857390.com-利搏彩票是真是假| www.899254.com-一分钟一期的彩票| www.954073.com-好彩双爆价格| www.991811.com-时时彩后一公式定胆| www.jf9.com-八八彩票-|