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.66527.cc-七乐彩中奖区域查询| www.7867.cc-竞彩十四场技巧| www.67zw.com-苹果酷彩吧下载| www.555201.com-全民双色球彩票计划| www.029814.com-国民彩票手机登录| www.202360.com-贵州体彩app| www.697891.com-全民彩是合法的吗| www.872079.com-贵阳市体彩中心主任| www.969143.com-福彩公益金使用违规| www.cai9944.com彩票开奖贵州快3| www.94487.com-河南福彩开奖结果查| www.612666.com-竞彩2串1能赚钱吗| www.447660.com-有足彩qq群吗| 万历彩票www.77114m.com| www.kr72.com-彩神彩票-| www.071371.com-竞彩彩票app| www.9980.biz-彩色压印混凝土模板| www.715550.com-彩票名称-| www.813888.com-网络彩票输10多万| www.012239.com-廉江好彩哥规律长居| www.2937.net-香港好彩堂论坛| www.1848.vip-大发快三中奖秘籍| www.8565.cc-今天的体彩开奖结果| www.91hy.com-辉煌彩票手机版| www.769525.com-app新盈彩-| www.886357.com-环彩app-| www.qa11.com-帝王彩票真假| www.839336.com-求加入福彩快三| www.mf69.com-好彩投彩票-| www.198937.com-河北快三下期预测| www.288816.com-彩票常用术语| www.029541.com-利赢国际彩票| www.302405.com-七星彩规律表| www.ky2.com-江苏快三遗漏一定牛| www.4299.biz-鑫彩网彩神-| www.13023.com-竞彩篮球开奖| www.29yq.com-全民彩票注册网| www.465.cm-合乐彩票手机版| www.752235.com-01彩票好不好| www.549968.com-福彩扫码摇大奖规则| www.4467.net-猜谜彩票合不合法| www.312058.com-发彩平台下载安装| www.455788.com-彩经彩票走势图大全| www.562716.com-依彩化妆品代理| www.698.tv-竞彩猫指数教程视频| www.110497.com-66彩票网登录网址| www.113966.com-彩涂钢板卷-| www.949510.com-时时彩后三杀号| www.fg5.cc-分分彩不要玩| www.a11.vip-体彩大乐透兑奖表图| www.0926.vip-足彩合买软件| www.525101.com-足球足彩推荐分析| www.39ta.com-18147胜负彩| www.3215.in-尚景欣园体育彩票| www.229667.com-足彩-| www.796508.com-马来分分彩开奖网址| www.928926.com-彩福彩票是骗局吗| www.ka3.cc-福彩6+1生肖| www.1907.in-福彩机器人价格| www.301649.com-彩经网预测-| www.q37.net-快乐双彩开奖| www.810610.com-尊彩是什么意思| www.966576.com-足彩指数500| www.cp464.com-福彩快3合肥| www.393633.com-重庆时时彩停止开奖| www.210998.com-合肥福彩快三| www.60zk.com-福彩3b字迷主题| www.8057.vip-创意水彩建筑| www.295882.com-中国体彩票开奖公告| www.529693.com-国家对福彩整治| www.646869.com-14场胜负彩吧| www.805273.com-福彩类-| www.886658.com-106cm彩票-| www.959462.com-中彩网河北快三| www.ey.com-竞彩网首页-| www.nj83.com-雪缘园足彩比分直播| www.17149.com-盈彩全天计划群| www.522178.com-山东福彩双色球论坛| www.611452.com-长春彩票开奖| www.230726.com-手机福利彩8合法吗| www.293366.com-智慧彩本地应用| www.360354.com-体肓彩票玩法| www.228585.com-彩票快三开奖时间| www.406221.com-七星彩哪看规律| www.76369.cc-中华彩票网骗局| www.036066.com-彩票开奖提醒软件| www.129729.com-福彩网上能买么| www.0780.xyz-港澳生肖彩手机版| www.491434.com-福彩图库真精华布衣| www.1635.vip-体彩大乐透怎么玩儿| www.237022.com-2019年彩票休市| www.301770.com-凤彩网大乐透预测| www.367928.com-刚力彩芽长发| www.443296.com-网易彩票吞钱吗| www.527673.cc-重生时时彩二星走势| www.586432.com-近期电子送彩金网址| www.653281.com-福彩8炫彩奖金| www.862816.com-当天全部彩票开奖| www.951221.com-京彩国际平台骗局| 大赢家彩票www.799243.com| www.276279.com-p幸运快三代玩| www.991.red-好友游戏彩票| www.9232.online500百姓彩票网| www.59322.cc-人工智能预测彩票| www.869118.com-七星彩顺口溜| www.669.bid-沈阳彩票机器转让| www.25.cx-福彩快3压大小| www.737070.com-福彩3d开今天一| www.921632.com-中彩票的密码| www.664208.com-头彩app最新版| www.130971.com-未婚先孕彩礼怎么谈| www.604962.com-中澳彩票是合法吗| www.99hv.com-重庆时时彩开奖历史| www.866039.com-易网彩票开奖结果| www.lo07.com-快乐彩12选5玩法| www.777725.com-小财神彩票论坛| www.899615.com-天天彩票手机软件| www.976413.com-长春市福彩中心地址| www.165907.com-河北快三-| www.303146.com-福利彩快三开奖结果| www.399447.com-红牛彩票怎么下载| www.525528.com-黑彩怎么能赢钱| www.595444.com-k345cc天空彩| www.659773.com-明发彩票怎么样| www.716785.com-彩铅手绘樱花树| www.774494.com-如何买双色球彩票| www.828113.com-彩票2019035| www.957245.com-竞彩80802期| 幸运彩票www.983699.com| www.if07.com-快三彩票倍投计划表| www.wt25.com-福彩速查表图| www.666174.com-彩票返亏损的平台| www.4107.cm-太子报彩吧图库| www.8702.in-买时时彩被骗报警后| www.155189.com-足彩19043期| www.yl50.cc-新加坡乐彩开奖结果| www.500855.cc-同底彩色是什么颜色| www.qn26.com-pc彩票是什么意思| www.1157.in-谜材彩票术语大全| www.452888.com-体彩五位礼拜几开奖| www.15298.cc-描写彩虹美的句子| www.009631.com-a4彩膜手机-| www.092211.com-福彩双色球500| www.98id.com-有职业玩彩票的吗| www.567169.com-江苏福彩快三彩彩乐| www.000431.com-极速时时彩是假的吗| www.091608.com-微微彩票下载安装| www.331390.com-中彩票动图-| www.391198.com-龙胜彩票下载平台| www.369142.com-体彩31开奖结果| www.537788.com-竞彩足球双平买法| www.657866.com-49彩票手机安卓版| www.56997.cc-快乐彩任选四| www.379752.com-如何开好一家彩票店| www.0714.com-彩票投注站好申请嘛| www.150113.com-全民中彩票官方网站| www.387690.com-长红竞彩网app| www.577953.com-购中彩票-| www.uy18.com-贵州福彩快3中奖| www.3440.cc-快三大小单双最长| www.835905.com-顺丰丰彩如何兑奖| www.46577.com-福星彩开奖号码| www.673888.cc-建筑彩绘大图| www.750498.com-中彩在线办公系统|