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.356314.com-优先彩票-| www.0572.cn-福彩老头老头推荐| www.229390.com-天天彩票软件大全| www.458481.com-鸿运五分彩开奖号码| www.225160.com-三d彩票结果| www.308300.com-福彩快8app-| www.623418.com-酒泉福彩中心| www.n88.cc-竞彩交税吗-| www.008229.com-购彩计划软件下载| www.vk88.cc-新手买彩票教程| www.26di.com-重庆市彩时彩app| www.090871.com-彩票中奖抛妻弃女| www.26637.cc-七星彩手机机选| www.72062.com-彩猫网-| www.970156.com-大福彩-| www.2292.pw-湖北快三两码遗漏表| www.966220.com-发彩网是不是合法的| www.gs40.com-易彩快三计划app| www.es84.com-中原彩票系统租用| www.5yf.com-福利彩票分分时时彩| www.451111.cc-体育彩票22选5| www.668890.com-体彩体彩图谜汇总| www.193767.com-延边体彩总部| www.274415.com-360快三走势图| www.893133.com-彩做号-| www.993817.com-体育彩票胜负彩规则| www.jv64.com-重庆时彩注册网址| www.683757.com-足彩网app下载| www.829530.com-彩聊-| www.995340.com-竞彩与北京单场比较| www.9723.biz-旧版全民彩票| www.03936.cc-沈阳福彩领奖地址| www.821855.com-在彩票软件上玩彩票| 彩票大家乐www.21202w.com| www.212458.com-快三玩法和奖金| www.399223.com-七星彩彩开七奖结果| www.2827.biz-七星彩头尾668| www.9985.vip-彩妆店名字大全简单| www.44596.com-福建体彩官方网站| www.857477.com-优酷彩票合法吗| www.940510.com-好彩店彩票北京单场| 好彩头彩票www.90305b.com| www.137046.com-c99彩票官方网站| www.212826.com-私彩代理提成| www.279944.com-时时彩预测器个位| www.350210.com-随州体彩中心在哪里| www.103111.com-拍照查彩票-| www.949180.com-五百彩票大小单对| www.16aq.com-体彩今日开奖号多少| www.9371.org-福利彩票中心窝案| www.423200.com-德亿规律7星彩推荐| www.49159.cc-三分彩到底是什么| www.649598.com-博彩管理专业学什么| www.736973.com-必蠃彩票-| www.812717.com-福彩3d籍秘公式| www.880392.com-彩票套利是真的吗| www.947167.com-白岩松回应彩票审计| www.992045.com-雪缘缘足彩比分直播| www.bp95.com-彩票缩水软件| www.221540.com-彩票123网址| www.621055.com-惠民彩票要25| www.cai2322.com快三奖金规则| www.xo45.com-福彩3d图迷总会| www.90dx.com-博彩精算-| www.7573.cc-足彩滴滴跟单app| www.114658.com-福彩3d图迷多彩网| www.179608.com-保定快三开奖走势图| www.619578.com-双色球守号中奖彩票| www.044339.com-兰州快三彩票开奖| www.5648.org-趣9购老彩票合法| www.10888.cc-被华夏彩票黑了| www.600089.cc-一元充值彩票| www.41722.com-体彩开开奖时间| www.070032.com-中国福利彩票破解| www.174518.com-全国快三-| www.731560.com-众彩易购注册| www.62jx.com-彩票组合软件3d| www.214228.com-足彩招聘-| www.925495.com-旭彩快三的规律| www.61763.cc-彩票字谜大全及答案| www.fb87.com-彩票改单技术截图| www.32ib.com-我想开个福利彩票店| www.662508.com-预言家专业彩票计划| www.92ru.com-体彩25尾数走势图| www.063355.com-加盟体育彩票加盟费| www.230705.com-71彩票登录-| www.367073.com-彩吧3d开机号今天| www.551525.com-快乐彩中奖概率| www.1849.cn-大发快三不倒翁投注| www.757244.com-彩色沥青混凝土厂家| www.ik94.com-福彩app有哪些| www.165318.com-创富彩票app| www.735399.com-玖玖彩票app下载| www.05822.com-附近竞彩网点| www.90376.com-最新77彩票-| www.087666.com-福彩好运十倍黑幕| www.333411.com-彩票分析予测| www.335992.cc-体育彩票几个数字| www.546103.com-彩票机的纸怎么装| www.108127.com-3d彩票谜语图便民| www.631008.com-体彩飞鱼技巧解析| www.01568.cc-欧冠足彩在哪买| www.85164.com-网易足球彩票推荐| www.953275.com-竞彩网篮球开奖结果| 500万彩票www.98528i.com| 500彩票www.701549.com| www.1065.vip-跟彩名堂相似软件| www.970077.com-天天乐彩票真的假的| www.sq3.cc-竞彩店申请条件| www.sy69.com-彩票7位数-| www.52.pw-彩票中奖扣多少税| www.54ql.com-贵阳市体彩兑换地址| www.8838.live-128彩票坑人| www.911703.com-福彩新3d玩法| www.965695.com-可以买体彩的app| 9号彩票www.80767p.com| www.0600.com-淘彩app时时彩| www.310533.com-体彩排三山东论坛| www.274598.com-肖立刚快三预测| www.58153.cc-大乐透彩票号码开奖| www.15880.com-彩铅入门临摹图片| www.58151.cc-彩金是什么意思| www.98691.com-竞彩足球360比分| www.057288.com-中国彩票走势图大全| www.1058.xyz-酷彩娱乐官方网站| 福利彩票www.fl82.com| www.600.cc-时时彩代理做了一年| www.5352.wang-933彩票是真的吗| www.11316.cc-胜负彩开奖号码| www.06965.com-极速时时彩下载| www.32161.com-易彩集团网站| www.123033.com-彩虹计划攻略| www.006485.com-山东彩票开奖| www.525159.com-彩票重庆-| www.646002.com-足彩高手实用经验| www.720339.com-七星彩有什么窍门| www.783993.com-彩99下载wz-| www.893593.com-盈利彩票软件| www.976113.com-河南的彩礼钱| www.ts98.com-共赢彩票登录| www.13297.cc-大发快三软件开发| www.607673.com-怎么看福利彩票中奖| www.969645.com-盛世彩票导航| www.697811.com-app凤凰彩票| www.9646.cm-赢网彩票-| www.86859.cc-广州满园就是鸣彩| www.112417.com-时时彩反倍投不行| www.919827.com-体彩七位数预测号码| www.978904.com-大发快3彩票规则| www.cai1233.com福彩快3中奖规则| www.m63.cn-快三注册流程| www.044799.com-七星彩票彩种| www.015362.com-巨丰彩票下载| www.112759.com-福彩3d山东图| www.178277.com-彩票直三什么意思| www.381549.com-周日什么彩票开奖| www.276556.com-吉林快三和值| www.ls62.com-体彩打票员怎么对账| www.26vn.com-网易彩票不给兑奖图| 爱上彩票www.ascp7.com| www.871703.com-苏州福彩中心在哪里| www.941357.com-体育彩票新游戏规则| www.984761.com-青海福彩中心电话| www.ky55.cc-福彩3d开到几期|