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.89569.com-黄鹤楼迷彩细烟| www.531732.com-彩库宝典安卓旧版| www.710050.com-套平台彩金后果| www.837511.com-立彩彩票官网| www.941060.com-我想代理一个时时彩| www.cai7577.com快三开奖结果助手| www.d44.org-七星彩梦册解梦大全| www.yh21.cc-湖北快三昨天未出号| www.877350.com-彩专家网址-| www.639228.com-山西太原体彩| www.878567.com-财富彩票app下载| www.960078.com-泰安彩票3亿| www.zn6.com-广西彩票官网| www.373938.com-山东体彩站点编号| www.ev64.com-旺彩预测-| www.572.date-时时彩豹子出号技巧| www.5505.net-彩虹物语-| www.128162.com-3d字谜彩吧-| www.222223.com-中华快三-| www.307078.com-天津五分彩开奖结果| www.392068.com-万彩彩票是正规吗| www.19155.cc-福彩天气网保真| www.91922.com-丰彩有中奖的吗| www.062704.com-大发快三优信彩票| www.209567.com-黑彩为什么总是输| www.336609.com-乐猫彩票安卓版下载| www.494808.com-浙江快乐彩票12先| www.659343.com-博彩免费源码| www.940314.com-吉林快三玩家| www.293733.com-赛车彩票骗局| www.120292.com-百万发彩官方下载| www.636575.com-彩虹之歌儿歌中文| www.817806.com-北京快三两码遗漏| www.919752.com-彩票平台系统| www.988811.cc-时时彩下载安装苹果| www.vn24.com-查询甘肃快三一定牛| www.819187.com-彩票平刷原理| www.977670.com-足球彩票心得| www.nt56.com-吉林快三遗漏的号码| www.091.link-大中华彩票线路导航| www.98lz.com-博彩交流网-| www.4195.org-七彩凤凰教育网| www.186891.com-快三秒奶茶店电话| www.9329.online大马彩彩票马来西亚| www.365954.cc-福彩的开奖号| www.501378.com-用手机买体育彩票| www.603775.com-阿彩帝凰之神医弃妃| www.0086.top-福彩有哪些品种| www.160000.cc-下载app500彩| www.230877.com-福利彩吧有多久了| www.316081.com-体彩店申请-| www.592183.com-彩票318网站| www.689007.com-手机上购买福利彩票| www.778904.com-彩报网3d专家预测| www.970223.com-网络彩票老师带单| www.cai1922.com时时彩5星走势图| www.rw67.com-神圣彩票客户端下载| www.04hv.com-足彩漏洞有哪些| www.718.name-淘宝彩票网走势图表| www.423655.com-张星彩图片-| www.054887.com-参与黑彩的会判刑吗| www.ox0.com-拉萨体彩十一选五| www.188503.com-内蒙快三规律| www.65qy.com-众彩网黑蝴蝶预测| www.2227.space-约彩365种了5万| www.12184.com-测彩票神准的高人| www.021429.com-亚慱彩票app| www.44404.cc-万万彩吧彩票| www.05379.com-51彩下载安装| www.453999.com-复合彩光祛斑| www.971707.com-菜彩票开奖查询| www.cp9311.com-河北快三一定牛推荐| www.594991.com-奇妙时时彩k线软件| www.737413.com-彩吧论坛天齐网首业| www.869435.com-手机怎样买七星彩| www.978956.com-南粤风采好彩一推介| www.ba11.com-网彩骗局-| www.62dk.com-赌生肖的是什么彩| www.373672.com-竞彩足球怎么玩| www.1096.biz-竞彩有神单吗| www.857038.com-基诺彩开奖-| www.982702.com-上海福利彩票地址| www.f17.club-众彩彩票是骗局揭秘| www.073590.com-云南福彩彩票开奖| www.567282.com-多彩贵州新闻网| www.058575.com-彩界小帅哥-| www.98mx.com-江西快三开奖公告| www.6331.top-3d彩票几天一开奖| www.055813.com-一分快三外挂使用| www.956946.com-百彩网二四六| 博乐彩票www.35918l.com| www.cd05.com-福彩快三号码图| www.984634.com-乐8网彩票靠谱吗| www.sw8.com-上海快三预测专家号| www.nr12.com-尊彩安全吗-| www.063186.com-福彩机子可以退吗| www.027159.com-078彩票官网| www.950784.com-8亿彩是骗局吗| www.ff59.com-安徽快三下载app| www.d48.net-3d型彩票中奖战术| www.183712.com-北京快三推测| www.000664.com-江苏快三软件有吗| www.69641.com-陕西省福彩快乐十分| www.11582.cc-豪彩烟-| www.qb49.com-彩票应用-| www.648104.com-最好的网上彩票投注| www.1072.vip-时时彩改倍率骗局| www.44749.com-网上买彩票跟群计划| www.220879.com-旺彩预测-| www.358420.com-时时彩建站教程| www.519042.com-国际高频彩票| www.650829.com-水彩初学教程| www.778527.com-釉中彩好吗-| www.937451.com-福彩7乐彩复式| www.fr12.com-e球彩规则-| www.40it.com-代理网络彩票犯法吗| www.506393.com-3d彩吧图库∞| www.812615.com-福彩3d书籍排行榜| www.957724.com-福彩三d速查表| www.cai6161.com甘肃快三预测| www.ze2.com-彩票本钱少很难赢的| www.33xt.com-彩票合质是什么意思| www.gr75.com-好彩烟代购-| www.165146.com-彩票中奖几率有多大| www.585969.cc-彩票现金盘平台| www.398050.com-彩票猜大小单双句| www.085515.com-时时彩跨度怎么算| www.263537.com-手机在线app体彩| www.432797.com-测算彩票中奖| www.579977.com-七星彩小说讲的什么| www.716349.com-彩铅人物古风| www.955674.com-足彩胜负彩奖金预测| www.0yq.com-体彩和福彩哪里买| www.4543.org-腾讯五分彩人工计划| www.0517.org-新浪爱彩3d走势图| www.7035.vip-足彩篮球彩规则| www.38495.com-海南七星彩下注软件| www.91856.cc-好彩三八解什么动物| www.065289.com-亚洲彩票快三| www.0339.loan-中彩票手机客户端| www.267813.com-北京市快三开奖查询| www.5rq.com-英国彩票税收| www.536976.com-福建体彩现场直播室| www.146132.com-体育彩票有多少种| www.4812.cc-长治市福利彩票中心| www.2257.live-彩票开奖查询排列| www.648104.com-最好的网上彩票投注| www.16899.cc-彩神争争霸ll| www.268506.com-竞彩猫好彩频道| www.180084.com-内蒙古快三历史遗漏| www.39106.com-好彩堂马会开奖记录| www.4qp.cc-怎么买才能中彩票| www.689881.com-云南福彩快乐十分遗| www.8856.date-计划彩票正规平台| www.01666.com-彩金是什么游戏| www.197740.com-福彩快三黑幕| www.892500.com-福彩杀号软件| www.963948.com-500w足彩-| 全民彩票www.53539.cc| www.bo75.com-中信彩票平台正规吗| www.po16.com-辽宁体育彩票| www.930932.com-360体彩七星彩| www.cai2789.com1分快3彩票官网| www.310993.com-福利彩票七乐彩购买|