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天

知道了
亚洲28 www.954785.com-彩票今晚出什么| 云博彩票www.www.196556.com| www.540023.com-休闲快三动作分解| www.408869.com-体育彩票1月27号| www.tr83.com-五分快三送彩金| www.166477.com-官方快三手机app| www.220891.com-快三看号技巧| www.187003.com-快三怎么杀号| www.277692.com-万豪福彩最新版| www.kg79.com-奇迹快彩网是真的吗| www.c96.club-福彩3b预测-| www.97yr.com-彩运无限怎么充值| www.200093.cc-六i和彩今晚开奖结| www.324728.com-彩票字谜图谜大全| www.800112.com-福彩快三驾吗| www.970178.com-福彩3d秘密通道| www.cp3500.com-江苏快三中奖助手| www.09xw.com-x23幻彩版配置| www.cq02.com-个人买私彩坐牢吗| www.6gn.com-银川仟彩摸吧流程| www.133180.com-彩色包装纸箱定制| www.322759.com-国彩网是骗局吗| www.495329.com-电竞博彩业-| www.633393.com-福彩首页-| www.703774.com-大发彩票网安全吗| www.5030.cm-吉祥彩票是正规的吗| www.47886.cc-海口飞鱼彩票玩法| www.042188.com-竞彩兑奖有效期几天| www.155849.com-手机时时彩做号软件| www.885389.com-大乐透2元购彩大厅| www.734563.com-风采和风彩-| www.83ug.com-信彩人工计划app| www.305344.com-体彩店能买双色球么| www.85325.com-足球竞彩网500| www.113300.com-qq好友让玩彩票| www.200883.com-七星彩走势图30期| www.86758.cc-福彩3d牛网-| www.069720.com-福彩开奖结果查洵彩| www.500730.com-什么年代有彩色相片| www.581101.com-玩彩是什么东西| www.662335.com-新彩网双色球字迷| www.325555.com-七星彩专家预测号| www.206935.com-青岛彩票网-| www.288169.com-福彩快开彩真的假的| www.506992.com-福利彩票赛马怎么玩| www.621200.com-正版福彩3d字画谜| www.711612.com-19048期七星彩| www.785857.com-玛雅吧彩票游戏下载| www.866875.com-每日首存彩票平台| www.959716.com-彩票944-| www.gy00.com-百盈彩登录网址| www.018405.com-快三模拟器-| www.192376.com-甘肃快三app| www.655871.com-北京彩票店个人转让| www.776358.com-唐龙说彩趋势分析| www.881238.com-博彩app在中国| www.996579.com-亚博彩票平台| www.el91.com-快三开挂器-| www.5156.site-体育彩票黑彩网站| www.059468.com-k彩福地登录不上| www.41051.com-时时中彩票是真的吗| www.856978.com-怎么开彩票店| www.929141.com-安徽福彩中彩网| www.cp7550.com-彩票双色球-| www.567066.com-彩虹云朵儿童画| www.ec81.com-彩票套利骗局| www.83an.com-和彩云怎么换手机号| www.353653.com-亚洲足彩公司有哪些| www.055287.com-极速快3哪个彩票有| www.62997.cc-158彩票靠谱吗| www.630628.com-乐彩网三地开奖结果| www.774840.com-官方彩快三-| www.898217.com-百彩网手机免费资料| www.32il.com-金钱豹彩票投注网站| www.1322.in-彩乐爆是正规的么| www.06328.com-赢彩网-| www.230568.com-一网彩票预测| www.752960.com-速赢彩app下载| www.088151.com-599彩票官网| www.092576.com-福建体彩31选7第| www.798168.com-鼎盛团队五分彩| www.892466.com-懂彩帝苹果下载| www.980264.com-彩票cp12下载| www.sm12.cc-广东快乐彩走势图| www.373503.cc-微彩吧线路-| www.223517.com-500彩票走势图| www.586230.com-福彩七乐彩杀号公式| www.675028.com-彩票站归哪个部门管| www.43644.com-中彩网选号助手| www.937567.com-m5彩票-| 凤凰彩票www.88266o.com| www.909441.com-乐彩快三能挣钱吗| www.81wb.com-深圳福彩官方网查询| www.4756.cc-彩票被冒领违法吗| www.970173.com-燕赵福利彩票首页| www.rl13.com-台湾时时彩开奖列表| www.124434.com-彩票历史开奖记录| www.7300.in-彩虹手机电视直播| www.14849.cc-彩票要当天买吗| www.077520.com-七星彩19032期| www.866162.com-今晚彩票出什么号| www.3688.vip-a3彩色复印机报价| www.04520.com-彩票app正规的| www.154405.com-注册彩票送彩金| www.268257.com-中国福彩有app| www.n73.org-查体彩开奖结果查询| www.797812.com-山西十分彩-| www.pe32.com-吉林快三一把一结| www.677288.com-彩色包装袋简单| www.985935.com-2元彩票大乐透杀号| www.31mr.com-256时时彩安卓版| www.593015.com-彩虹6号glaz| 彩民村www.88cmc.com| www.sq68.com-彩霸王彩霸图| www.61rf.com-福彩3d多彩-| www.39399.com-全民中彩提款| www.417901.com-厦门体彩店转让| www.521948.com-亿彩网app下载| www.589575.com-足彩专家推荐预测| www.659738.com-速彩娱乐登录| www.718557.com-高级彩虹屁-| www.780403.com-足彩预测500| www.843930.com-体彩中心人员收入| www.900223.com-辽宁十一选五爱彩乐| www.974541.com-掌中彩福利彩票| 购彩堂www.640118.com| www.82788.com-足彩19041预测| www.91217.com-高空彩烟单发价格| www.4803.vip-彩虹6号禁播| www.950818.com-彩票交流会群| www.cai0444.com福彩3d-| www.on18.com-中国合法的彩票种类| www.933.org-7星彩复式玩法介绍| www.303365.com-优乐彩票app| www.376550.com-体彩7星彩结果查询| www.495116.com-青岛彩票站出兑转让| www.752539.com-彩6官方彩票网站| www.729859.com-九鼎彩票app下载| www.861310.com-彩报3d图库老虎图| www.968527.com-英国有什么彩票| www.871981.com-福彩开机号码查询| www.sj75.com-最新彩票开奖结果| www.ua63.com-彩票拉人交流术语| www.87818.com-胜负彩怎么看| www.39165.cc-彩票上市公司有哪些| www.267848.com-彩票开奖查询彩宝贝| www.41696.com-哪个彩票app好用| www.592107.com-荣誉彩票是真是假| www.362858.com-七星彩数据图表| www.91319.com-好彩蓝莓焦油| www.18021.com-彩票包赔场-| www.97649.com-完美彩票下载| www.122111.cc-澳洲时时彩网址| www.807987.com-足彩亚冠竞猜预测| www.383598.com-重庆微信时时彩群号| www.wp.cc-福彩快三甘肃| www.058179.com-彩报忠心-| www.71844.com-福利彩票电话| www.ff38.com-甘肃体彩助手手机版| www.9is.com-单双平台七星彩| www.93bd.com-彩票的三个原理| www.558538.com-彩博士正版四不像肖| www.64zs.com-彩票销售点提成| www.5835.in-体彩二串一规则|