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天

知道了
百盈PK10 www.50228.com-送28彩金的彩票| www.57926.com-汇彩网网站-| www.7740.in-九号彩票好不好| www.53663.cc-时时彩app排名| www.008181.cc-杨光华彩票书| www.077707.com-甘肃福利彩票种类| www.322381.com-精英彩票高手论坛| www.447987.com-重庆二分彩计划网| www.562363.com-彩3app下载-| www.687738.com-乐彩网3d字谜图谜| www.789673.com-六六红彩投注靠谱吗| www.881428.com-竞彩串场推荐| www.976143.com-河南信阳结婚彩礼| www.17gq.com-彩票009是谁开的| www.384873.com-彩票可以提现到微信| www.4245.xyz-体彩19023-| www.56sz.com-彩票免费加盟代理| www.91398.com-好彩爆珠烟绿色| www.8849.pw-7意彩骗术-| www.90477.com-c59彩票怎么样| www.375192.com-福彩3d路数预测| www.900745.com-百宝世家彩票| www.pq6.com-新韩国快三开奖查询| www.04hr.com-手机玩快三的网址| www.663826.com-彩霸app-| www.979064.com-手机福利彩票下注| www.779251.com-香淃六香彩开奖结果| www.8386.live-七星彩组合买法| www.611408.com-喜欢买彩票的男人| www.796034.com-体彩7星彩如何选号| www.959340.com-快三提前看开奖结果| www.f35.cc-乐彩彩票能提现吗| www.447022.com-福彩三d之家结果| www.947427.com-新彩吧网络图迷画迷| www.1553.cc-福彩7位数开奖规则| www.492949.com-555彩票靠谱么| www.579808.com-乐都彩票网址是多少| www.672012.com-彩票反追杀系统| www.762220.com-正规竞彩足球app| www.834799.com-好彩黑蓝好多钱一包| www.903706.com-福彩三的开机号今天| www.965649.com-699彩票提现不了| 购彩堂www.171109.com| www.7870.me-胜负彩奖金-| www.90wy.com-快乐中彩票可以信吗| www.79hs.com-谜彩的意思-| www.1857.wang-彩票查询软件官网| www.194101.com-福彩10分钟开奖| www.285090.com-休闲快三第二套分解| www.275938.com-天津福彩时时彩开奖| www.353553.com-哪里能看体彩直播| www.248234.com-代玩彩票兼职qq群| www.315364.com-a7彩娱乐-| www.378612.com-号百彩票安卓版下载| www.500189.com-彩福快三-| www.571441.com-甘肃快三成立几年| www.649598.com-博彩管理专业学什么| www.807116.com-彩票网址检测| www.881552.com-如何制作博彩app| www.pk97.cc-河南快三计划软件| www.45kj.com-体育彩票站点出兑| 易彩网www.99638b.com| www.714908.com-足彩19052任九| www.178910.com-app福彩-| www.960479.com-泰安市彩票站点| www.cp0077.com-中国彩票快三平台| www.508580.com-福利彩票店返点| www.653429.com-玖亿彩票是真的吗| www.742349.com-彩票五哥三天计划| www.814027.com-高频彩票未来趋势| www.886117.com-玩彩网app大全| www.962840.com-富贵彩网-| 大赢家彩票平台www.729133.com| www.066940.com-万博彩app-| www.174711.com-网上的快三能玩吗| www.556018.com-体育彩票是全国的吗| www.646771.com-彩票是人为-| www.750478.com-黑龙江福彩开奖| www.822782.com-附近卖体育彩票站| www.929945.com-体彩排列3胆码杀号| www.cp847.com-贵州快三开奖结果等| www.279103.com-快三专家杀号| www.358266.com-南粤七星彩空白长条| www.142566.com-彩8彩票邀请码| www.065376.com-儿童彩铅画简单| www.014977.com-七星彩9的对数是几| www.104211.com-乐彩网是坑人的吗| www.424120.com-福彩3d图谜中龙| www.987176.com-网络彩票投注员兼职| www.170515.com-江西快三预测| www.yo58.com-体彩扑克牌中奖规则| www.0687.com-体育彩票篮球彩票网| www.462673.com-福彩3d一品香今晚| www.8821.date-腾讯分分彩算法| www.610361.com-彩铅画简单的花苞头| www.48474.com-竞彩猫官方网站| www.m87.cc-网上玩彩票的骗人吗| www.67pj.cc-中国彩票销量| www.802688.com-长沙体彩中心在哪里| www.869138.com-彩票牛人视频| www.5278.space-香港赛马会派彩结果| www.092653.com-福建福彩十五选五| www.413195.com-足彩计算-| www.655321.com-冠彩国际正规吗| www.017861.com-博友彩江苏快三| www.358479.com-体彩大神跟单| www.89ei.com-彩票版区创建直播| www.567442.com-体彩3d42-| www.397008.com-新粤彩100论坛| www.502702.com-678彩票软件| www.557735.com-彩票728安卓| www.74vz.com-哪个行买彩票| www.397983.com-福利彩票的客户端| www.27277.com-彩宝网首页官方网站| www.62170.com-世界杯彩票怎么买法| www.361912.com-台湾乐透彩开奖直番| www.661178.com-时时五分彩玩法技| www.761644.com-韩国彩票玩法规则| www.844176.com-彩票发行费管理办法| www.925459.com-体彩专家胆码家彩网| www.977866.cc-足彩哪里买-| www.em04.com-快彩助手app| www.uv25.com-米聊购彩大厅| www.41.me-网易快三怎么看| www.52kj.com-二分彩计划网站| www.0277.net-时时彩三星杀形态| www.4989.in-大乐透中奖彩票图| www.9771.xyz-时时采彩软件计划| 500彩票www.66621h.com| www.644455.com-彩票平投方法稳赢| www.350608.com-彩色笔童装加盟店| www.982452.com-鸿彩app官网| www.566308.com-360彩票遗漏| www.654978.com-小辣椒七星彩下载| www.585030.com-掌上京彩下载| www.658924.com-大福彩票是不是骗局| www.734192.com-福彩高频助手| www.826189.com-彩票吃人-| www.885361.com-体彩天下大厅| www.948925.com-中国体彩网e球彩| www.985508.com-安微省福彩快三| www.cai9622.com福彩精彩十分玩法| www.61045.com-网络彩票开售| www.006669.com-彩票任三选技巧| www.726158.com-3d彩神吧百度贴吧| www.828011.com-老彩民彩票app| www.890185.com-竞彩篮球推荐澳客网| www.56ea.com-福彩流水单是什么| www.951547.com-红彩网安卓版下载| www.585125.com-美国代购彩票| www.179265.com-江苏快三赚了几十万| www.556310.com-天天乐彩是骗局吗| www.45453.com-微彩站申请-| www.7598.cm-甘肃快三彩票网上买| www.656586.com-体彩机转让北京| www.447919.com-体彩大吉大利| www.550475.com-乐发彩票平台官网| www.625128.com-福彩3d奖号是什么| www.690678.com-足彩19002期| www.772229.cc-中博在线买彩票| www.843545.com-彩票代理推广技巧| www.920571.com-588彩票开奖查询| www.977285.com-南阳结婚彩礼| www.yq22.cc-体彩足球竞彩怎样玩|