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.85bi.cc-彩93平台-| www.495326.com-彩漂泡衣服时间太长| www.52572.com-好彩粤语-| www.836553.com-七乐彩缩水软件| 必发彩票www.760557.com| www.368532.com-中了彩票人的下场图| www.191275.com-分分快三在线计划| www.713066.com-东莞体彩中心地址| www.808907.com-机选彩票中了一等奖| 六福彩票www.566850.com| www.839518.com-胜负彩14场走势图| www.69wh.com-重庆时时彩害人| www.61fn.com-福彩3d彩吧弟一版| www.356852.com-福利彩票三d分析| www.539064.com-网络彩票骗局时时彩| www.618908.com-七乐彩双期双色| www.712285.com-e彩堂买彩票靠谱吗| www.809597.com-彩生财彩票-| www.893368.com-双色球彩票工具箱| www.py30.com-14彩票app-| www.85351.com-竞彩串关容错表| www.598606.com-七星彩票选几个号码| www.664567.com-自然风景彩铅画简单| www.751543.com-网上信誉搏彩平台| www.827385.com-博彩和赌博的区别| www.898908.cc-彩票一天赢三百收手| www.cp7499.com-广西快三开奖直播| www.315356.com-重庆时时彩免费计划| www.742742.com-俄罗斯彩蛋价格| www.849907.com-彩礼钱一般包括什么| www.937091.com-彩票两元走势图| www.zy93.com-浦东体育彩票网点| www.27pj.cc-彩票被捡-| www.261679.com-福彩官方版下载| www.441516.com-彩票限制-| www.573302.com-七星彩早版加急版| www.660949.com-白菜网彩票-| www.968996.com-易彩集团是什么公司| www.29mv.com-海南七星彩代理卖奖| www.187654.cc-时时彩开彩结果查询| www.319577.cc-k彩福登录-| www.036582.com-福彩快乐彩22选1| www.0625.cm-新淘彩是黑平台吗| www.475875.com-体育彩票中奖号公布| www.566814.com-彩虹六号rog战队| www.648402.com-江苏快三八方走势图| www.cp290.com-河北快三开奖号码| www.04567.cc-怎么买足彩-| www.654433.com-今天福彩3d推选号| www.766975.com-2017竞彩普及日| www.877044.com-七彩乐开奖时间几点| www.67751.cc-骗客买彩票-| www.165775.com-玩快三是什么意思| www.396810.com-金钱豹彩票投注网站| www.094955.com-马云的彩票叫什么| www.cp0404.com-福彩快三开奖湖北| www.h05.cc-瑞彩祥云app苹果| www.7692.pw-金山彩票官方客户端| www.225479.com-3d福彩开奖-| www.235495.com-310足彩走势图| www.4365.wang-男子赊账买彩票| www.16055.cc-天天彩选3开奖号码| www.65wj.com-博彩公司如何风控| www.0277.org-时时彩三星推号技巧| www.874480.com-新浪彩票网站首页| www.984172.com-双色球精选彩吧论坛| www.ex61.com-uu快三是真的吗| www.7437.cc-手机快三软件下载| www.5443.vip-买彩票的人梦见小猪| www.10033.com-51彩-| www.53ll.com-微彩吧官方开奖结果| www.358938.com-第一次去彩票店| www.456743.com-马彩生肖图-| www.560626.com-重庆时时彩5星直选| www.641886.com-福彩柜台-| www.728956.com-3的双彩图-| www.808447.com-体彩排列三走试机号| www.376.cc-福彩3d实票晒| www.02391.com-福彩迷恋网络| www.222482.com-彩票注册送28元| www.308006.cc-初学者买彩票| www.187612.com-时时彩黑客破解公式| www.293731.com-1分快三计划表| www.15il.com-517菠菜网彩票| www.628344.com-彩票怎么买几个数字| www.74gr.com-彩票规则漏洞| www.0225.xyz-时时彩牛牛玩法计划| www.259.tv-噢百万彩票开奖结果| www.826951.com-彩票怎么砍龙稳赚| www.888166.com-万彩吧6彩-| www.954508.com-彩票倍投方案高手| 彩宝www.cb2588.com| www.wq5.cc-湖北快三统计图表| www.pf90.com-福客来彩票大发快三| www.x10.xyz-赚钱平台彩票| www.39lk.com-人工彩虹的物理原理| www.483077.com-彩票中心领奖安全不| www.206831.com-7乐彩中奖规则| www.95yq.com-高频彩统计-| www.169556.com-内蒙古快三遗漏数据| www.353267.com-彩线条图片大全简单| www.34017.com-彩票什么玩赚钱| www.396944.com-够力七星彩排列五| www.621534.com-彩皇网首页-| www.117553.com-福利彩票开奖信息| www.79vo.com-福彩3d讲座课程| www.383106.com-3月5号体彩七星彩| www.868718.com-专家预测七星彩号码| www.323836.com-彩78彩票是真的吗| www.425163.com-河北彩花漏打马赛克| www.549770.com-彩宝宝-| www.336955.com-新浪世界杯彩票| www.42xz.com-福彩开奖走事图| www.128063.com-捷豹专业彩票平台| www.268353.com-网上购彩-| www.475062.com-免费抢红包彩票| www.560549.com-kk彩票网骗局| www.806711.com-彩票和值投注技巧| www.906505.com-跟彩票有关的成语| www.106722.com-七彩娱乐注册网址| www.666792.com-500彩足彩-| www.731587.com-彩票平台团队带单| TT彩票www.766927.com| www.741118.com-出豹子的规律福彩| www.cai6244.com河北快三开奖爱彩乐| www.45215.cc-春节彩票店营业时间| www.55iz.com-东莞市体育彩票中心| www.117051.com-竞彩足球手机怎么买| www.199423.com-三分快三跨度走势图| www.5195.cn-免费白菜彩金| www.231624.com-官方彩票有哪些种类| www.338253.com-梦见老妈彩票中奖| www.435797.com-投彩网c97m-| www.27611.cc-彩票跟投靠谱么| www.279597.com-极速时时彩假| www.800646.com-注册赠送彩金| www.867135.com-体彩排列三组六遗漏| www.921759.com-香港高频彩前三组六| www.966786.com-山西宝马彩票案| 网易彩票www.063wy.com| www.122147.com-足彩竞猜分析预测| www.108354.com-私彩单挑-| www.75558.com-彩票走势图数据大全| www.075006.com-深圳福彩技术| www.159654.com-安微福彩快三走势图| www.238310.com-吉林快三和值表| www.470255.com-私彩和黑彩的区别| www.123273.com-彩票毁了多少人| www.ax99.com-七乐彩4+0-| www.20il.com-九彩僵神秦无风| www.1165.vip-网络彩票宣传语| www.0064.pw-网易竞彩预测分析| www.46737.com-浙江体育彩票6十1| www.069543.com-五分时时彩计划软件| www.187582.com-时时彩5星和值| www.561199.com-金牛彩票是正当的吗| www.618787.com-深圳足彩分析师招聘| www.134123.com-彩票在线购买| www.40ns.com-三毛彩报3d-| www.453997.com-什么是彩钢瓦| www.981040.com-七彩啥意思-| www.ar25.com-体育彩票七星彩| www.rv69.com-最新彩票指南报纸| www.12fk.com-怎么举报平台彩票|