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天

知道了
彩01彩票 中国福利彩票www.34788w.com| www.666819.com-吉林快三和值号图片| www.839136.com-网易彩票推荐| www.962631.com-河内五分彩在线预测| www.4832.com-世界杯彩票哪里买啊| www.4686.in-福彩导航-| www.378459.com-大象彩票网登录| www.521430.com-福彩3d计算器直选| www.616353.com-体彩足球让球胜平负| www.712053.com-足彩十四场-| www.63zv.com-自动售彩票机| www.4166.in-彩虹6号glaz| www.16632.cc-彩神广东计划手机版| www.86167.com-十一选五快彩助手| www.070448.com-彩神争lll作弊器| www.76209.com-温州福彩投注站报名| www.lm36.com-送彩金100可提款| www.213747.com-神彩8‖-| www.303045.com-22彩票输死人| www.380321.com-为什么彩视打不开| www.486455.com-足彩实单推荐| www.677873.com-中彩彩吧-| www.773052.com-正规的极速彩票网站| www.181537.com-人人快三-| www.41245.com-必发彩票官方网| www.88646.com-彩9安卓下载| www.943883.com-春秋购彩登录| www.cp9656.com-微彩网-| www.485.me-石家庄福彩-| www.547714.com-迁西彩票中奖| www.803388.com-有没有彩票计划群| www.911122.cc-信心彩路线入口| www.oc25.com-河南快三即时走势图| www.52qc.com-什么是葡京彩票| www.2663.biz-安全的彩票app| www.22722.cc-买彩票中奖短信| www.40871.com-彩票10-| www.621597.com-福彩选号客密| www.710502.com-什么是投资刷彩| www.781843.com-黑彩新闻最新| www.861626.com-福利彩票店几点下班| www.943958.com-春秋彩票官网登录| 七星乐www.535666e.com| www.nr74.com-玩彩赌博-| www.45.cc-富贵彩下载官方网站| www.85pz.cc-彩友多彩票-| www.1804.cm-无需本金的彩票| www.8590.vip-彩球图片-| www.0xj.com-天天彩应用下载| www.65et.com-中奖彩票站有提成吗| www.2141.cc-体彩开店利润怎么样| www.8496.loan-彩票中数字的奥妙| www.791631.com-重庆时时彩大平台| www.097600.com-旺彩11选五预测| www.243624.com-苹果版彩票软件| www.9718.biz-彩宝彩票c-| www.071432.com-彩色纸箱包装厂| www.151280.com-8816购彩app| www.230368.com-彩店宝彩票官网| www.381502.com-亿彩天虹软件| www.761290.com-广东手机彩票网| www.861890.com-幸运彩app苹果| www.930090.com-彩票计划应用下载| www.994712.com-hck好彩客-| www.bz02.com-体彩11选择5玩法| www.um42.com-福彩快三吉林省| www.12dj.cc-合肥彩票店生意转让| www.82za.com-创富彩票平台手机版| www.240060.com-彩神lx下载-| www.72482.com-福彩天地-| 500彩票www.357173.com| www.1996.space-甘肃快三k3??| www.031605.com-洋彩-| www.766185.com-下载风采彩票| www.173314.com-快三网站官方网站| www.032960.com-乐彩神彩票靠谱吗| www.130431.com-外国数字彩票破解术| www.203928.com-福彩5d奖金多少| www.279393.com-河南跑马彩票| www.586675.com-足球彩票花多少钱| www.669671.com-四位数的彩票是啥| www.759710.com-澳客彩票网电脑板| www.lb12.com-天天中彩票-| www.756773.com-全民彩票12222| www.3783.bid-吉林快三精准计划群| www.902693.com-怎么玩大发快三赚钱| www.977458.com-大牌彩妆店-| www.bc14.com-一定牛彩票软件| www.708355.com-彩票争霸ll-| www.414822.com-江苏快三时间| www.713682.com-王者彩票在线| www.813450.com-福彩体彩改制| www.981940.com-贵州彩票中大奖几人| www.os13.com-老彩民app-| www.54nl.com-南昌体彩11选5| www.2045.site-彩虹台直播源地址| www.1as.com-周末能买彩票不| www.253515.com-辽宁福彩3d走势图| www.u33.cc-现金彩票游戏| www.3098.pw-双色球彩票开奖日期| www.021246.com-全民竞彩下载| www.147455.com-彩吧vip下载| www.314914.com-时彩怎么玩-| www.94977.com-福彩内部号是真是假| www.57nt.com-打彩票犯法吗| www.135855.com-足彩胜平负开奖| www.466592.com-香港a23彩票网| www.683572.com-5000万彩票中奖| www.818411.com-教打彩票的教学视频| www.947881.com-网上购彩有哪些网站| www.249.biz-品牌彩妆排行榜| www.95939.cc-福彩考试题-| www.kd74.com-官方彩票投注平台| www.028474.com-福彩3d图谜三四版| www.15440.com-华夏彩票合法吗| www.39pu.com-山西临汾彩礼| www.98gs.com-名人彩票登陆网址| www.535159.com-彩票五位数什么彩票| www.819.cx-四季彩网站-| www.923028.com-体育彩票店现状| www.96118.com-体彩中心改革国企| www.572681.com-中博彩票黑平台| www.027167.com-体彩一年销售额| www.563701.com-福利彩票机器人| www.646344.com-分分彩四星技巧| www.764337.com-海南七星彩版版图区| www.915159.com-南方双彩网首页网| www.971823.com-博彩庄家对冲| www.cp754.com-兰州快三预测豹子| www.cp8008.com-快三复式投注秘诀| www.349.cc-永信皇冠彩票| www.19zx.com-智慧人彩票软件| www.0719.date-安徽快三百度贴吧| www.8108.loan-体彩中奖后兑奖时间| www.449832.com-彩票应不应该买保险| www.81vq.com-深圳福彩双色球开奖| www.3922.cm-3d彩票试机号今天| www.96586.com-泰国11月彩票| www.335164.com-乐彩网3的福彩| www.977294.com-内乡结婚彩礼重吗| www.51fu.cc-福彩双色球大奖| www.70nk.com-乐博彩票可靠吗| www.131650.com-湖北彩礼钱明细表| www.9751.biz-网易彩票关了吗| www.264822.com-大发快三1分钟一期| www.567044.com-k8彩票骗局-| www.234414.com-黑龙江福彩22选5| www.298623.com-测彩高手专栏| www.29zu.com-蝴蝶彩铅画图片大全| www.663177.com-凤凰网体育彩票| www.744757.com-网络彩票怎么做庄家| www.809439.com-体彩软件哪个软件好| www.872170.com-福利彩票双色球字谜| www.925411.com-彩6安卓版下载| www.984337.com-福彩快乐十分钟技巧| www.qu24.com-崔永元谈彩票| www.8101.club-千百万彩票平台下载| www.631797.com-七彩什么意思| www.732506.com-篮球竞彩胜分差技巧| www.820733.com-彩钢瓦型号规格图册| www.921508.com-甘肃福彩一定牛开奖| www.984206.com-福彩自助app下载| www.ck19.com-彩界联盟网址多少| www.512960.com-爱购彩有谁赢过钱的|