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.45xt.com-双龙彩票-| www.122729.com-福彩3d胆码定位| www.12584.com-体彩官网下载软件| www.qe08.com-快三福建开奖结果| www.495313.com-彩漂液能洗羽绒服吗| www.un80.com-彩票大发快三| www.8632.biz-聚宝彩票怎么赚钱| www.318521.com-高频彩票调整后销售| www.206073.com-刷福利彩票单靠谱吗| www.283275.com-七星彩梦册解梦网| www.387887.com-下彩彩票客户端| www.580230.com-世界杯彩票去哪买的| 500彩票www.50051v.com| www.ia90.com-网络彩票平台排行榜| www.ze08.com-43彩票app-| www.398523.com-七星彩开奖准确时间| www.032698.com-78彩票下载安装| www.06md.com-用彩铅画星空的过程| www.008383.com-更多精彩视频尽在| www.9510.wang-海南私彩怎么包码| www.29kh.com-单张彩票中奖最多| www.941763.com-好运彩彩票网邀请码| www.08jo.com-体彩排三出号走势| www.08711.com-福利彩票平台软件| www.577748.com-网上玩黑彩犯法吗| www.314661.com-七彩网上订花| www.903328.com-彩票166手机登陆| www.oq70.com-六福彩下载安装| www.7958.loan-专家福利彩票预测网| www.58kc.com-江苏快三有赢的吗| www.3571.cc-2019棋牌送彩金| www.247434.com-时时彩合买平台| www.321722.com-吉林彩票快三走势图| www.304336.com-玩快三输了稳赢技巧| www.668149.com-中国福彩幕后老板| www.759635.com-博彩群-| www.887397.com-下彩彩票网址| www.974598.com-新星彩贵宾中彩网| www.am16.cc-快三app苹果版| www.yf77.cc-白银福利彩票站| www.33498.com-云南福彩快三| www.83pf.com-彩票上扫码兑奖| www.687458.com-鸿彩灯光官网| www.91705.com-好彩香烟论坛| www.498008.com-5分快三规矩| www.015914.com-彩库宝典开奖app| 彩客www.ck09.com| www.018431.com-彩票规律破解| www.ri38.com-七星彩复式价格表| www.974.me-附近体育彩票店位置| www.26nj.com-华彩人生一点通新版| www.536125.com-金冠彩票-| www.286446.com-网赌快三破解器| www.205201.com-大发快三可以破解吗| www.8268.in-杨幂还代言品彩吗| www.072041.com-一个人开几家彩票店| www.910125.com-高频彩联盟网站| www.873.red-时时彩大概率平刷法| www.684668.com-彩乐网福中网香港| www.772752.com-福彩3d高手群| www.855480.com-七乐彩中奖奖金规则| www.372387.com-歌曲彩虹羽泉歌词| www.915537.com-中彩赚钱-| www.994094.com-飞鱼彩票投注技巧| www.jd38.com-快三预测北京| www.739896.com-福彩站是怎样赚钱的| www.825600.com-冰城快三-| www.903597.com-体彩合买是真的吗| www.962190.com-福彩3d和查表| www.cai6768.com湖北快三开奖| www.mf60.com-数字app彩票软件| www.2lp.com-体彩11选五靠谱吗| www.64wh.com-乜星彩结果-| www.2018.in-彩经邀请码-| www.7325.biz-彩虹六号辅助提卡| 福彩www.26878r.com| www.44xs.cc-时时彩杂六半顺帖子| www.9753.xyz-足彩预测app| www.306367.com-彩票机选可能中奖嘛| www.635789.com-正规时时彩投注官网| www.340.com-彩票测算软件| www.377203.com-下载qq彩票软件| www.933966.com-时时彩6码必赢| 众乐彩票www.237644.com| www.lt84.com-七星彩微彩论坛| www.77jl.com-青海快三在线| www.564671.com-佛山彩票没人领| www.091897.com-京彩集团彩票安全吗| www.pj36.com-各种彩票玩法与技巧| www.1980.cc-广西彩票下载安装| www.11100.com-河北彩票中奖信息| www.021733.com-太原彩票店转让信息| www.576803.com-私人彩票破解方法| www.742001.com-好运来彩票真的吗| www.895091.com-购彩网是真的吗| www.294552.com-福彩快三走势图上海| www.414026.com-汇彩彩票官网手机网| www.412351.com-足彩分析预测足彩| www.916522.com-致富福彩下载| www.iv3.cc-安徽快三预测号码| www.41dq.com-福彩中心元旦放假吗| www.57786.cc-我中了彩票网下载| www.079664.com-彩虹刷业务平台| www.fy81.com-英国时时彩官方开奖| www.184897.com-河南福利彩票| www.f13.cn-查看七乐彩彩票| www.813622.com-388计划彩票网| www.213395.com-彩神llapp下载| www.345674.com-彩漫福利-| www.34109.com-手绘风景图片彩铅画| www.025209.com-一定牛彩票新版| www.936692.com-中奖率最高的彩票| www.247776.com-快三有多少省份| www.s91.cc-快乐双彩开奖分析图| www.02971.com-体彩宁夏11选5| www.7540.cc-怎样才能卖好竞彩| www.85vp.com-彩6彩票app娱乐| www.47101.com-关于结婚彩礼钱| www.249332.com-大彩网网址-| www.092076.com-生日号码买彩票行吗| www.665908.com-彩票直播app下载| www.975103.com-查一下子体彩| www.qj79.com-239彩票-| www.286.in-中国彩票真假问题| www.90398.cc-彩票77原版安卓| www.908829.com-安徽福彩安徽福彩报| 500彩票www.914077.com| www.122843.com-梅州市福彩中心兑奖| www.259977.com-京东彩票刷流水| www.995740.com-4场进球彩媒体预测| www.js74.com-竞彩足球任九开奖| www.t35.cm-湖北中奖彩票| www.65xg.com-福彩站点申请网上| www.2014.site-福彩幸运二玩法| www.8263.loan-时时彩大数据有用吗| www.927695.com-网上快三平台真吭人| www.901047.com-怎样了解彩票知识| www.961605.com-怎样用手机买彩票| 全民彩票www.93737.cc| www.d95.com-熊猫彩票安全吗| www.950341.com-福彩海哥双胆| www.319837.com-亿彩票合法吗| www.417828.com-彩票店转让费| www.538298.com-彩云国小说-| www.642160.com-双色球彩票有没有假| www.737470.com-福彩三d今晚开奖吗| www.828913.com-彩票站打错号| www.914929.com-鸿运彩票下载安装| www.cp5221.com-青海快三今天开奖号| www.ow27.com-双彩网下载-| www.64xq.com-139体彩app-| www.431978.com-2mcc彩票下载| www.619258.com-中国体彩开奖公告体| www.752608.com-中国福利彩票骗人| www.363462.com-七色彩虹床笠四件套| www.707651.com-足彩胜负彩即时比分| www.78587.com-开奖公告千亿彩票| www.460613.com-重庆彩票发行中心| www.386329.com-金彩网天下彩特吧| www.03369.com-七星彩骗局会员| www.028824.com-彩神钱提现不了| 大赢家彩票网www.339786.com| www.zj81.com-体彩排列5开奖查询| www.7339.in-彩虹无人机产地|