QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jquery教育网站顶部浮动导航下拉菜单特效

原创商用 jquery教育网站顶部浮动导航下拉菜单特效

jquery绿色实用的教育类网站导航顶部浮动以及悬?;恫说ハ吕匦?, js css 分离,结构简单清晰,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>

3、body引入HTML代码

<div class="header-nav aui-header-nav moveDown">
	<div class="header-content clearfix">
		<div class="header-logo">
			<a href="#">
				<img src="images/logo.png" alt="">
			</a>
		</div>
		<div class="header-nav-right">
			<div class="header-nav-right-en">
				<a href="#">EN</a>
			</div>
			<div class="header-nav-weChat">
				<a href="#">
					<i class="icon-weChat"></i>
					咨询
				
				
				</a>
				<div class="navbar-contact-shadowl"></div>
				<div class="navbar-contact-shadowr"></div>
				<div class="navbar-contact-hover">
					<img src="images/code.jpg" alt="">
				</div>
			</div>
			<div class="header-nav-tel">
				<a href="#">
					<i class="icon-tel"></i>
					400-021-8888
				</a>
			</div>
		</div>
		<div class="header-nav-list">
			<ul>
				<li>
					<a href="#" class="cur">首页</a>
				</li>
				<li class="drop-down">
					<a href="#">
						全部产品 <i class="icon-dow"></i>
					</a>
					<div class="aui-dow-box aui-dow-box-list">
						<div class="aui-down-menu clearfix">
							<div class="aui-down-menu-title">
								<i class="icon-title001"></i>
								网校产品
							
							
							</div>
							<ul class="aui-down-menu-list">
								<li class="aui-down-menu-list-item aui-top-border">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title002"></i>
											ES 通用版
										</p>
										<p class="aui-down-menu-list-text">教育机构拓展线上教学</p>
									</a>
								</li>
								<li class="aui-down-menu-list-item aui-top-border">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title003"></i>
											ES 企培版
										</p>
										<p class="aui-down-menu-list-text">企业内训,合作伙伴培训</p>
									</a>
								</li>
								<li class="aui-down-menu-list-item aui-top-border" style="width:170px;">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title004"></i>
											ES 高校版
										</p>
										<p class="aui-down-menu-list-text">智慧学习,高校慕课</p>
									</a>
								</li>
								<li class="aui-down-menu-list-item">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title005"></i>
											阔知学堂
										</p>
										<p class="aui-down-menu-list-text">教育机构的移动网校</p>
									</a>
								</li>
								<li class="aui-down-menu-list-item" style="width:auto">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title006"></i>
											教育云
										</p>
										<p class="aui-down-menu-list-text">直播、点播、短信、邮件</p>
									</a>
								</li>
							</ul>
						</div>
						<div class="aui-down-menu clearfix">
							<div class="aui-down-menu-title">
								<i class="icon-title007"></i>
								增值服务
							</div>
							<ul class="aui-down-menu-list">
								<li class="aui-down-menu-list-item aui-top-border">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title008"></i>
											SaaS 服务
										</p>
										<p class="aui-down-menu-list-text">网校搭建、运维全托管</p>
									</a>
								</li>
								<li class="aui-down-menu-list-item aui-top-border">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title009"></i>
											网校主题
										</p>
										<p class="aui-down-menu-list-text">你的网校装修管家</p>
									</a>
								</li>
								<li class="aui-down-menu-list-item aui-top-border" style="width:170px;">
									<a href="#">
										<p class="aui-down-menu-list-title">
											<i class="icon-title010"></i>
											运营服务
										</p>
										<p class="aui-down-menu-list-text">校长沙龙、运营社群</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</li>
				<li>
					<a href="#">成功网校</a>
				</li>
				<li>
					<a href="#">服务报价</a>
				</li>
				<li>
					<a href="#">开源下载</a>
				</li>
				<li>
					<a href="#">演示站</a>
				</li>
				<li class="drop-down">
					<a href="#">
						关于我们<i class="icon-dow"></i>
					</a>
					<ul class="aui-about-dow">
						<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>
				</li>
			</ul>
		</div>
	</div>
</div>

<div style="height:1200px;"></div><!--可删除-->

<script type="text/javascript">

	$(window).on('scroll', function() {
		if ($(document).scrollTop() > 200) {
			$('.aui-header-nav').addClass('solid').removeClass('moveDown');
		} else {
			$('.aui-header-nav').removeClass('solid').addClass('moveDown');
		}
	});

</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
彩票123现在叫什么名字 www.15115.com-嘉兴体彩中心电话| www.250942.com-湖北福利彩票app| www.354690.com-双色球多彩贵州| www.99436.com-足球竞彩推荐网易| www.343708.com-体彩十一选五开结果| www.459545.com-济宁彩票-| www.169967.com-今日河北快三预测| www.840511.com-益和彩票-| www.939945.com-吉林快3彩票平台| 大赢家彩票平台www.109307.com| www.5gt.cc-常州体彩中心电话| www.6382.biz-乐彩33怎么开户| www.49484.com-亚盘彩票怎么买| www.082618.com-快三计划群的秘密| www.236712.com-竞彩足球胜平负| www.344187.cc-手机时时彩票模拟器| www.623226.com-安宁区福彩中心楼| www.856818.com-福彩十五选五跨度| www.930554.com-七星彩梦兆查询| www.pt01.com-快三查询图-| www.05me.com-3d彩组六必中| www.758.live-大发快三计划导师| www.9110.org-7乐彩历史开奖号码| www.763559.com-华宇彩票代理| 网易彩票www.093wy.com| www.m21.hk-彩票对压教程| www.9254.xyz-万达彩票的骗局揭秘| www.016586.com-网易福彩网-| www.137808.com-重庆福彩站点助手| www.265391.com-上海快三走势图下载| www.371137.com-再添新彩-| www.567854.com-今日彩票哪里中奖了| www.684632.com-今天东盛彩报3| www.zb26.com-五福彩票下载093| www.72uy.com-竞彩单关历史赛果| www.7348.hk-彩虹六号辅助| www.46899.com-秒速时时彩单期计划| www.041398.com-多彩贵州网官网| www.123669.com-中国福利彩票查询网| www.246640.com-时时彩3d-| www.359297.com-七星彩奖教-| www.516176.com-彩之王是真的吗| www.611715.com-福利彩票投注机维修| www.742755.com-四川体育彩票第一期| www.889250.com-彩票倍投法-| 金掌柜www.83993v.com| www.3vm.com-中国彩票公司创始人| www.92ym.cc-时时彩群主有多大罪| www.14396.cc-体彩排三历史开奖| www.78123.com-九州彩票可靠吗| www.072758.com-全世界彩票最大奖| www.294092.com-上海福彩网官网网页| www.413939.com-六福彩是真的假的| www.560786.com-足彩高手推荐| www.653308.com-福彩试机号号千禧号| www.277899.com-腾讯彩票合法吗| www.907800.com-合肥体彩中心| www.966292.com-广西快三玩法介绍| 彩71www.911203.com| www.sy71.cc-腾讯十分彩下载| www.12vx.com-北京福彩彩票网| www.77wi.com-外国人在日本买彩票| www.1647.cc-多彩时时彩缩水软件| www.8011.cc-幼儿园彩虹伞玩法| www.42792.com-免费送彩金288| www.058626.com-高手彩坛一彩票大全| www.7176.win-购买重庆时时彩平台| www.22801.com-四亿彩票下载| www.82128.cc-福彩开奖查询| www.609332.com-福州福彩店转让信息| www.716635.com-水溶性彩铅画怎么用| www.cp9655.com-旺彩app苹果下载| www.920857.com-优乐彩票网-| www.987946.com-新快三购买方案| www.eo17.com-易盈彩票app下载| www.3021.vip-众彩票线路导航| www.501559.com-彩票双色球怎么选号| www.587107.com-鸿耀彩票-| www.938801.com-新浪足彩杨震预测| 吉祥彩票www.jx68.com| www.jw15.com-竞彩彩客网-| www.30ze.com-彩虹岛弥勒丸| www.07773.cc-中彩那天课文朗读| www.88095.com-彩宝贝杀排3| www.880098.com-福彩3d太湖字迷| www.958861.com-彩票网站大全59| www.cp8771.com-快三是福彩还是体彩| www.1210.tv-美国彩票牛人| www.64ar.com-七乐彩第30期开奖| www.5114.vip-体育彩票不能买了| www.11027.com-许仙足彩-| www.50775.com-代理商私彩赚钱吗| www.872059.com-达人彩票网官网下载| www.979402.com-广西福彩票开奖| www.aw66.cc-体彩快3开机号| www.e91.com-航天彩虹官网| www.84sd.com-大发彩票是合法的吗| www.5237.biz-今天赛马结果及派彩| www.8740.vip-速赢彩彩种| www.383619.com-彩仙魔力秘肌精华| www.959536.com-彩名堂网页版| www.cai1981.com银川快三走势图今天| www.wt68.com-中国彩吧网一| www.28hn.com-龙胜彩票平台网址| www.939004.com-澳客彩票以前版本| www.3406.com-彩票站前景怎么样| www.556530.com-彩票双色球字迷| www.823435.com-闲情好彩新粤彩报纸| 吉利彩票www.66376f.com| www.a25.cn-福彩图片-| www.58733.com-天天时时彩官网| www.099499.com-有盈彩票app| www.228858.com-广东好彩1开奖| www.393915.com-3d采摘网福彩网| www.363391.com-彩虹色的花故事| www.dn47.com-民间买彩票中奖咒语| www.20sd.com-大智慧彩票是真的吗| www.1454.cc-奥客竞彩足球直播吧| www.174477.com-兰州快三下次开奖| www.667803.com-彩票中到第二天领奖| www.875183.com-福彩3d彩吧全图| www.kk61.com-易彩快三app| www.77xj.com-足彩买输了怎么赔| www.8773.org-完美彩票直播| www.189764.com-大发快三计划网址| www.365102.cc-风之彩团队-| www.682913.com-11选5购彩网| www.965016.com-常州福彩中奖号码| www.x17.cc-248彩票真害人| www.009459.com-凤彩网官网-| www.225878.com-彩迷网腾讯分分彩| www.393711.com-彩铅画水果图片| www.809795.com-955娱乐彩票网址| www.pf25.com-河北快三豹子号推荐| www.66195.com-广西双彩基本走势图| www.503972.com-彩票没打上-| www.754100.com-968官方彩票平台| www.29pz.cc-吉林快三三不同赔率| www.954899.com-中国足球竞彩比分| www.ez32.com-彩票官方网站| www.28rw.com-天禧彩票网正规吗| www.928.pw-博友彩票app入口| www.145189.com-乐彩走势图表| www.882931.com-彩票套利有风险吗| www.lt71.com-微彩开奖计划骗局| www.40541.com-彩票机选中奖几率| www.523679.com-会员中心百胜彩票| www.vp8.com-中国福利彩票被查| www.093018.com-官方彩种春节关闭| www.tv71.com-福彩网合买骗局| www.35420.cc-可靠的私彩平台| www.929201.com-玩彩计划网-| www.97568.cc-福建福彩快3遗漏| www.530855.com-彩铅画樱花树图片| www.30rh.com-四川手机快三| www.96232.cc-体彩足球胜负过关| www.592502.com-9万彩票助手| www.u67.net-唐山彩票站转让| www.161844.com-玩彩乐汇挣钱吗| www.553959.com-名人彩票_测速| www.2834.biz-彩虹糖是箭牌公司的| www.mp67.com-彩票送20彩金下载| www.30245.com-乐彩3d杀码手机版| www.4057.vip-七星彩质合是什么|