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.453432.com-熊猫彩滨-| www.655833.com-快三咋样才能中奖| www.096614.com-彩票到家-| www.463.date-福彩快三限号| www.586013.com-七乐彩杀号定胆天齐| www.9638.xyz-b8彩票安全吗| www.410456.com-爱尔兰彩-| www.585397.com-首充1元送34彩金| www.022941.com-彩票平台系统源码| www.057036.com-彩票网源码-| www.gj4.com-重庆时时彩时间规则| www.3413.vip-微信天天中彩| www.53732.com-腾龙时时彩计划软件| www.001672.com-彩吧论坛预测汇总| www.cai0055.com广西快三开奖| www.5tf.cc-足彩如何交税| www.936004.com-分分彩64组万能码| www.350508.com-手机打印机彩色6色| www.82sl.com-凤凰快三在哪看开奖| www.339266.com-深圳福彩电话| www.518000.cc-双色球彩票晒票| www.183311.com-甘肃彩票快3图表| www.947260.com-今日排列三彩吧图库| 500彩票网www.868422.com| www.89889.com-江苏休育彩票七位数| www.087618.com-销售时时彩彩票软件| www.166244.com-快三破解器开挂| www.253469.com-快三可以复式吗| www.66695.com-北京中彩票预测系统| www.026157.com-彩客彩票007网站| www.102026.com-九场足彩开奖结果| www.170803.com-甘肃快三今天预测| www.75512.cc-彩99正规吗-| www.906444.com-买哪种彩票容易中奖| www.181833.cc-全国所有快三| www.41vw.com-体彩飞鱼规则| www.6620.top-ios买彩票app| www.204813.com-新浪数字彩票3d| www.358533.com-鼎彩国际app| www.467456.com-七乐彩停止投注时间| www.568261.com-正规彩票赚钱项目| www.2925.me-幸运彩票可信不| www.917320.com-必赢彩票软件| 名门彩www.33997m.com| www.tz98.com-世界杯预选赛竞彩| 鑫亿彩www.196109.com| www.ya74.com-属龙买彩票吉祥号| www.166025.com-北京快三形态走势图| www.38191.cc-彩票潮信群组| www.182775.com-安徽快三一定牛网| www.082181.com-彩民之星破解版| www.87557.com-福彩3d藏机诗| www.130522.com-七星彩包码月月赚钱| www.902157.com-黑彩犯法不-| www.993844.com-足彩14场玩法介绍| www.fi54.com-四川快三查询| www.a70.cn-重庆时时彩20分钟| www.26ea.com-170彩票杨哥说彩| www.96nr.com-有没有玩彩票的网站| www.by41.com-福彩彩票店宣传语| www.883490.com-送彩金彩票网站推荐| www.za29.com-福彩开心十分钟| www.871192.com-快三彩票软件下载| www.952155.com-新浪分分彩开奖结果| www.02vs.com-彩是什么生肖| www.96zd.com-北京奔驰彩票| www.2501.net-聚彩彩票app官网| 818合彩www.www.5666hc.com| www.367083.com-彩铅手绘教程樱花| www.6982.net-买的彩票如何注销| www.395330.com-福利彩票双球开奖| www.531327.com-快三开奖中心藏宝阁| www.615009.com-韩国彩票中奖者| www.697096.com-信彩票app-| www.775697.com-彩票新颖名字| www.860575.com-5分⑥和彩-| www.931217.com-江苏体彩兑奖规则| www.988698.com-金山彩票app下载| www.yn2.cc-黑彩票平台提现技巧| www.083711.com-网络博彩违法吗| www.181010.com-彩票1分快3怎么玩| www.320547.com-利盈彩票app| www.440076.com-江西福利彩票快3| www.555654.com-体彩时时彩11选五| www.638111.cc-竞彩能当做事业吗| www.946975.com-彩色耐磨混凝土做法| www.64ic.com-迷彩配什么颜色好看| www.4717.cm-新东方彩票-| www.709001.com-时时彩后三直选技巧| www.529889.com-40o500好彩堂| www.456379.com-买七乐彩官网| www.603657.com-梦见别人买彩票| www.684931.com-500竞彩直播比分| www.894822.com-信彩网湖北快三计划| www.998768.com-如何开体彩店| www.860349.com-彩票平台2019| www.727355.com-易彩娱乐招商| www.835759.com-好彩一八是什么生肖| www.955598.com-彩票刷水有什么要求| www.lt.com-竞彩足球比分| www.yg41.com-福利彩票时时彩| www.408820.com-七星彩购买网| www.980040.com-足彩胜平负玩法| www.ij58.com-福彩三a遗漏走势图| www.43my.com-爱彩通官网-| www.0401.org-凤凰论坛彩-| www.388.me-福彩25选7走势图| www.246882.com-彩票买那种好| www.586707.com-微彩吧计划网址| www.893775.com-犀牛彩票主页| www.99267.cc-新浪爱彩靠谱吗| www.91ey.com-玖富时时彩-| www.2519.pw-江苏福彩快直彩乐乐| www.95737.cc-体彩比福彩靠谱| www.66344.cc-关于京东彩票| www.145944.com-816cc彩票-| www.cp5733.com-安徽福彩-| www.691.net-竞彩2串1投资计划| www.xj49.com-看看彩票开奖查询| www.566382.com-体彩任九开奖金额| www.638070.com-色彩搭配师-| www.he76.com-彩神vll-| www.3733.com-富邦彩票-| www.18973.cc-旧版爱彩乐-| www.024256.com-南京福利彩票电话| www.988217.com-彩票分析器-| www.794655.com-彩票端app邀请码| www.893381.com-乐彩网被骗案例| www.973842.com-彩票分析预测大师| www.cp4194.com-江苏快三计划网页| www.315748.com-重庆吋时彩开奖视频| www.213151.com-私彩平台搭建| www.76456.com-熊瞎子说彩博客| www.279726.com-七乐彩今天开奖号| www.502097.com-济南彩票站杀人进展| www.621375.com-巴夏讲彩票-| www.750776.com-玩时时彩有赢钱的吗| www.0342.vip-福彩3d数字表| www.3072.vip-七彩星小说明月珰| www.38591.com-爱彩人彩票网手机版| www.991.red-好友游戏彩票| www.809392.com-众博彩票软件下载| www.36na.com-体彩七星彩走势| www.20sq.com-彩虹6号新赛季| www.524408.com-中彩票横财八字吧| www.712536.com-体彩泳坛夺金规则| www.839394.com-七乐彩五期选号法| 创富彩票www.cf9909.com| www.864068.com-166彩票怎么样| www.971002.com-福彩多少种玩法| www.884021.com-乐彩网福彩3d| www.zb48.com-春秋彩票苹果版下载| www.1133.date-晨兴彩票计划| www.672956.com-休闲快三视频姜丽| www.761101.com-中国彩礼最贵的地方| www.840094.com-体育竞彩外围| www.892500.com-福彩杀号软件| www.957704.com-台湾彩乐透彩| 华彩www.71399p.com| www.297677.com-手机快三怎么玩| www.364369.com-双彩虹寓意-| www.427006.com-彩民周刊报纸答案| www.954550.com-彩16安卓手机版| www.74654.com-山东彩色母粒厂|