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天

知道了
1分快三 www.j08.org-快三怎么买才能赚钱| www.364.cn-最新万豪福彩下载| 网易彩票www.485648.com| www.26282.com-彩票的税2019| www.279657.com-高频彩连赢三年| www.435180.com-彩票兑换中心商品| www.019564.com-湖南体彩赛车走势表| www.357808.com-幸运彩票平台可靠吗| www.074787.com-时时彩开挂-| www.386956.com-凤彩网登录注册| www.781374.com-微彩吧举报-| www.989490.com-福彩双色球四幻球| www.yt39.com-长春彩票中奖| www.3895.net-网易竞彩单场| www.739835.com-下载1216彩票| www.940302.com-吉林福彩快三网址| www.rs26.com-彩票赔投-| www.831256.com-4月足彩-| www.926187.com-易彩快-| www.989168.com-彩票机器多少钱一台| www.eu63.com-快三算法大小单双| www.a58.club-竞彩输钱-| www.71nr.com-足彩14场胜负玩法| www.zm28.com-内蒙古快三开奖时间| www.3888.pro-深圳体育彩票规模| www.o98.cn-彩票绝技宝典| www.1733.vip-彩神viii下载| www.87yg.com-百乐彩票登录| www.7927.biz-七彩椒图片-| www.725392.com-彩6ios版本下载| www.805373.com-七乐彩中奖新的| www.874799.com-彩吧图谜第五版| www.952224.com-中利彩票下载| www.cp174.com-神州数彩票软件| www.ws37.cc-吉林福彩三d走势图| www.41py.com-辽宁体彩爱彩乐| www.0657.in-九场胜负彩-| www.8616.xyz-最新足彩开奖奖金| www.92273.cc-福彩双色球字谜解释| www.117751.com-足彩竞彩360| www.217228.com-中国彩票网-| www.789258.com-爆炸头足彩博客| www.511218.com-周杰伦彩虹| www.583269.com-彩色装饰画猪| www.663561.com-赛车彩-| www.739874.com-福彩888预测3d| www.805726.com-中国体彩分类| www.873453.com-中彩网三地推荐号码| www.ek17.com-55125中国彩吧| www.a32.org-官方时时彩有哪些| www.30hk.com-福利彩票刮刮乐下载| www.044.cx-什么app玩时时彩| www.13zp.com-五分⑥和彩方法| www.0027.in-福利彩票是几位数字| www.064242.com-3d彩票中奖规则| www.452769.com-2017体彩业务员| www.561376.com-彩票3d图库-| www.662870.com-国彩赚钱吗-| www.761714.com-时时彩牛牛开奖查询| www.882961.com-彩票内部中奖骗局| www.8009.link-小班彩虹伞教案反思| www.969426.com-酷彩吧提现-| www.086038.com-聚时彩计划聊天室| www.137354.com-福彩快三守号计划表| www.234589.com-快三大小单双买法| www.326060.com-体彩19019-| www.388249.com-华彩管理-| www.506299.com-彩票大小软件| www.7961.biz-澳门博彩业一年税收| www.308785.com-彩票开奖查询排列五| www.826133.com-2元彩票图表| www.899050.com-福利彩票117期| www.978131.com-成都乐至县彩钢房| www.wx7.com-中国星彩3d论坛| www.po84.com-360彩网首页| www.10mv.com-云南体彩3d走势| www.7557.in-天天幸运中彩票| www.26622.com-七星彩内部透露| www.809422.com-体彩排三出奖号| www.895701.com-博彩套利贴吧| www.973087.com-彩虹六号ps4| www.cp53.com-极速快三必出码技巧| www.530361.com-中国竟彩比分直播| www.657386.com-七星彩制作规律表| www.095163.com-外围足彩网站| www.506996.com-陕西快乐十分钟体彩| www.773126.com-体彩复式中奖计算器| www.xl13.com-兰州福彩天地报纸| www.4520.net-网上彩票靠什么赚钱| www.65pv.com-彩票店需要投入多少| www.56957.cc-高频彩追号-| www.074758.com-彩6下载手机版旧版| www.154601.com-时时彩可以租平台| www.79fx.com-北京杨艺快三教学| www.50163.com-红牛彩票破解方法| www.881043.com-网上怎么开设私彩| www.989794.com-中港彩票官方平台| www.lq04.com-旺彩工具箱-| www.669596.com-易经与彩票-| www.753866.com-玩彩票安桌-| www.826757.com-98彩票官网合法么| www.905280.com-彩票cp816骗局| www.994692.com-体彩扑克今天开奖| www.li8.com-购彩之道专栏| www.ov22.com-河北快三倍投表| www.8424.me-买七星彩-| www.644933.com-彩霸王·论坛高手大| www.388656.com-3个数的是哪种彩票| www.8116.in-pk彩票手机版下载| www.80448.cc-吉林快三微信投注群| www.986966.com-冠赢彩票app| www.ra79.com-时时彩女赌徒| www.968682.com-9彩9彩票-| www.dp82.com-81678v快彩-| www.976006.com-彩礼2019-| www.db08.com-人人彩票网靠谱吗| www.wb41.com-快三最大奖金是多少| www.136921.com-七彩图书-| www.886567.com-彩61彩票是真的吗| www.997041.com-海南快三官方网站| www.cz47.com-幸运快三是哪的| www.088322.com-快三权威软件著作权| www.93kg.com-河内五分彩正规吗| www.678363.com-河北福彩开奖时间| www.626527.com-彩民彩票软件合法吗| www.185162.com-下载彩6app-| www.273217.com-福彩慈善-| www.126440.com-易中彩票网骗局| www.091365.com-全民连中彩票| www.383454.com-5d体彩开奖结果| www.972410.com-彩铅画嘴巴-| www.71968.com-2123彩彩票网| www.689114.com-福彩巅峰独胆| 彩乐乐www.cll168.com| www.468815.com-万彩办公大师安卓版| www.575198.com-外国彩票开奖视频| www.500073.com-下单送彩票-| www.14cb.com-天天爱彩票网站首页| www.3721.live-彩库之家香港高手坛| www.473355.com-彩票的开奖-| www.948970.com-国彩官网-| www.880290.com-呼市福利彩票| www.686845.cc-分分快三开奖技巧| www.811939.com-新昌双彩农家乐| www.898977.com-彩票选号中奖神器| www.rx95.com-必杀高频快三娱乐| www.xx39.com-刷彩app是真的吗| www.gm49.com-江苏快三有假| www.ve97.com-江苏福彩app| www.233890.com-安徽省体彩兑奖地址| www.30736.com-好看彩票123网址| www.14sd.com-彩票开奖安徽体彩| www.99zw.cc-百度中怎样找到彩票| www.162272.com-竞彩足球推荐网易| www.133339.com-下载彩视-| www.365160.cc-广西福彩去哪里领奖| www.41jq.com-冠军彩票下载安装| www.504.loan-彩票q群-| www.6518.net-七星彩网易彩票预测| www.17233.com-彩票诈骗怎么报警| www.65686.com-彩票开奖模拟器| www.136984.com-免费彩票源码系统| www.50tc.com-中国彩票史大奖排名| www.451955.com-附近体彩彩票站|