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天

知道了
亚洲28 www.711113.com-中国体育彩票直播| www.969478.com-彩票一期计划网站| www.418722.com-彩票店怎样盈利| www.564196.com-加盟机器人福利彩票| www.650772.com-今日头条彩票开奖| www.778256.com-福利3分彩官网| www.862521.com-东北辽宁彩票快三| www.930425.com-中彩票缴税-| www.987316.com-休闲快三慢动作教学| www.zd2.com-彩票平台提现失败| www.wr23.com-体育彩票双色球| www.54sb.com-贵州体育彩票销售量| www.3414.com-聚宝盆彩票资料总站| www.21660.com-有没有套彩金类似的| www.85rn.com-喜彩彩票软件| www.057187.com-彩票预测七星彩电话| www.180152.com-幸运快3彩票| www.254797.com-拉人玩时时彩犯法吗| www.395044.com-fc彩虹岛下载| www.542848.com-彩票怎么中奖几率高| www.540790.com-彩缘同志-| www.826515.com-933彩票官网上| www.953615.com-易彩快三高手计划表| www.00hb.com-专业玩彩视频| www.12412.com-快三猜一个号如何玩| www.210631.com-极速快三怎么下载| www.307128.com-彩票几点不买双色球| www.20tt.com-买彩票中奖几率| www.850.live-云南彩调电视连续剧| www.029537.com-利彩快3必中软件| www.115767.com-小马3d彩乐乐| www.186642.com-体彩独胆-| www.3595.com-87彩店最新版本| www.9495.cn-彩票有必要买吗| www.678742.com-米兜彩票哪家公司| www.700885.com-体彩实体店-| www.777218.com-澳客彩票胜负过关| www.895055.com-购彩网官网下载安装| www.588093.com-福彩3d大盘走势| www.cai6355.com上海快三500期| www.nt35.com-领奖彩票-| www.746263.com-彩贴吧49949| www.833920.com-无嘴好彩网上哪里买| www.928055.com-vr三分彩官网| www.980811.com-彩票源码下载| www.to2.cc-南昌福彩网-| www.rx61.com-有安徽快三的台子| www.62.com-万达彩票登录网址| www.66do.com-华彩二级-| www.096081.com-天下彩免费正版资料| www.200018.com-彩票往期开奖| www.291560.com-一分快三走势| www.375723.com-安徽宣城彩票中奖| www.288239.com-凤凰彩票私彩app| www.468946.com-境外网络博彩上班| www.562197.com-中彩啦软件下载| www.661912.com-福彩五分快三违法吗| www.750418.com-豪彩分分彩-| www.858598.com-竞彩足球可以胆拖| www.933192.com-2468天天开彩| 吉利彩票www.80075d.com| www.0202.cc-澳洲时时彩技巧b盘| www.22797.cc-最新版本6亿彩票| www.220678.com-用是软件看北京快三| www.41yw.com-云购彩票软件| www.028754.com-怎么在百度买彩票| www.qr60.com-中国体彩的发行宗旨| www.54yv.com-竟彩足球受注赛程| www.608531.com-中国竟猜足彩计算器| www.6116.in-世界最大彩票| www.663808.com-越南5分彩-| www.804772.com-七乐彩一周开几次| www.937840.com-彩票开奖视频| 500彩票www.607315.com| www.zn88.cc-幸运彩票是不是诈骗| www.730302.com-九号彩票靠谱吗| www.821382.com-福彩领导被抓| www.84538.com-彩色混凝土施工方法| www.6578.xyz-聚鑫彩票秒速pk| www.128026.com-温州福彩转让信息| www.4399.com-3分快三平台| www.65486.com-炫彩是什么-| www.xe47.com-福彩3d走试图| www.048479.com-彩吧图库第一版应用| www.034555.com-网上彩票平台合法吗| www.84299.com-彩钢夹芯板安装图| 幸运彩票www.671966.com| www.069912.com-彩神每日预测| www.542343.com-360彩票代购大厅| www.644407.com-下载华亿彩票app| www.667629.com-打彩球的游戏| www.773579.com-机器人彩票插件| www.833177.com-福利彩3d分析软件| www.898113.cc-hk百彩网资料网址| www.966256.com-极速快三怎么研究| 乐彩网www.lcw997.com| www.zx94.com-彩虹7什么游戏| www.66za.com-彩票欠账打官司| www.1044.xyz-买七乐彩票开奖结果| www.42176.com-盈盈彩下载-| www.28563.cc-湖北省彩票发行时间| www.95937.cc-福彩考试的知识| www.106078.com-成功彩票在线| www.189537.com-三分快三走势图解| www.256609.com-时彩开奖助手| www.357700.com-买彩票欠巨款| www.440357.com-中彩那天的课本朗读| www.mb42.com-一分快三怎么看豹子| www.79rk.com-福利彩票中3个有钱| www.15386.com-嘉兴福彩机申请| www.017854.com-41彩票网-| www.140878.com-618彩票合法吗| www.4718.cm-七天彩票网上购买| www.02225.com-老公爱买彩票怎么办| www.977528.com-18049期足彩| www.hs05.com-808彩票网籍册子| www.a45.top-足彩胜负彩技巧| www.15jv.com-彩正规澳门彩票平台| 奔驰彩票www.281877.com| www.012111.com-昨天福彩中奖的号码| www.086970.com-七乐彩中奖等级杏绚| www.145013.com-体彩排列三走势新浪| www.25zs.com-哪里的彩友多| www.719021.com-彩虹的形成图| www.801166.com-60彩票-| www.875631.com-重庆时彩时彩图| www.930675.com-马来西亚乐和彩网站| www.980354.com-体彩竞猜规则| www.cai665.cc-贵州快三基本走势图| www.ir18.com-一分钟快三下载安装| www.ye38.com-湖南体彩网-| www.752739.com-彩票01是不是违法| www.820303.com-河南省福利彩票3d| www.884182.com-乐盈彩票可靠吗| www.944362.com-实亿国际是黑彩票吗| www.989876.com-七七彩票是真的假的| www.wp6.cc-精英彩票心水| www.ox72.com-竞彩网易网推荐| www.6zj.com-体彩营销活动| www.89ly.com-返回百姓彩坛平特图| www.488918.com-乐透了彩票足球| www.863780.com-体彩查询开奖号| 凤凰彩票www.01063.com| www.6pa.cc-新利快三最大遗漏值| www.0407.tv-足彩吧贴吧-| www.8869.vip-日本彩票30秒开奖| www.003299.com-梦想彩票注册| www.9957.top-天天买彩票软件| www.690555.com-赢钱彩网址-| www.086864.com-中国福彩怎么买彩票| www.857404.com-博123彩票app| www.175726.com-江苏快三神计划| www.229382.com-加群教你买彩票骗局| www.282115.com-福彩专家预测汇总| www.334619.com-河北快三荐号| www.613826.com-调整高频快开彩票| www.881552.com-如何制作博彩app| 华彩网www.hcw332.com| www.83fp.com-幸运彩票黑钱怎么办| www.884064.com-678彩票网app| www.24547.com-敂力七星彩奖表| www.806678.com-腾讯分分彩玩法介绍| www.ft82.com-宝马彩票app| www.607372.com-兴义体彩中心在哪里|