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天

知道了
旺彩彩票 www.3411.biz-国民彩票是正规的吗| www.0553.net-幸运彩票是真钱吗| www.36095.com-苹果彩票pg73| www.599033.com-福利彩票34期结果| www.80498.com-河北盗窃金库买彩票| www.087847.com-5亿彩提不了现| www.178093.com-分分快三开奖结果| www.9106.shop-七乐彩今晚开奖金额| www.57667.cc-巨人彩票下载| www.241811.com-数字破解七星彩| www.068.cm-腾讯彩票游戏| www.015443.com-体彩18147-| www.670758.com-苹果彩票官方网| www.413965.com-喝彩一词的由来| www.563244.com-彩票巴巴苹果下载| www.385055.com-今天竞彩对阵表| www.498168.com-手机彩票投注安全吗| www.4711.space-我真中了彩票一等奖| www.69809.com-邯郸快三开奖结果| www.8605.loan-重庆福利彩票抽宝马| www.53059.com-分分彩是真是假| www.940888.com-8816网络彩票| 鑫彩网www.xcw866.com| www.091499.com-703彩票首页| www.tk40.com-内蒙古福彩3d| www.69788.com-易彩乐彩票可靠吗| www.290978.com-内蒙古体彩活动| www.4926.vip-7星彩梦册查码| www.686720.com-福彩网络公司犯法么| www.352888.com-v8彩票网址| 万彩网www.638262.com| www.93778.com-彩票足球app| www.087988.com-网络私彩被判刑| www.156949.com-五分彩五星定位胆| www.249023.com-老版彩票33-| www.316869.com-福彩图片大全| www.381598.com-泰安体育彩票| www.428726.com-19047期七星彩| www.872078.com-县级彩票管理员| www.at28.com-快乐彩骗局| www.97sa.com-3d图库彩吧第二版| www.688096.com-金利彩票手机版| www.47147.com-唯彩看球直播| www.989058.com-彩83彩票官网| www.312051.com-彩票都有哪些玩法| www.419957.com-体彩店转让信息| www.906792.com-好彩网软件下载| www.978339.com-彩钢厂家-| www.oc.com-河北彩票快3开奖| www.792556.com-查彩票开奖情况| www.gg1.cc-七星彩游戏玩法介绍| www.653925.com-易彩堂可信度| www.508782.com-高频彩票都是骗人的| www.584700.com-手机上有哪几种彩票| www.664541.com-下期头尾七星彩中| www.740037.com-时时彩走势360| www.815190.com-中国福彩视频彩票| www.888581.com-大发快三买大出小| www.965049.com-彩七七下载安装| 福彩天下www.803875.com| www.29np.com-延吉体育彩票| www.01522.com-彩票注册送彩金| www.599230.com-彩票必须买2块吗| www.686361.com-福彩3d综合走试图| www.776771.com-重庆时时彩几点停止| www.890048.com-网上彩票是否合法| www.973999.com-美国超级彩票| www.ga21.com-牛彩3d图迷-| www.yr42.com-熊猫手机彩票网| www.29fd.com-足球体彩竞猜规则| www.893119.com-免费七乐彩缩水软件| www.q03.site-3d彩票的玩法介绍| www.32047.com-众彩易购注册| www.476666.cc-哪个彩票网址可靠| www.567073.com-iqoo彩膜-| www.656077.com-巴中体彩合买中奖| www.739071.com-五福彩票a-| www.824900.com-时彩害人-| www.905551.com-足球彩票店选址心得| www.979668.com-12彩票软件下载| www.cc35.com-快三代理申请| www.yt42.com-陕西体彩中心| www.63hz.com-福彩基诺下载| www.181708.com-网络快三是真的吗| www.254856.com-广东好彩3奖金| www.594771.com-竞足彩交流论坛| www.3954.biz-燕赵彩票排列7| www.817951.com-足彩19034期| www.1399.biz-手机上买彩票软件| www.80198.com-开快三群判刑吗| www.1153.me-彩票语-| www.8543.vip-福彩大厅游戏机| www.8288.vip-江西中彩票-| www.cai0999.com太多的江苏快三骗局| www.0377.love-手机端下载彩乐汇| www.08od.com-七乐彩顺序岀球览表| www.34788.com-彩神喷绘机价格| www.2271.net-买福彩用什么软件好| www.55310.com-江苏福彩有哪些玩法| www.056638.com-福彩可以在线购买吗| www.373333.com-快三追两不同号| www.766364.com-重庆时时彩无法提现| www.525396.com-金凤凰时时彩平台| www.2372.vip-彩票扣税计算器| www.689249.com-齐鲁福利彩票33| www.311902.com-快三彩票送彩金| www.402062.com-体彩七星彩图片大全| www.137745.com-大中华网络彩票| www.97.me-博大彩票是骗局吗| www.175625.com-江苏快三助手安卓版| www.281696.com-彩民之家a-| www.402518.com-世界杯猜比分足彩| www.510717.com-6色彩虹的含义| www.182078.com-有没有玩上海快三的| www.547708.com-下载诸葛智彩软件| www.633607.com-可以网络购彩吗| www.qk70.com-中原彩票网-| www.696117.com-足彩计算方法| www.813959.com-聊彩大厅有红包| www.274516.com-拉人玩快三犯法吗| www.562525.com-什么是外围足彩| www.708618.com-91彩神能玩吗| www.854445.com-国彩官网app| www.kl1.com-北京体彩排五开奖| www.025629.com-河南快三彩票网| www.104900.com-缅甸好彩蓝莓双爆| www.010481.com-熊猫竞彩app官网| www.258700.com-竞彩足球彩客网| www.251211.com-彩8怎么下载链接| www.594377.com-竟彩比分500| www.663295.com-凤凰彩票满多少提现| www.105534.com-助赢彩票pc-| www.246209.com-山东快三查询| www.c8.cn-手机验证领28彩金| www.773609.com-时时彩怎么玩都是输| www.gs15.com-湖北快三二同号遗| www.fw33.cc-福彩三分快三合法吗| www.s60.pw-电脑彩屏解决原因| www.61uk.com-台湾福彩奖眷| www.062245.com-欢迎光临台湾福彩| 16彩票www.331616.com| www.000119.com-天津新宇彩钢卷价格| www.870344.com-鼎盛彩票是真的吗| www.841013.com-噢客彩票com| www.44059.com-幸运分分彩计划| www.250888.com-豪彩软件下载| www.907470.cc-黄金分割点计算彩票| 亚洲www.139733.com| www.ro73.com-广东福彩20选一| www.682630.com-下彩网是真的吗| www.830605.com-合乐彩票app怎样| www.966499.com-足彩竞彩赛果| www.8997.loan-中国竞彩首页计算器| www.91164.com-好彩绿免税-| www.ml98.com-安徽快三分布走势| www.359.red-彩票997-| www.07022.com-好运来彩票站怎么样| www.897508.com-福彩广告词怎么写| www.dy28.cc-竞彩网网址-| www.386249.com-广州福彩开奖结果| www.561330.com-快三内蒙古快三| www.74302.com-彩虹旗emoji| www.98386.cc-上海彩票中奖| www.313009.com-青蛙彩-|