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.691793.com-本月足彩对阵表| www.299438.com-中彩啦是正规的吗| www.980512.com-彩票ftp-| www.hc71.com-8彩票-| www.1kr.cc-3d胆码牛彩总汇| www.259.cn-三地福彩-| www.232223.com-足彩2串1全包保本| www.367721.com-彩铅古风场景图片| www.23475.com-瑞彩网首页-| www.796703.com-足球竞彩比分直| www.604872.com-彩44彩票app| www.693032.com-有赌时时彩发家致富| www.9719.top-彩宝彩票输了多少| www.9816.in-我要今天的彩票| www.046068.com-c彩83下载-| www.84646.com-附近福彩销售点| www.775835.com-河北省彩票中心电话| www.2829.hk-七星彩现在开奖直播| www.86833.cc-竞彩猫合买微信群| www.301180.com-福彩三d新彩网图| www.7723.cm-二分彩票网站| www.568677.com-彩678是骗局吗| www.967614.com-在手机玩黑彩输钱了| www.ny56.com-天天彩票手机论坛| www.609170.com-仓山区彩票店转让| www.677543.com-外围彩票网站网址| www.897105.com-久久发彩票-| www.cp2979.com-英国时时彩开奖记录| www.203.cm-彩铅萌图教程| www.m27.in-分分钟时时彩网站| www.58ob.com-黑名单中彩票| www.551255.com-广东快乐彩技巧稳赚| www.693546.com-app足彩不能买| www.769248.com-彩票江苏快3| www.12yt.com-800彩票app-| www.001616.com-澳门天麟国际购彩| www.777027.com-海南七星彩准确头尾| www.023136.com-彩票的一些玩法| www.610882.com-华彩人生官方| www.699619.com-微信快三托-| www.801150.com-富民彩票是骗局吗| www.873633.com-亚博彩票网站是什么| www.bf20.com-80彩票正规吗| www.001991.com-釉彩瓶主要成分| www.111257.com-河北快三3-| www.828058.com-澳大利亚强力球彩票| www.370988.com-微信时时彩票合法吗| www.537244.com-家人沉迷买彩票| www.802104.com-福彩3d笨笨大花猫| www.920208.com-彩gg-| 大赢家彩票平台www.110879.com| www.93hj.com-078彩票软件苹果| www.7576.in-华彩生活怎么还款| www.220065.com-彩票开奖双色球字谜| www.442855.com-懂彩-| www.76956.com-9号彩票登录地址| www.500073.com-下单送彩票-| www.332653.com-五分快三彩票规律| www.340756.com-体彩竞彩赛事推存| www.425632.com-彩票有破解吗| www.696213.com-竞彩足球哪里买| www.882988.com-鸿源彩网平台可靠吗| www.966937.com-新彩票网站-| www.qg94.com-好彩双爆多少钱一包| www.332440.com-彩票骗局大揭秘| www.349336.com-神算子彩图-| www.582630.com-重庆官方有分分彩吗| www.720013.com-七星彩最好规律| www.931738.com-双色球彩票必中咒语| www.te66.com-买快三什么意思| www.6454.cn-速8彩票真的假的| www.54407.cc-时时彩怎么可以稳赢| www.md11.com-澳客彩票官方网站| www.436861.com-779彩票靠谱么| www.679121.com-彩风凰茶花-| www.7938.vip-彩墨染卡-| www.5138.net-南方福彩网-| www.29672.com-快彩是否合法| www.874564.com-河南体彩481走势| www.271882.com-立彩平台app| www.347411.com-天天爱彩票怎么样| www.422020.com-松坂桃李刚力彩芽| www.57581.cc-澳客赢家彩票网| www.957154.com-福彩分析预测论坛| www.kt69.com-中国福彩快三网| www.53099.cc-搜索福彩排列五| www.791364.com-排列三彩宝网开机号| www.883875.com-彩界元宝双胆| www.966853.com-甘肃快三预测推荐号| 99福彩www.729987.com| www.774321.com-三分时彩官网| www.0710.tv-139彩票下载| www.737083.com-网易彩票客户端叫啥| www.990094.com-3d字谜多彩网| www.oe85.com-快三遗漏上海| www.5188.website彩友多软件-| www.nf6.com-一分快三走势图技巧| www.679.net-时时彩有官方网站吗| www.590305.com-彩金和黄金-| www.963235.com-彩色混凝土压模| www.kh11.com-福彩中奖-| www.04qs.com-水溶彩铅怎么用| www.456187.com-男子丢彩票开枪自杀| www.815017.com-彩票机投放-| www.947739.com-彩票作弊器视频| www.000222.com-多彩网app-| www.056166.com-重庆时时彩怎么赚钱| www.cai7244.com江西快三基本走势图| www.095338.com-彩票投注资金策略| www.349224.com-超神时时彩在线计划| www.479618.com-江西省体彩中心主任| 幸运彩票www.5095i.com| www.175917.com-快三投注平台手机版| www.961318.com-网上大众彩票| www.cp3686.com-百盈快三是骗局吗| www.6fj.com-彩票挂机手机版| www.41504.com-彩票赌博软件8na| www.538187.com-中国国彩-| www.876137.com-福利彩票去哪里兑奖| www.761062.com-秒速时时彩计划心得| www.632.in-在哪找代玩兼职彩票| www.04og.com-线描彩铅画-| www.zs83.com-七彩视界官网| www.056730.com-七乐彩杀号公式方法| www.bl9.com-精彩十分走势图图片| www.55990.cc-七星彩开奖今天查询| www.504167.com-彩排和踩台的区别| www.246793.com-k3福彩官方邀请码| www.934880.com-广西快三精准计划| www.y54.cc-本子福利吧全彩伪娘| www.700177.com-彩票大发的技巧| www.45166.com-不买彩票就是中奖| www.376115.com-全民乐彩app| www.460634.com-排三彩吧预测| www.558668.com-彩博888会员资料| www.625944.com-福彩跨度图-| www.2xy.com-热购彩票代理| www.095.cm-官网三星福彩app| www.4272.biz-福彩彩票神采吧| www.3798.biz-南围彩票论坛| www.129907.com-福彩图迷汇总牛材网| www.094844.com-福彩七加二怎么选| www.st5.com-上海快三推荐三号| www.ud07.com-北京快三站点| www.0592.bid-竞彩足球胜负彩| www.876711.com-七乐彩几点停止销售| www.969718.com-乐彩论谈-| www.jb53.com-福彩3b字迷-| www.065959.com-彩虹六号战绩查询| www.307177.com-福利彩票怎么看| www.127301.com-简单彩铅画-| www.191956.com-五分快三技巧走势图| www.260553.com-快三怎么能赚钱| www.19wq.com-足球彩票运气| www.973083.com-彩虹六号官网| www.ue36.com-彩票软件官方| www.12993.cc-附近福利彩票店| www.49824.com-彩神大发软件| www.837991.com-福利彩票红蓝| www.cai4900.com甘肃福彩开奖号码| www.350043.com-什么是彩票对压| www.398562.com-甘肃福彩专刊| www.494249.com-沈阳彩票站合作| www.275963.com-快三修改器-|