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.175331.com-快频彩票软件合法么| www.372621.com-福利彩票官方购买| www.830821.com-广州彩色复印机| www.962011.com-精准北京快三计划群| www.gh13.com-彩票中奖是真的吗| www.29if.com-福彩3d中间值遗漏| www.14395.com-海南七星彩怎么赔| www.015621.com-2元七星彩走势图| www.132085.com-濮阳彩礼多少钱| www.286212.com-快三500网站| www.457282.com-944cc天天好彩| www.599109.com-快赢彩票app| www.717359.com-国家福彩中心| www.902632.com-亚洲彩票平台排行| 500万彩票www.98528h.com| www.vs05.com-中福彩票开奖网| www.67ez.com-腾讯分分彩分析视频| www.717559.com-彩客网完整版比分| www.766178.com-快三购彩app下载| www.879027.com-时时彩买单双技巧| www.116351.com-双彩虹的寓意是什么| www.286455.com-大发快三和值口诀| www.532987.com-博瑞彩票下载安装| www.f37.top-乐盈彩票怎么样| www.5073.biz-彩票假-| www.036337.com-变身九彩凤凰| www.234000.com-彩票容错啥意思| www.902990.com-一彩仙知-| www.bg63.com-头头博彩app| www.25xe.com-迷彩虎军情视频| www.70400.com-奔驰彩票8-| www.194622.com-体彩上海11选5| www.806613.com-老猫出彩快讯下载| www.984972.com-新浪爱彩时时比分网| www.325718.com-苹果彩票下载安装| www.105728.com-体音彩票排列三开奖| www.058577.com-天空彩高手抡坛| www.133627.com-彩8苹果下载软件| www.381486.com-网上女孩邀请玩彩票| www.ye16.com-什么平台有韩国快三| www.2139.top-彩66app下载| www.488000.cc-聚象彩登录聚象彩| www.0300.com-福彩机器能过户吗| www.8490.com-万利彩票的骗术| www.67910.com-玩彩票输钱-| www.104240.com-澳客竞彩直播| www.906081.com-福彩3d平台下载| www.he03.com-福彩三的赵公明预测| www.45df.com-彩虹-4无人机| www.7000.gg-大星福利彩票走势图| www.081253.com-我附近体彩销售点| www.232338.com-好彩网论坛3d图谜| www.524504.com-福彩比体彩优势| www.732276.com-解除婚约退彩礼案例| www.6703.cc-买快三怎样买和值| www.69467.com-500彩票足球| www.9644.cm-彩宝贝排三定3跨度| www.57af.com-平台彩票代理加盟| www.21114.com-彩票有套路吗| www.544445.com-香港小财神彩票网| www.253856.com-青海快三的研究| www.542537.com-天津福彩中心在哪| www.800163.com-附近体育彩票店查询| www.632897.com-极速3d彩票app| www.ay24.com-彩迷8-| www.vx0.com-今晚七星彩预测| www.88228.cc-彩票19035-| www.96448.com-中国体育彩票成立| www.331220.com-彩神v1是什么软件| www.033449.com-易彩网彩种-| www.222433.com-超准彩票计划| www.137280.com-凤凰彩票网址| www.352744.com-快彩王是可靠吗| www.551023.com-彩店宝下载不了东西| www.796122.com-享彩彩票官网| www.959763.com-397彩票-| www.595399.com-福彩玩游戏的地方| www.939522.com-黑龙江福利彩票网| www.707448.com-今日足彩推荐网易| www.4954.cn-盛源彩票怎么下载| www.39031.com-苏州快三是什么彩票| www.111056.com-彩票最大奖图| www.255853.com-吉林快三有窍门吗| www.421529.com-福彩双色球购彩技巧| www.593811.com-七彩视界新版投屏| www.708549.com-华彩网app-| www.706086.com-聚星彩票安全吗| www.966199.com-发彩网是什么| www.cs28.com-怎样加盟体彩投注站| www.zu95.com-彩虹5无人机发动机| www.391644.com-国富彩票是什么意思| www.641711.com-体育彩票门头灯箱| www.803839.com-彩票网拖-| www.933221.com-宝马博彩登录| www.993657.com-足彩妖刀专家推荐| www.dy22.cc-亿彩-| www.15rx.com-彩虹四无人机试飞| www.97pb.com-利盈彩票网址| www.3773.online旺彩软件下载ios| www.9687.com-11万彩礼寓意| www.64956.com-彩票类型10选5| www.5667.com-附近有卖彩票的| www.008125.com-福彩开奖上期| www.104313.com-可以自动追号彩票| www.5491.top-双彩网开奖直播| www.822042.com-彩票福利彩票| www.9684.cc-今晚开奖彩宝网| www.091956.com-江苏手游彩重启| www.80tf.com-富盈彩票官方网| www.073034.com-澳洲有哪几种彩票| www.237265.com-浙江体彩网官网| www.346455.com-明代红绿彩瓷器| www.423778.com-三国里的星彩是谁| www.515796.com-领航竞彩同盟2串1| www.569751.com-博彩推广广告| www.647883.com-500彩网历史数据| www.722669.com-甘肃快三开奖结查询| www.801434.com-体彩开奖_-| www.875576.com-今期买马彩图片| www.964505.com-青蛙彩票开奖直播| 网易彩票www.177524.com| www.70eb.com-七k彩票网十分彩| www.1364.vip-52彩票开奖网| www.5656.cn-高频彩票有假| www.03535.cc-七星彩app骗| www.5091.biz-中国彩票历史最大奖| www.007407.com-幸运彩票苹果app| www.069888.cc-3d彩票教程-| www.121153.com-迪拜28是福彩么| www.2is.com-世界杯买彩票用哪个| www.022940.com-彩票源码出售| www.54720.com-时时彩k线安卓版| www.236927.com-竞彩足球买量分布| www.301642.com-湖北福彩快三分布图| www.503222.com-鸿彩网诈骗-| www.563964.com-500彩是什么软件| www.621848.com-宁波彩票中奖情况| www.681724.com-豪彩平台网址| www.747898.com-彩易科思合作的彩票| www.806048.com-买网络彩票发财| www.870278.com-彩票投资网-| www.947628.com-于海彩票是那一期| www.986577.com-158彩票下载| www.cai5377.com长春快三高级玩法| www.013570.com-在哪看彩票是否中奖| www.345836.cc-3d彩民乐钱树图| www.505804.com-彩民玩黑彩犯法吗| www.575587.com-时时彩定位杀号| www.633619.com-腾讯幸运彩-| www.686918.com-福彩群英会彩友沙龙| www.751824.com-①号彩票官网| www.847211.com-彩票投注站迁移| www.899833.com-c彩83net-| www.954961.com-博彩娱乐导航网址| www.996098.com-腾讯分分彩惊人骗局| www.cp8123.cc-下载易彩网app| www.277229.com-5分钟开一期的彩票| www.182392.com-广西福彩选号器| www.2076.org-沈阳旋风彩虹机厂家| 中彩网www.81233b.com| www.587621.com-6开彩c8万彩吧| www.718202.com-彩虹的资料-| www.948929.com-优彩网平台-| 中华彩票www.9149f.com|