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.875024.com-苹果熊猫竞彩app| www.826638.com-买彩票不中的原因| www.082059.com-快三哪里能玩| www.cp5656.com-快三是骗局吗| www.233.name-合买彩票中大奖| www.38653.com-彩运宝软件下载官网| www.37075.com-官彩是什么意思| www.04bx.com-彩票网购平台| www.733486.com-安徽快三和值计划好| www.948471.com-福彩公益慈善基金会| www.27ax.com-电子竞技lol彩票| www.630039.com-明天3d彩票出奖号| www.871565.com-好用彩票app下载| www.91ts.com-福彩快三是骗人的吗| www.750176.com-七星彩推荐号码明天| www.391608.com-快三倍数怎么算| www.959527.com-安卓版彩名堂计划| www.836246.com-湖北快三彩票| www.219738.com-彩吧论坛图谜总汇| www.030606.com-福彩3第开奖结果| www.2099.in-苏宁彩票店上班| www.22585.cc-体彩泳坛夺金规则| www.677083.com-彩色压模混凝土| www.187210.com-时时彩趋势图app| www.800615.com-体育彩票看不懂| www.34jh.com-快三百度百科| www.209255.com-爱彩乐彩票数据专家| www.446402.com-彩票软件哪家好平台| www.811966.com-福彩3d计划群| www.903161.com-福彩3d网上的购买| www.983651.com-足球竞彩外围app| www.59ft.com-中国竞彩网计算机| www.65322.cc-青海省福彩兑奖地址| www.037797.com-乐彩快三助手| www.198117.com-快三中几个号有钱| www.760497.com-彩票利用平台刷反水| www.61900.com-开心彩票论坛吧| www.541779.com-彩票比分-| www.781230.com-微彩软件-| www.006174.com-763彩票-| www.562034.com-海南私彩软件| www.026497.com-高频彩数字概率| 500万彩票www.35155j.com| www.li77.cc-500万彩票官网| www.66173.cc-安卓版彩票专选号器| www.162587.com-大运彩票网登录| www.730638.com-吉林快三倍投方案| www.992159.com-快三改规则-| www.rp76.com-青海快三玩法| www.662027.com-万家乐时时彩总代理| www.793411.com-中彩票后的人生| www.559894.com-彩票收藏论坛| www.658586.com-中乐彩登录网址| www.739949.com-盛大彩票app下载| www.15981.com-云南时时彩-| www.122089.com-时时彩群怎么弄| www.cai2400.com安徽快三今天走势图| www.034960.com-31彩-| www.804234.com-如何网购体育彩票| www.925078.com-体彩排3彩图总汇| www.17ry.com-刷彩网是什么意思| www.3216.in-凤凰彩票是骗局| www.215309.com-买体育彩票几位数| www.55lu.com-山西竞彩5800万| www.hu40.com-河北彩票快三| www.927397.com-福建体彩直播| www.858274.com-彩票怎么玩儿不输| www.047.biz-宝利彩票网怎么样| www.51521.cc-糖果彩邀请码| www.600976.com-双色球彩票新版| www.755209.com-福彩山地带线走势图| www.857565.com-南国彩票七星解诗网| www.187337.com-时时彩买大小绝招| www.259263.com-福彩快乐十分选号器| www.289132.com-福彩开奖视频直播| www.370209.com-体彩屋邀请码哪里有| www.475313.com-彩客网足彩开奖| www.324236.com-青岛福彩中心地址| www.885553.com-利彩工具下载| www.cp505.com-人人彩票网正规吗| www.83aj.com-和彩云每月收费多少| 天天赢彩票www.73736f.com| www.65fb.com-9号彩票网址| www.155365.cc-足彩是怎么个玩法| www.790309.com-江苏快三选号图| www.933324.com-新快三最大遗漏值| www.tz9.com-360.购彩-| www.47xg.com-体彩机充值是什么| www.280205.com-模拟买彩票-| www.446552.com-彩票研究院-| www.593362.com-七彩是什么平台| www.661119.com-62彩票导航-| www.728038.com-体彩排列三遗漏统计| www.759261.com-体彩种类和奖金| www.96ln.com-高频彩计算公式| www.759488.com-百盈彩票正规吗| www.7355.wang-彩虹六号加速器排行| www.135893.com-中国竞彩胜负平| www.025774.com-天天彩票网正规的吗| www.578872.com-彩票字样图片| www.8347.com-熊猫看局七星彩| www.949612.com-高频彩为什么要拉人| www.m27.bid-广西彩票快三软件| www.872570.com-山西体彩中奖| www.tz70.com-体彩基础知识| www.966613.com-吉林快三全天计划表| www.35535.cc-春秋彩票开户| www.029170.com-官方大乐透购彩| www.p40.in-江苏快三是私彩吗| www.059183.com-快频彩票真的赚钱吗| www.209725.com-大发快三手机购彩网| www.405296.com-河南体彩彩票网| www.ht08.com-北京福彩中心地址| www.368762.com-慧扑彩票下载| www.663359.com-上海快三2码遗漏| www.753020.com-红牛彩票平台注册| www.820729.com-彩钢板分类-| www.880838.com-十分彩官网正规吗| www.947666.com-网上彩票代打兼职| www.999538.com-9188彩票网官网| www.gx40.com-福彩3d百科-| www.930287.com-彩票助赢计划最准| www.34ul.com-史上未开的七星彩| www.301578.com-湖北省快三推荐号| www.336040.cc-黑彩平台境外服务器| www.228553.com-河南彩礼超过两万| www.201932.com-购买双色球彩票软件| www.111769.com-东方太阳彩票| www.235814.com-五分时时彩计划| www.315349.com-重庆时时彩登录网站| www.639760.com-体彩牛牛彩-| www.984197.com-三d字谜总汇新彩网| www.ub.cc-腾讯快三靠谱吗| www.vf04.com-甘肃快三漏值表| www.791205.com-京东彩票可信吗| www.883661.com-为什么叫彩排| www.163141.com-福彩排列五玩法介绍| www.224494.com-快乐彩开奖公告| www.277673.com-中彩论坛双色球预测| www.4669.vip-我买彩票从来没中过| www.082877.com-蓝月亮天天开彩| www.64nh.com-大吉大利彩票玩法| www.0669.cc-足彩竞猜规则| www.12620.com-亚洲彩app-| www.455424.com-资料大全4s彩票| www.1082.cm-分分时时彩害死人| www.1548.org-内蒙时时彩今日开奖| www.899337.com-彩票软件大全app| www.665700.com-七星彩4字万字表| www.738953.com-福彩彩票高手交流群| www.6558.cc-7彩乐开奖结果查询| www.35772.cc-快彩网极速快3计划| www.76299.com-彩票有收藏价值吗| www.033572.com-帮账号主人投注彩票| www.65hb.com-丫头说彩公众号| www.41jd.com-够力七星彩安卓下载| www.489985.com-泊利娱乐时时彩| www.671739.com-双色球走势彩宝网| www.836988.com-竞彩篮球投注软件| www.846343.com-民政部长和福利彩票| www.927018.com-中大奖彩票猜一生肖| www.516038.com-领航彩票程序| www.062029.com-好彩客ios下载| www.211790.com-彩客网app-|