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.42zi.com-福彩2d开奖-| www.068303.com-彩软科技-| www.290265.com-彩库宝典手机版| www.378861.com-k彩图标-| www.501457.com-彩票顶级包网| www.571649.com-盈彩app正规吗| www.643483.com-7乐彩开奖结果今天| www.765499.com-众发彩票是合法的吗| www.840010.com-皇冠足彩比分直播| www.924981.com-彩票计划软件赢彩| www.981248.com-六开彩开奖app| www.jd69.com-发彩app-| www.789536.com-竞彩对冲打水| www.878597.cc-上饶市体彩中心在哪| www.958255.com-重庆时时彩9码计划| 易彩集团www.25688e.com| www.23783.cc-彩票合买实体店出票| www.6576.top-彩票坊网站-| www.03xu.com-时时彩怎么刷返水| www.1178.tv-四九彩票资料共享| www.080216.com-体彩大乐透投注方法| www.733321.com-双色球图谜凤彩网| www.00842.com-乐彩网论坛三d杀号| www.944666.com-百万彩票是传销吗| www.413678.com-彩8双人对战| www.192981.com-网上购彩app| www.266671.com-人人中彩票官方网站| www.h17.org-快三走势图分析图解| www.79jv.com-福彩3d怎么分析| www.09az.cc-福彩3d期藏机图| www.0945.cc-中国福利体彩大乐透| www.21383.com-买彩票网站诈骗| www.794104.com-棋牌彩票手机版下载| www.894984.com-体彩官网能购彩吗| www.982252.com-印象彩票赛车| www.454009.com-什么是彩妆造型| www.883578.com-aap奔驰彩票| www.44oc.com-博友彩一分快三首页| www.085538.com-时时彩后三定胆方法| www.130435.com-彩票群名称大全霸气| www.243062.com-潮信跟计划买彩票| www.719355.com-彩吧彩票官方下载| www.823721.com-浙江快乐彩12选| www.911077.com-彩神计划app下载| www.973962.com-手表每天快三秒| www.cp0411.com-一分钟快三计算软件| www.55013.com-陌陌彩票-| www.010043.com-足彩网站-| www.388113.com-华彩集团谢茂全| www.915027.com-天天快三幸运快三| www.282393.com-铁公鸡彩票规律表| www.979845.com-彩票导航网址| www.dv43.com-重时时彩五星走势图| www.56an.com-彩票神算王推荐号| www.781238.com-微彩吧从哪下载| www.880691.com-福利彩票如何选好| www.953710.com-足彩竞彩直播| 彩天下www.c1332.com| www.382867.com-体彩彩票19078| www.522470.com-乐我时时彩计划网| www.610218.com-可以淘宝买彩票吗| www.88uu.com-福利彩票网站源码| www.3474.xyz-中国最大彩吧论坛| www.i42.net-赢家彩票app| www.318935.com-江西福彩中大奖| www.832873.com-成功彩票计划| www.907167.com-福利彩票有几位数字| www.970720.com-腾讯分分彩时时开奖| 500彩票www.676477.com| www.43lb.com-御都彩票安卓版下载| www.17sm.cc-下载百度彩票开浆| www.103166.com-安装天天中彩双色球| www.81ar.com-手机3d彩神通| www.025671.com-内蒙福彩主任电话| www.180896.com-豪彩app下载| www.669895.cc-官方彩票计划| www.790761.com-彩票摇号模拟器图片| www.930653.com-10万彩票要交税吗| www.cp7295.com-易彩快3合法吗| www.829121.com-霸神彩票-| www.903306.com-高频彩吧登录网址| www.994353.com-体育彩票兑奖查询| www.gw99.com-信彩app-| www.628285.com-七彩云购商城诈骗| www.29872.cc-福彩双色球最高中奖| www.p31.me-三亚彩票私彩| www.44vq.com-uc彩票有没有拖| www.268038.com-乐彩网合法吗| www.330971.com-快三下期该买啥| www.488043.com-竞彩官方微信公众号| www.067168.com-彩票77是黑彩吗| www.124999.com-福彩快乐12河北| www.193781.com-吉林省福彩中心电话| www.540124.com-彩票助赢软件网页| www.647687.com-全国福彩开奖信息| www.869666.cc-鸿运彩票网是正规| 幸运彩票www.672866.com| www.282646.com-时时彩五星计划软件| www.440079.com-邯郸银行职员买彩票| www.9963.loan-莆田政府规定彩礼钱| www.1462.com-初二彩铅画-| www.br53.com-彩票图-| www.te78.com-分分时时彩规律口诀| www.832118.com-火炬彩-| www.38851.com-彩93彩票网站| www.700066.com-辽宁中彩网双色球| www.56133.cc-吹吹七星彩专区| www.033831.com-神彩网论坛网站| www.151837.com-内蒙快三开奖直播| www.37734.com-下载彩虫-| www.027739.com-基诺彩开奖网站| www.118233.com-18彩票官方下载| www.9712.shop-福彩三d双彩字谜| www.pm21.com-精彩十分3d正视图| www.472878.com-国彩三地丹东三板| www.443301.com-彩通网3d-| www.550762.com-福彩追号技巧| www.626065.com-彩票白菜网站大全| www.686127.com-彩5oo-| www.765601.com-淘宝送的彩票在哪| www.866483.com-彩票平台互刷的漏洞| www.952993.com-体彩官网各开奖结果| 星际www.m.55xj.vip| www.274644.com-时时彩遗漏提示软件| www.514782.com-七星彩内部绝密料| www.765585.com-75彩票可靠吗| www.883839.com-杏彩登录-| 彩神网www.csw288.com| www.27.cn-彩票黑幕-| www.7960.org-缅甸博彩-| www.0111.loan-有些什么彩票| www.397040.com-福彩组六4码遗漏| www.587730.com-万彩吧开奖历史| 500彩票www.635477.com| www.168697.com-六星彩玩法-| www.55090.com-彩博888官网| www.220380.com-大发快三论坛| www.468464.com-双色球授渔看彩杀码| www.590325.com-彩票cp9811-| www.715799.com-彩票网站大全妙招| www.807510.com-新浪博客熊瞎子说彩| www.906960.com-那种彩票容易中奖| www.964610.com-博通彩票网站| www.hp08.com-足彩玩法和中奖规则| www.z33.club-新版广西福彩官网| www.2948.cc-福利彩票形象店图片| www.96357.com-博纳彩票网址| www.105793.com-奔驰彩票计划团队| 彩票5www.550435.com| www.11pr.com-牛彩靠谱吗-| www.71ud.com-彩票最多中过多少钱| www.0355.com-时时彩跨度走势图| www.m97.com-黑彩票平台有哪些| www.63330.cc-足彩19039开奖| www.020357.com-今曰彩票开奖查询| www.291131.com-欢乐快三下载| www.374602.com-福利彩票中奖奖金| www.411397.com-猫简笔画彩色| www.53732.com-腾龙时时彩计划软件| www.029114.cc-中彩吧天齐网| www.093337.com-彩色砼价格-| www.158453.com-好彩0567靠谱吗| www.994567.cc-重庆时时彩实时开奖| www.ad66.com-1分快三计划稳定|