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.27628.com-中国红彩票规则| www.29925.cc-江苏快三历史长龙| www.755752.com-旺彩全国开奖| www.871887.com-江苏体彩彩7位数| www.957384.com-吉林快三彩票网| 网易彩票www.560726.com| www.8398.in-足球新浪彩票网首页| www.69oz.com-七乐彩准确杀号公式| www.9257.biz-陕西福彩提现不到账| www.7222.tv-彩虹七号下载| www.956635.com-大发快三免费开挂| www.yw53.com-彩票k线软件| www.2182.wang-彩票01ios-| www.20238.com-时时彩后一大小判断| www.95369.com-福利彩票开奖公证处| www.091985.com-快三最多开多少期小| www.401782.com-赣县彩礼一般多少钱| www.544026.com-福彩小军3d第二版| www.629725.com-福彩快5玩法| www.703556.com-福彩电子报-| www.870064.com-竞彩足彩分析师招聘| www.258602.com-竞彩资讯-| www.361725.com-彩票开机号彩宝| www.469468.com-彩票走势图彩票开奖| www.103856.com-体彩开奖数据表| www.039937.com-大发快三软件公司| www.140422.com-离我最近的彩票店| www.727078.com-2000彩平台-| www.721159.com-彩吧图迷第三版| www.834661.com-亚太好彩蓝莓双爆| www.917255.com-信阳彩民中奖| www.987922.com-彩票双色球缩水工具| www.64517.com-手机买竞彩正规软件| www.239186.com-火箭彩票vip板| www.782237.com-中福彩app-| www.865367.com-859彩票-| www.928755.com-七星彩奖图表| 818合彩www.www.1555hc.com| www.399801.com-南国体彩网-| www.522091.com-福彩双色球论坛| www.587875.com-竞彩足球手机彩票网| www.885348.com-360购彩大厅彩票| www.3554.in-最新开户彩金| www.264560.com-彩经彩票是合法的吗| www.343593.com-体彩排三杀码预测| www.062981.com-网上彩票加盟| www.178865.com-什么是快三-| www.953167.com-排列五彩票网| www.cp8559.com-上海福彩官网| www.478775.com-足彩任九全包多少钱| www.17449.com-中五亿彩票交多少税| www.000263.com-cp彩票头条-| www.080136.com-大发快三豹子是什么| www.707601.com-大发快三回血方法| www.835302.com-日本好彩好抽吗| www.943299.com-快三怎么刷流水赚钱| www.008357.com-胜负彩19006期| www.152358.com-河北体彩网11选5| www.479669.com-竞彩足彩盈亏指数| www.872365.com-福彩5等奖多少钱| www.cai4622.com1分快三今日走势图| www.v68.cc-好彩高手论坛网| www.345194.com-澳彩盘口-| www.9420.in-华人娱乐彩票登录| www.617558.com-7号彩票下载安装| www.702233.com-彩票信用玩法区别| www.52kg.com-黔西南体彩-| www.281665.com-五分时时彩真假| www.800852.com-粮库彩票专用图| www.887639.com-最靠谱的彩票平台| www.961264.com-现在还有人买彩票吗| www.cp3326.com-福彩1分钟快三| www.436063.com-梦大奖网海南彩民| www.517.live-新浪福利彩票双色球| www.6719.top-577彩票苹果下载| www.876270.com-福利彩世界-| www.963579.com-买足球彩票怎么买| www.cp428.com-江西快三最新开奖| www.319605.com-福彩三弟和值表| www.505623.com-炫彩水晶泥下载| www.13904.cc-苏州快三和值推荐| www.987678.com-掌中娱乐彩票| www.jy18.com-七星彩中奖规则查询| www.r49.bid-彩票提现账户异常| www.9109.net-南京福彩领奖图片| www.163596.com-巨彩彩票靠谱吗| www.310761.com-五福彩-| www.8060.in-欧洲百万彩玩法| www.376244.com-博彩票计划-| www.412402.com-天天彩报008| www.593552.com-七彩赚钱是真的吗| www.678406.com-福客来彩票网址| www.767961.com-河内一分彩官方开奖| www.841880.com-鑫彩网靠什么赚钱| www.921410.com-关于91彩神-| www.995189.com-中福快三网址| www.br82.com-福彩3d软件-| www.7sp.com-今天福彩3d什么号| www.740050.com-c1818乐彩下载| www.879900.com-极速彩票有什么规律| www.7869.pw-竞彩必杀组合| www.50057.com-阳光彩票代理注册| www.3664.top-佳能彩色复印机出租| www.239316.com-彩票6十1-| www.350428.com-福彩快乐分玩法规则| www.536701.com-七星彩直播网易彩票| www.663480.com-五彩彩票开奖结果| www.766021.com-国丰彩票app| www.cai9983.com七星彩开奖结果| www.028367.com-苹果下载不了博友彩| www.796431.com-足彩胜负9场中奖| www.qz79.com-一分钟快三能做假吗| 盛大彩票www.5623c.com| www.9019.org-体彩nba竞猜结果| www.67ob.com-竞彩2中一-| www.6368.me-sk彩票是不是正规| www.36947.com-湖北快三论坛群| www.026892.com-13彩是什么软件| 500万彩票www.5441t.com| www.176738.com-那个快三遗漏号| www.617226.com-江苏体彩开户银行| www.704605.com-8亿彩网页登录| www.802266.com-精彩视频在线观看| www.893509.com-极速快三官网网站| www.35ur.com-五分彩是怎么玩的| www.31271.cc-应不应该玩彩神v| www.70725.com-oe彩票娱乐-| www.49im.com-快三计划模拟器| www.631957.com-福彩今天预测号码| www.qm8.cc-吉林市体彩中心地址| www.150202.com-幸运中彩票天天中奖| www.1840.tv-cpb彩票榜-| www.812076.com-乐彩论坛大乐透预测| www.874189.com-京东彩票下载| www.954300.cc-彩票赚钱软件正规| 500万彩票www.w725.com| PK彩票www.900845.com| www.4940.cm-詹天佑福彩今日点评| www.9235.win-分分彩概率-| www.4700.cn-美的彩票的网址| www.062427.com-彩96官方网站| www.213109.com-凤凰彩票网可信吗| www.323166.cc-hao120彩票网| www.420081.com-河南福彩手机版下载| www.548335.com-彩之家大发快三| www.648660.com-七彩椒怎么种植| www.843458.com-妖刀测足彩-| www.217907.com-上海福彩选四规则| www.31379.com-福彩3d太湖字迷网| www.978910.com-网上买彩票赚钱骗局| www.44vh.com-uc彩票正规吗| www.294455.com-福彩快3怎么没人管| www.661652.com-体彩的什么限制了| www.772699.com-重庆时时彩破解法| www.873120.com-贵阳彩票店转让信息| www.959796.com-彩票计划详情网址| www.cp5938.com-网上买彩票恢复了吗| www.861.cc-彩票止盈止损大师| www.3981.xyz-新澳门彩票平台| www.f52.club-香港球彩台在线直播| www.546.me-旭彩网开码直播| www.7373.pw-何振东足彩-| www.44xn.com-探探网友叫我买彩票| www.0551.live-山东真诀福彩第三版|