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.42dl.com-希望彩票安卓版下载| www.261822.com-七天彩app苹果| www.676536.com-足彩任选九奖金规则| www.840883.com-彩票中奖到哪里领| www.930028.com-彩票专用计划网| 500彩票www.50051s.com| www.981748.com-彩客网首网-| www.gi21.com-快三走势图江苏| www.354157.com-如何买彩票中一等奖| www.790370.com-彩票下载什么软件好| www.873481.com-体育彩票七星彩规则| www.947208.com-体彩乐选三票| 创富彩票www.cf9900.com| www.446226.com-怎么制作彩票程序| www.iq26.com-彩乐乐网站-| www.9857.live-宫廷建筑彩画| www.62236.com-全民福彩的安全性| www.221044.com-彩神是真的吗| www.48rr.com-三国杀张星彩和关索| www.401001.com-七星彩三四位和尾| www.1xx.com-怎样最容易中彩票| www.zl15.com-双彩网是什么意思| www.4ny.com-彩票中二等奖概率| www.cp883.cc-刷彩票挣钱可靠吗| www.856239.com-极速时时彩平台出租| www.933309.com-彩票回血规划| www.996200.com-足彩十四场直播比分| www.eg34.com-福彩6十1开奖结果| www.962224.com-福彩3d林涛和值谜| www.896888.cc-买彩票能中大奖真相| www.189534.com-河南快三平台投注| www.51229.cc-猜单双的彩票平台| www.695783.com-竞彩m串n-| www.817475.com-sk彩票下载-| www.940991.com-快三是官方的吗| www.cp1212.com-江苏快三稳赚计划| www.l33.top-河北彩票app| www.680152.com-购买私彩-| www.07173.com-中国福利彩购买软件| www.7461.cn-开家体彩的要求| www.44508.com-淘彩票怎么玩| www.025420.com-体彩新型终端机| www.180331.com-大发快三正规吗| www.962010.com-彩涂板-| 大玩家彩票www.195090.com| www.130630.com-冀彩宝最新版本下载| www.558609.com-k彩娱乐官网| www.649365.com-京彩计划-| www.719840.com-七星彩怎么找规律| www.795529.com-新彩票走势网首页页| www.881394.com-博彩类app开发| www.993924.com-3d彩票怎么玩法| www.gb49.com-彩票客户端版| www.3kz.com-下载福利彩世界| www.76oh.com-3c彩妆怎么样| www.2739.cm-一分快三彩票倍数表| www.gt33.com-福彩快三玩私彩| www.v21.in-玄武彩票骗局| www.385315.com-湖北七星彩开奖结果| www.816520.com-彩票遗漏是什么意思| www.862383.com-天下彩票天空网| www.023133.com-天下彩、免费资料| www.213156.com-三分时时彩有多假| www.8605.wang-点点中彩票下载安装| www.17is.com-彩票网那里下载| www.h73.com-搜狐彩票基本走势图| 55世纪www.202337.com| www.976812.com-福彩双色球泰安中奖| www.kx54.com-快三历史开奖号码| www.800484.com-卓易彩票客服电话| www.71xg.com-240彩票-| www.9555.net-双色球凤彩网杀号| www.682712.com-彩票榜网页-| www.836428.com-七乐彩在线缩水软件| www.8905.org-竞彩冷门中奖| www.111159.com-安卓版彩名堂计划| www.206704.com-大发快三下载地址| www.890876.cc-西藏快三单式| www.u08.net-深圳福彩互联网| www.987643.com-蜀州通和小米彩票| www.565220.com-体彩软件哪个好| www.9971.net-l彩票开奖-| www.3739.cn-福利彩票天罡八卦图| www.15rd.com-一般彩票店几点关门| www.753.cn-彩合网933288| www.66156.com-福彩幸运号码| www.78dr.com-怎么让猫选彩票| www.4966.top-彩44彩票网址| www.02528.com-彩中彩平台是骗局吗| www.65855.com-彩经网杀排3| www.004126.com-福彩的关机时间| www.619093.com-5oo万足球彩票| www.711827.com-c58.彩票-| www.425388.com-足彩攻略-| www.hu72.com-快中彩开奖结果查询| www.yt40.com-优信彩票平台登录| www.809787.com-彩票概率学| www.711815.com-彩礼和陪嫁-| www.23822.cc-买彩票中了四等奖| www.928171.com-彩店宝店主版| www.388446.com-塞子彩票-| www.743688.com-从购彩票app| www.890150.com-委托买彩票纠纷| www.25jo.com-华彩赢家是真的吗| www.206976.com-香港天下彩网网址| www.sg4.cc-体彩开奖查询网易| www.ps34.com-竞彩猫app-| www.7yn.com-中国福彩网官网下载| www.123832.com-天天乐彩下载| www.397459.com-随时赚彩票是真是假| www.093339.com-彩色混凝土制作方法| www.076888.cc-体彩高效订票下载| www.355606.com-易彩娱乐最新版本| www.526785.com-澳客竞彩网比分直播| www.636189.com-旋风彩虹-| www.503708.com-快三出豹子前兆| www.6697.top-南方彩吧-| www.117177.com-8号彩票app下载| www.230258.com-易彩快三助手| www.311892.com-做彩票聊天话术案例| www.029738.com-电脑版3d图彩宝网| www.7160.vip-时彩买必出号的技术| www.249837.com-大彩网大乐透走势图| www.020316.com-西安福彩机子转让| www.661865.com-网络彩票输了10| www.cai5507.com快三计划软件下载| www.160006.com-福彩3d乐彩首页| www.356435.com-员工年后领彩票中奖| www.2700.wang-快三游戏网站| www.88904.com-光彩票-| www.204733.com-内蒙快三财经网| www.550533.com-全民彩票vip| www.637285.com-彩虹4-| www.723153.com-彩9彩票合法吗| www.800401.com-诸暨福彩网点查询| www.880071.com-福彩独胆专家预测| www.952734.com-两分彩-| www.cai5500.com内蒙古快三开奖号码| www.dh01.com-福利彩票要中几位数| www.yg99.cc-67彩票官网平台| www.35uq.com-快乐五分彩怎么玩| www.970148.com-威力彩-| www.149113.com-中彩国际app| www.254681.com-uu直播彩票破解| www.24972.com-初学者彩铅推荐| www.18890.com-云南省彩票-| www.67hn.com-太原小店体彩店转让| www.27su.com-体彩彩吧图-| www.2492.cm-足彩任九胆拖加复式| www.104996.com-彩票追号计划器| www.169770.com-湖北快三-| www.230299.com-北京快三第一期几点| www.300337.cc-福利乐和彩开奖结果| www.xl3.cc-3d新彩网-| www.958001.com-狂神七星彩今晚| www.346.me-怎么攻击黑彩网站| www.254631.com-时时彩过年停售吗| www.321078.com-南国特区七星彩票| www.918857.com-新世纪博彩-| www.4879.top-688彩票抽奖| www.27968.com-竞彩混合奖金计算器| www.701352.com-1305彩票网-| www.947164.com-江苏快三4豹子| www.18iw.com-找回我的彩票|