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.464422.com-福彩九宝图不离密码| www.72706.com-福彩智能语音投注站| www.603829.com-足彩弟19043期| www.198662.com-彩神ii正规吗| www.562073.com-幸运五分彩-| www.kw51.com-福彩有几个号码| 乐彩网www.lcw997.com| www.003420.com-菲律宾网络彩票诈骗| www.8725.wang-彩票双色球推荐号码| www.89bb.cc-私彩靠什么挣钱| www.6173.pw-彩钢板价格-| www.22493.com-i王者彩票wz| www.76188.com-彩博士软件出错了| www.036635.com-福彩3d选号过滤器| www.127225.com-彩铅真人皮肤上色| www.204531.com-江西省多乐彩走势图| www.619393.cc-彩票洗碎还能兑奖吗| www.811015.com-彩灯-| www.913956.com-福彩三百期走势图| www.985116.com-足彩水低于返还率| www.zw2.com-河南快三彩票平台| www.c44.bid-三六零彩票开奖| www.691130.com-足彩竞彩网资讯| www.166721.com-一分快三破解器| www.338047.com-中国福利彩票开奖时| www.jt88.com-重庆时时彩一定牛| www.211066.com-彩票网站平台| www.298352.com-好123彩票-| www.254367.com-下载大发分分开快三| www.8731.top-智投彩票-| www.45230.com-顶尖彩票是真的吗| www.459689.com-七星彩交坛高手| www.314726.com-竞彩篮球推荐玩法| www.471117.com-湛江私彩举报电话| www.18556.com-毒药独胆福彩| www.2394.org-新年讨个好彩头| www.mj53.com-五分快三助手| www.598500.com-19036体彩-| www.357336.com-彩票中20万-| www.654630.com-七星彩开奖结果图片| www.41oo.com-vr3分彩有风险吗| www.2663.pw-60彩票网站-| www.36673.cc-9号彩票线路| www.621422.com-甘肃快三电脑版| www.008628.com-彩票投注接口| www.114835.com-中国彩票双色球下载| www.246822.com-新浪足彩分析| www.372638.com-7位数开奖彩票2元| www.950302.com-三分时时彩软件平台| www.668863.com-信彩票软件下载| www.731876.com-彩色纸箱图片大全| www.781106.com-彩虹岛网页版| www.873250.com-老赖中彩票可以领吗| www.948145.com-千亿彩票代理| 亿彩堂www.87668h.com| www.002646.com-辽宁福彩3d走势| www.985529.com-足彩14场胜平负| www.fr59.com-快三遗漏表-| www.336373.com-滴滴彩票怎么样| www.505418.com-彩吧一板-| www.510088.com-体育彩票哪个好| www.623191.com-福彩体排列三走势图| www.539435.com-山东彩票销量| www.886908.com-江苏快三全天计划表| www.1264.cn-西藏快三走势图| www.024651.com-福彩积分兑换礼品| www.187599.com-五星彩-| www.765665.com-海南私彩七星彩官网| www.345699.com-福彩现场出号| www.iw08.com-足彩串关计算器| www.mk04.com-福彩3d字谜画谜| www.9530.top-买彩票一般几位数| www.042847.com-黑龙江快三微信群| www.209306.com-快三正规平台有哪些| www.520999.com-中国彩票破解方法| www.855776.com-中国体育彩票竞足| www.983656.com-狗万app足彩| www.18239.cc-体彩刮刮乐手机兑奖| www.218092.com-福彩门户网址大全| www.631214.com-博彩软件对刷| www.793339.com-福彩在线是不是赌博| www.cl45.com-k彩彩民福-| www.wf64.com-彩票开奖查询公告吗| www.58860.com-彩票开奖上期结果| www.626417.com-彩票投注app代理| www.240.xyz-三彩丽雪官网商城| www.5556.vip-3d彩吧开机号十期| www.65cf.com-彩票工具网(最新)| www.251644.com-微彩是骗局吗| www.1655.in-足彩吧公平赔率| www.198466.com-彩神大发快三入口| www.350238.com-9万彩票贴吧| www.319732.com-七星彩质和走势| www.630886.com-双彩网站-| www.755743.com-派彩的意思是什么| www.864438.com-新彩网手机版下载| www.931078.com-南洋彩现场开奖| www.800955.com-直接购彩的极速快三| www.892293.com-足彩怎么买稳赚不赔| www.968006.com-胜负彩超级必发指数| www.cai8966.com彩票的谜语-| www.19wv.com-分分彩挂机不爆方案| www.873459.com-体彩为什么要限制| www.961753.com-福彩二星缩水软件| www.19hm.com-肥城彩票大奖| www.9311.in-统一彩票兼职真假| www.08158.com-长沙体彩中心电| www.022500.com-宝马彩票官方网站| www.286826.com-大发粤淘彩票注册| www.511913.com-水溶彩铅绘画图片| www.669982.com-彩色童话故事| www.cai1722.com今日湖北快三一定牛| www.ee35.com-未来实体店彩票前景| www.21wi.com-qq里有彩票吗| www.013233.com-福利彩票摇奖模拟器| www.187337.com-时时彩买大小绝招| www.289611.com-体育博彩app| www.432811.com-亓合彩现场开奖| www.530055.com-彩票网实时计划| www.610085.com-人是否应该买彩票| www.680430.cc-福利彩票快3银川| www.762175.com-两分时时彩正规吗| www.837053.com-足球竞彩一定牛下载| www.499262.com-d9彩票谁玩过| www.aw34.com-内蒙古快三提前开奖| www.790200.com-福彩500期走势图| www.677940.com-请下载南方双彩| www.589300.com-竟彩足球彩客网| www.652.live-开奖时时彩软件| www.828477.com-人生出彩是什么意思| www.565.red-极速赛车是什么彩| www.57ot.com-胜负彩18077期| www.380558.com-体彩麻辣中奖图片| www.487735.com-彩票平台有漏洞吗| www.619256.com-今晚七星彩票开奖果| www.718252.com-幸运飞艇是官方彩| www.848316.com-香港正规时时彩网址| www.974676.com-网上能够购买体彩吗| www.nc.cc-快三有人赚么| www.103405.com-旺彩大乐透选号| www.707378.com-拼搏在线彩神通| www.636267.com-庆典彩虹机哪家好| www.703991.com-三位数彩票开奖| www.767662.com-赢彩彩票冻结账号| www.751304.com-彩票改单技术软件| www.11tk.com-体彩天下评论| www.1230.vip-3d排列三彩神通| www.9237.biz-竞彩概率-| www.243923.com-福彩开奖双色球时间| www.353658.com-做彩票软件销售| www.442556.com-关注彩票中奖号码| www.559060.com-福彩体彩双机店转让| www.632988.com-力彩芽-| www.704166.com-福彩排列7开奖号码| www.800934.com-辽宁真版3d彩涂| www.367842.com-彩铅古风锦鲤| www.463619.com-天天好彩744cc| www.555316.com-tyc博彩-| www.623702.com-盈盛彩票网站| www.711989.com-168彩票开奖结果| www.786621.com-下载彩吧网-| www.863029.com-19051胜负彩| www.948355.com-体彩分析软件| www.997034.com-欢乐彩官网开奖结果|