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.189172.com-二分快三是什么彩票| www.962430.com-靠谱的时时彩平台| www.6056.vip-体育彩票过户| www.333946.com-境外黑彩-| www.475239.com-金誉彩票真的假的| www.567592.com-15700乐彩网| www.656008.com-彩神帝网址-| www.738365.com-快购彩票软件| www.0366.cm-777福彩双色社区| www.11450.com-彩票生日选号软件| www.762573.com-彩票批发多少钱一张| www.25jp.com-数码迷彩图片| www.0710.tv-139彩票下载| www.01774.com-彩麒麟会开花吗| www.369418.com-有什么好的彩种| www.381641.com-玩时时彩的群| www.417066.com-越南好彩香烟价格| www.526861.com-中国博盈彩票| www.145794.com-七1星彩开奖结果| www.4220.xyz-优乐彩提现安全吗| www.02225.cc-搜狗彩票杀号| www.799707.com-彩票刷子方案| www.878275.com-赛车彩票大骗局| www.950529.com-e乐彩网-| 财神网www.29277b.com| www.50760.com-808彩票网册子| www.076455.com-江西多乐彩11选5| www.6689.xyz-好客彩下载-| www.130006.com-腾讯分分彩跨度技巧| www.226761.com-彩票端下载-| www.301418.com-青海快三规律| www.380621.com-福利彩票微信头像| www.191720.com-福彩3d夸度走势图| www.41to.com-鸿运彩票如何| www.652759.com-3d彩报蓝精灵全部| www.871930.com-毕节市福利彩票中心| www.998559.com-三第彩票-| www.wg98.cc-彩神全能版-| www.143316.com-苹果乐8彩首页| www.851873.com-乐米彩票中一等奖| www.253.website福彩2019年前景| www.ey88.com-牛蛙彩票四不像图准| www.b04.pw-福彩公告-| www.wn00.cc-78500彩宝贝| www.40bz.com-济南结婚彩礼多少钱| www.8246.biz-假彩票机中国福彩| www.62vy.com-西安福彩转让信息| www.132077.com-河南濮阳各地彩礼| www.241062.com-彩铅花卉-| www.4370.pw-买彩票怎么选号生日| www.4501.cm-怎么开彩票投注站| 众乐彩票www.389044.com| www.317709.com-足彩十四场投注经验| www.981442.com-大乐透彩票中奖| www.vy28.com-福彩三d四码遗漏| www.107772.com-福彩3d字谜藏机图| www.288665.com-重庆时时彩分折软件| www.379235.com-福彩都是礼拜几开奖| www.536111.com-山东体彩网软件| www.739168.com-点点中彩票下载| www.055537.com-福利快三显示图| www.258440.com-胜负彩19052| www.111242.com-非法彩票app举报| www.713797.com-福彩3的夏天开机号| www.812229.com-苏州新区竞彩店| www.895727.com-内苎古快三走势图| www.957648.com-台湾乐透彩资料| 购彩在线www.66332w.com| www.ms61.com-中彩吧app-| www.34844.com-网络民间购彩平台| www.389683.com-国家体育彩票电子版| www.135937.com-我要买彩票在哪里买| www.984157.com-分析列表彩吧论坛| www.qc3.com-大发快三预测软件| www.rz08.com-极速快三单双技巧| www.57904.com-978cc彩票-| www.556644.com-复式投注七乐彩图片| www.664832.com-中国福利彩票39期| www.751787.com-彩票自动下注| www.193038.com-韩国快三官网| www.085702.com-博彩漏洞套利违法吗| www.3831.top-体彩第19036期| www.38384.cc-天天助手彩票计划| www.610850.com-华彩生活下载安装| www.806508.com-竞彩跟单资金计划| www.496807.com-即时彩票官网| www.561076.com-铁人铁胆的彩票专栏| www.739480.com-时时彩合买大厅骗局| www.gv5.com-彩票大乐透开奖结果| www.189264.com-內蒙快三-| www.122134.com-宁夏福彩网双色球| www.213722.com-神彩网下载-| www.275373.com-中国体彩现场直播| www.523688.com-百胜9b彩票登录| www.658100.com-体彩快开电子走势图| www.43311.com-意大利快三-| www.860643.com-彩16在线登录| www.vq89.com-福彩三d开将结果| www.18qv.com-七星彩号码表| www.94gv.com-纵彩vip下载| www.7747.vip-腾讯五分彩开奖号码| www.510519.com-彩虹的约定吉他谱| www.584818.com-台湾十分彩怎么追号| www.670222.com-美国彩票介绍| www.732936.com-彩票网点-| www.794888.com-飞鱼体育彩票网址| www.860951.com-好彩3玩法介绍| www.916583.com-黑客能修改私彩余额| www.978668.com-贵烟新好彩价格| www.cai7300.com江西快三走势图今天| www.713718.com-咋样计算下期彩票| www.973683.com-手机福彩网app| www.fi22.cc-竞彩宝-| www.yb20.com-哪有买彩票的app| www.528.in-新浪爱彩必发指数| www.5341.me-7星彩开奖历史结果| www.288673.com-竞彩大奖怎么领取| www.84vf.com-18世界杯有啥彩票| www.4233.biz-彩票哪个平台有分红| www.08094.cc-重庆贵族快三查询| www.16tt.com-3的字谜双彩论坛| www.936048.com-时时彩聚宝盆app| www.652845.com-电竞博彩吧-| www.728900.com-京东彩票是不是真的| www.793779.com-ak彩票馆诈骗案例| www.866646.com-3d彩票开奖试机号| www.928582.com-体彩字谜-| www.984869.com-长城彩票官方网站| www.fx1.com-哪个彩票是6位数| www.189695.com-河南快三最大遗漏| www.290908.com-快三微信自动开奖| www.384004.com-彩票数据爬取| www.630269.com-55215彩吧图| www.0153.xyz-彩色的东西是什么| www.374434.com-万彩吧cn8-| www.10dc.com-彩之云手机版| www.79113.com-福彩快3输钱| www.078821.com-彩16app官网| www.154342.com-七乐彩开奘结果| www.724822.com-兼职彩票投注手| www.905368.com-在哪能能买足彩| 大赢家彩票平台www.136025.com| www.tf10.com-吉林快三压大小单双| www.68908.com-体彩7星彩如何选号| www.300.red-为什么彩票越买越输| www.480080.com-时时彩怎么买单双| www.315920.com-什邡体彩店-| www.607318.com-中彩迅达买彩票| www.700968.com-福彩3daa牛材网| www.059863.com-铁公鸡彩票四加一| www.029037.com-彩票代打账号兼职| www.895016.com-彩票投资是什么意思| www.190.bid-彩铅古装-| www.3358.in-彩中彩是什么| www.986329.com-三地走势图彩吧助手| www.1ve.com-澳洲3分彩开奖记录| www.39957.cc-彩票之家ios| www.0639.com-用统计学推算彩票| www.082967.com-宝马集团彩票app| www.553299.com-竞彩中奖故事| www.29oa.com-彩票3d大奖新闻| www.600300.com-长春溢彩洗浴坑人| www.8861.in-本科彩票专业| www.021106.com-排三老谢说彩|