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.32163.com-go彩网手机版| www.126492.com-福彩被破解-| www.015488.com-非凡彩票走势图| --湖北福利快三预测| www.927326.com-易网体彩直播| www.499422.com-刷优胜赚彩金| www.90ys.com-五分彩五但走势| www.350178.com-负债累累彩票救命| www.42hk.com-足彩术语解释| www.8646.cn-中乐彩官方网| www.293423.com-江苏体彩快十一选五| www.532371.com-买彩票中奖秘籍| www.750041.com-中彩人前都有征兆| www.030722.com-大马彩票违法吗| www.220293.com-禁止互联网销售彩票| www.636882.com-天空挂彩虹儿歌| www.811082.com-彩票中一等奖概率| www.956107.com-500彩下载-| www.38jx.com-马家窑彩陶王| www.5234.xyz-山西派彩每日推荐| www.538399.com-彩票品类及奖金| www.418027.com-网络投彩平台安全吗| www.130354.com-3d彩票非凡走势图| www.293502.com-易彩快买单双技巧| www.2685.cm-彩票注册就送彩金| www.58923.com-南宁彩票系统开发| www.740945.com-48彩票官网-| www.839870.com-体彩责任彩票是什么| www.930833.com-体彩竞彩兑奖规则| www.999086.com-乐汇彩网站-| www.gs98.com-江苏彩票七位数| www.c19.bid-七星彩奥客定胆杀号| www.43sq.com-出彩的同义词有哪些| www.0919.live-合买彩票优势| www.11996.com-韩国乐乐彩-| www.34930.com-棋牌彩金是什么意思| www.665690.com-宁海体彩店无权| www.562339.com-吉林省新快三| www.768612.com-福利彩票咋玩法| www.908218.com-合肥齐豪快三走势图| 彩票58www.587335.com| www.tl57.com-彩票网站送彩金| www.087.org-今日足彩稳胆| www.83738.cc-中彩票的坏处| www.948343.com-排五走势图彩吧助手| www.932763.com-神圣彩票网址多少| www.493878.com-福彩3家彩网| www.646323.com-优彩网官网下载安装| www.828623.com-彩票9官网-| www.973924.com-下载500万彩票网| www.s48.bid-博彩免费体验金论坛| www.417972.com-盛大28彩票-| www.35lr.com-富彩三d-| www.2230.cc-正规彩票赚钱项目| www.981066.cc-七彩建设北京分公司| www.m83.top-买彩票倾家荡产| www.97vj.com-玩彩票总是输| www.557546.com-中国福利彩票得奖人| www.34829.com-微信能玩快三吗| www.127313.com-007彩票-| www.265837.com-宁夏福利彩票| www.727.cm-今晚竞彩足球比赛| www.30rc.com-青岛体彩兑奖| www.352654.com-黑彩网址怎么举报| www.437705.com-星彩无惨妖气漫画网| www.657246.com-快乐时时彩游戏机| www.755701.com-意大利快三-| www.826723.com-时彩族时时彩论坛| www.890540.cc-中彩网统计图走势图| www.956351.com-七星彩开奖码| 凤凰彩票www.77803f.com| www.fg43.com-快三中奖概率最高| www.385362.com-吉祥彩登录官网| www.506568.com-五行预测彩票电子版| www.581776.com-每天签到的彩票平台| www.649660.com-排列五开奖彩宝贝| www.730483.com-网络彩票代理返点| www.802608.com-长沙市福利彩票中心| www.876141.com-1516彩票注册| www.936120.com-速8彩票提现不到账| www.983574.com-外围体彩软件下载| www.fs5.com-彩票预测网-| www.qr96.com-甘肃体彩排三势图| www.3cy.cc-最有实力的黑彩平台| www.77882.cc-智慧彩是什么意思| www.305458.com-新手入门买彩票| www.698209.com-中国彩巴-| www.294343.com-大发彩票能提现吗| www.923342.com-彩票实体店未来趋势| 中国福利彩票www.6364g.com| www.fw11.cc-彩票微信群怎么加| www.276235.com-派彩网电子走势图| www.948146.com-双色球神彩福牛杀号| www.740037.com-时时彩走势360| www.669409.com-体彩大乐透是真是假| www.855940.com-时时彩大数据规律| 爱米彩www.am7654.com| www.300.red-为什么彩票越买越输| www.04724.com-用手机怎么买足彩| www.4778.cm-福利三分彩全天计划| www.03070.com-网络彩票害死人| www.907667.com-福利彩票4选4| www.967888.cc-彩票能中奖吗| 通盈彩票www.848566.com| www.072339.com-河南快三开奖记录| www.1871.space-春节彩票小卖场分享| www.807518.com-博客彩-| www.895091.com-购彩网是真的吗| www.977458.com-大牌彩妆店-| www.zl73.com-吉林快三是个骗局吗| www.64xm.com-中国体彩二维码怎扫| www.4684.cm-彩票可以连买多少期| www.959351.com-手机买快乐十分彩票| 55世纪www.202115.com| www.985843.com-足彩胜负彩推荐分析| www.cv72.com-快三彩票网注册代理| www.328879.com-湖北快三好吗| www.399153.com-七星彩豹子号图片| www.505409.com-胜彩官方-| www.36088.com-苹果彩票com| www.656371.com-博友彩合法吗| www.816055.com-福彩三地字典之谜| www.895117.com-彩6是正规的吗| www.961554.com-四川省福彩网| 大赢家彩票平台www.210613.com| www.lp32.com-彩票12安卓-| www.216254.com-快三看跨度出豹子| www.764081.com-彩038-| www.811041.com-彩云易散-| www.880070.com-詹天佑福彩3d点评| www.971416.com-众购彩票导航| www.i01.org-福彩七乐彩几个中奖| www.64gw.com-唯彩视频-| www.087609.com-五亿彩提现-| www.68665.com-福彩10分钟大转盘| www.720811.cc-福彩快三网投首页| www.223351.com-五分彩app下载| www.228249.com-河南哪里彩礼最高| www.611678.com-申请体育彩票流程| www.08674.com-福利彩票429| www.h23.com-彩票开奖查询历史| www.2898.top-诺亚彩票下载| www.37345.com-金山彩票下载| www.528375.com-福彩双色球去哪兑奖| www.082335.com-手机买快三-| www.12363.com-广州市体育彩票兑奖| www.50638.com-奥克彩票网-| www.91833.com-好彩一八解什么数字| www.107450.com-手机85彩票靠谱吗| www.791697.com-七乐彩在线中奖查询| www.95133.com-淘宝彩妆店铺推荐| www.079557.com-竞彩篮球玩法| www.485321.com-18世界杯有啥彩票| www.583872.com-看彩票走势图| www.666979.com-乐彩客骗局-| www.758001.com-技术流彩票彩票预测| www.813457.com-浙江福彩网12选5| www.910057.com-福彩3d第一版| www.972001.com-时时彩免费全套源码| 博友彩www.321953.com| www.od29.com-中国福体彩开奖| www.15jb.com-快三二不同-| www.291.tv-环球彩票平台登陆| www.977300.com-内乡彩礼-|