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.829131.com-人人中彩票手机下载| www.944211.com-神灯彩票登录入口| www.997757.com-江苏利彩快三群| www.bg17.cc-投彩骗局高富帅| www.ow59.com-福建体彩一官方网站| www.854.win-多彩网开奖开奖结果| www.7987.org-什么是博彩游戏| www.903687.com-安徽快三3不同计划| www.982385.com-遵义彩票销售员| www.aq77.com-遵义体福彩店转让| www.ie7.com-安徽快三预测软件| www.26239.com-描写彩虹的古诗| www.987607.com-彩票倍投计算工具| www.bg74.com-辉煌彩票是骗局吗| www.tf57.com-大发快三预测团队| www.09rr.com-一份彩计划-| 好彩头www.51331a.com| www.33018.cc-江苏省彩票中心| www.98183.cc-今天晚上彩票出奖号| www.5qy.com-一定牛彩票12选5| www.871234.cc-彩专家人工计划下载| www.918506.com-篮球彩票软件推荐| www.989155.com-福彩3d校长推荐| www.ya8.cc-大发彩票苹果app| www.524603.com-网上平台彩票网站| www.316891.com-福利彩票图标意义| www.462005.com-99彩票挂机软件| www.181488.com-9118彩票网-| www.48261.com-腾讯时时彩计划软件| www.144959.com-阿里彩app-| www.r11.shop-体彩买一注多少钱| www.75912.com-博牛彩票查询双色球| www.062421.com-166彩票官网| www.187189.com-时时彩猜豹子| www.jd22.com-体彩足彩竞猜| www.937028.com-臺湾福星彩库图| 361彩票www.361979.com| www.150676.cc-看港中彩网-| www.680184.cc-01彩票软件合法吗| www.760014.com-安徽福彩自助终端机| www.830800.com-粉毒跟彩毒的区别| www.cp5993.com-中国体育彩票| www.04593.com-微信二维码自买足彩| www.66656.cc-足彩8串1的概率| www.792776.com-彩票中奖符如何画| www.5954.cm-幸运中福彩版本4| www.0894.cc-沈丘彩票中奖13亿| www.9118.la-七乐彩2015-| www.49343.com-三分时时彩官方网站| www.214752.com-彩乐漂北京足彩单场| www.785098.com-福利彩票黑幕事件| www.94sw.com-体彩最大的数| www.17782.cc-竞彩足球软件| www.871694.com-博牛彩票可靠吗| www.952534.com-大奖彩票网跑了| 500彩票www.911096.com| www.mr21.cc-中彩吧的骗局| www.10ty.com-四季彩平台登陆| www.33665.cc-快乐彩票网址是什么| www.98ij.com-彩票站点代购黑彩| www.79608.com-广西爱彩乐-| www.059293.com-致富团队牛彩| www.218602.com-彩票平台微信代理| www.d47.com-开远市福彩合买| www.cp9661.com-今日中彩骗局| www.947970.com-衆彩網-| www.954414.com-浙江彩票网12选5| www.407655.com-港彩免费网址大全| www.537129.com-五百体育彩票开奖| www.56876.com-福彩3d结果今天| www.062183.com-7天彩-| www.309721.com-彩票照片能兑奖吗| www.723478.com-江苏福彩领奖须知| www.pr72.com-玩快三输了-| www.359503.com-七星彩私彩回扣| www.507562.com-彩20app下载| www.582617.com-重庆分分彩平台登录| www.86mi.com-新乐彩走势图| www.39581.cc-九歌彩票手机苹果版| www.514958.com-够力七星彩画板下载| www.11036.cc-手机足球彩票app| www.85535.com-篮彩大小分算加时吗| www.289266.com-彩票大小和单双技巧| www.523778.com-预测时时彩号码预测| www.615146.com-彩票七位数怎么买| www.4721.cc-好彩客有多少人玩过| www.85pw.com-体育彩票如何选号| www.2683.me-彩票停卖时间| www.004378.com-重庆老时彩-| www.662247.com-竞彩多久能兑奖| www.846496.com-彩票如果中大奖| www.965852.com-中国福彩中心试机号| www.en54.com-玩彩票快三开奖查询| www.5682.cn-福彩3d杀两码组合| www.53386.cc-时时彩押越大越不中| www.il15.com-新浪爱彩德甲| www.828352.com-榆林开个福彩挣钱吗| www.964821.com-广西快三遗漏号码| www.cp9859.com-彩票app送彩金| www.244884.com-福彩快乐十分机选号| www.04533.com-电话购彩票-| www.76689.cc-中国彩票是最大诈骗| www.232656.com-上海新快三预测方法| www.340991.com-体彩牛材网采摘网| www.446440.com-多彩彩票时时彩平台| www.466947.com-福彩几个中奖| www.439156.com-360官方彩票| www.603715.com-彩票中奖会怎样| www.702976.com-彩票0369技巧| www.774236.com-怎么买双色球彩票| www.929693.com-彩8计划助手| www.978499.com-好彩官网是正规的吗| www.zs99.cc-福利彩票规则及玩法| www.56vv.com-乐亿彩票乐逸报| www.1871.com-彩46app下载| www.101.cm-大众彩票官方| www.061809.com-彩客网苹果怎么下载| www.832093.com-银行卡绑定了彩票| www.970267.com-福彩排列三开奖规则| www.qp14.com-pc蛋蛋是正规彩票| www.07ru.com-彩铅飞翔的鲸鱼| www.772945.com-最佳彩票投注平台| 网易彩票www.063wy.com| www.34cs.com-七星彩最新信息| www.790424.com-天天中彩吧3d图迷| www.932128.com-彩票公式杀码软件| www.276283.com-安徽快三到几点| www.413328.com-豫彩通app下载| www.010558.com-凤凰私彩平台| www.4488.love-离我最近的福彩站点| www.n51.shop-中福彩票网址下载| www.035735.com-体彩排列三猜谜| www.21191.com-8体彩屋-| www.002334.com-竞彩足彩计算器| www.077395.com-网上彩票中大奖的吗| www.844525.com-加盟福利彩票收入| www.912798.com-新浪彩票双色球数字| www.36292.cc-中国福彩双包球| www.722806.com-小鹿多彩为啥下不了| www.396409.com-星期天彩票开奖| www.910716.com-中国足彩网正规吗| www.0423.site-体彩481走势| www.577524.com-中国福彩赛车pk拾| www.650509.com-南京福利快三走势图| www.300881.com-人人中彩票咋样| www.146258.com-567彩票安卓版| www.10hk.com-彩38全套源码| www.98tb.com-台湾五分彩注册| www.22582.com-九州彩票下载| www.79228.cc-银河彩票手机网投| www.455974.com-手机买彩票如何领奖| www.67998.com-吉彩全部彩种| www.27xa.com-福利彩票用户注册| www.0469.net-亚洲彩票论坛| www.602306.com-福利彩票利润怎么算| www.680423.com-彩拾彩票正规吗| www.738870.com-彩球彩票-| www.800570.com-快钱彩票怎么玩法| www.865831.com-凤凰私彩平台| www.918038.com-3d彩吧开机号| www.968799.com-刷彩金违法吗| 500彩票www.50074h.com| www.250218.com-下载红彩app| www.233885.com-福彩3d字继-|