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.254418.com-彩宝网3d遗漏| www.369360.com-668.com彩票| www.465746.com-大众彩票网址| www.575558.com-旺彩彩票开奖查询| www.650938.com-简易儿童水彩画| www.717588.com-中国福彩体彩开奖| www.788173.com-体彩十一选五任选七| www.861039.com-腾讯十分彩-| www.922193.com-人人彩票资料| www.981146.com-八马彩票网站| www.cp9622.com-旺球彩店下载| www.101530.com-19031体彩开奖| www.417717.com-彩虹6号围攻退款| www.758800.com-第1彩票报-| www.954295.com-8亿彩下载app| www.rl26.com-快乐彩首页-| www.72su.com-19年彩票网购| www.7955.wang-730彩票软件下载| www.680.com-美人鱼彩票网| www.636651.com-彩虹台购买-| www.780221.com-梦图七星彩解梦大全| www.23262.cc-游戏快三的玩法| www.875406.com-安徽福彩快三跨度| www.680593.com-体彩主任1360亿| www.45679.com-大乐购彩票注册网址| www.004201.com-柬埔寨博彩合法吗| www.347701.com-七乐彩票用户注册| www.3738.top-贵宾室彩票下载| www.913282.com-68彩票的骗局| www.126029.com-彩票智能预测软件| www.019732.com-遵义彩票中奖双色球| www.880552.com-七乐彩开奖今天| 3G彩票www.c147.vip| 百姓彩票www.bxcp3.com| www.635786.com-大型时时彩投注网| www.28792.cc-彩快上娱乐网址| www.049518.com-怎样了解彩票知识| www.151279.com-彩票站转让信息| www.830423.com-查彩票下什软件| www.944425.com-体彩彩票骗局| 大赢家彩票网www.54400y.com| www.566872.com-彩神通四码是真的吗| www.697744.com-大赢家彩票是真的吗| www.439618.com-玩by彩票犯法吗| www.178575.com-彩票投注大厅| www.951361.com-下载北京快三并安装| www.65956.com-缅甸好彩柠檬双爆珠| www.855292.com-彩宝贝网彩票选号器| www.931019.com-体彩七星彩中奖玩法| www.986895.com-多款购彩app| www.ct14.com-实力私彩平台| www.zb74.com-体育彩排列五走势图| www.665416.com-南方双彩正版独胆| www.553.com-看七乐彩的开奖结果| www.cp535.com-网络时时彩骗局揭秘| www.116025.com-新手买足彩-| www.044673.com-广东体育彩票中心| www.91cu.com-5分快三规矩| www.316114.com-上海福利彩票加盟| www.cai105.com-快三平台官网| www.2258.pw-福彩好运十倍| www.08850.com-金利彩票-| www.028570.com-app彩678-| www.141230.com-3d彩吧图第一版| www.444239.com-体彩p3数字遗漏| www.609235.com-彩票哪个平台稳定| www.13130.cc-足彩m串n对照表| www.87911.com-巴西三分彩开奖官网| www.867111.cc-大资本彩票有秘诀| www.966634.com-腾讯五分彩玩法介绍| www.cai0005.com快三是什么意思啊| www.mk81.com-凤凰时时彩官方| www.517375.com-cp816彩票-| www.899454.com-博彩平台源码| 大赢家彩票平台www.022613.com| www.17551.cc-腾讯60秒彩票| www.45186.com-福利彩票投注站佣金| www.900745.com-百宝世家彩票| www.621400.com-玩彩票解封有风险嘛| www.23612.cc-足彩票达人预测准吗| www.84066.com-福彩3d藏机诗98| www.cl06.com-北京快三走遗漏| www.2497.xyz-东盛彩报1版| www.682804.com-彩霸王数字3专业版| www.787511.com-神马彩票papay| www.874077.com-众彩网能赚钱吗| www.943928.com-博盈彩票网安全吗| www.988709.com-中国体彩中心| www.oy8.com-19022七星彩| www.og95.com-3d今天的天天彩图| www.336.red-破解网上彩票| www.751916.com-怎么查体彩站点| www.797058.com-双色球彩票多久过期| www.931667.com-97彩票平台-| CP701www.cp702.vip| www.290602.com-赤峰快三开奖走势图| www.75oh.com-彩票是怎么个玩法| www.ra15.com-时时彩4星打法| www.085302.com-彩票77下载安卓| www.690098.com-重庆时时彩竞彩| www.171321.com-北京5分彩开奖| www.050505.com-中国福彩网幸运彩| www.213264.com-上海爱彩乐十五选五| www.993795.com-胜负彩玩法中奖规则| www.yd87.com-好彩官方版-| www.829775.com-万彩彩票怎么下载| www.7537.com-竞彩怎么拉客户| www.658230.com-电视剧彩票-| www.386101.com-威力彩各期开奖号码| www.js69.cc-凤凰生活彩票合法吗| www.59eo.com-环彩网客服电话| www.957661.com-帝皇国际非法彩票| www.cp728.com-我全国彩票开奖查询| www.7305.vip-彩虹六号怎么玩| www.654424.com-梦想彩票站彩种| www.789881.com-福彩双色球预测总汇| www.856080.com-苏州体彩站点查询| www.905674.com-yy彩票注册链接| www.972887.com-彩虹代刷app官方| www.cp8282.com-快三精准计划| www.nk54.com-足彩返还率秘密| www.15cj.com-福彩3十1多少钱| www.1206.org-最牛彩票大神| www.962894.com-福彩3d彩图库| www.gd81.com-河内5分彩走势图| www.277548.com-彩票赔投-| www.871417.com-福彩彩票官网| www.207000.com-网易彩票安卓版| www.968134.com-微信彩票群快三| www.19cf.cc-泰安福彩大奖| www.27703.com-足彩单关什么意思| www.683059.com-彩票游戏网站排名| www.393915.com-3d采摘网福彩网| www.537468.com-有彩色无彩色| www.811280.com-福彩信息双色球走图| www.66151.cc-彩票模拟投注app| www.552876.com-彩名堂类似分析软件| www.654712.com-宜春福利彩票站地址| www.054141.com-分分快三推荐| www.142933.com-8彩app安全吗| www.208250.com-快三网上销售平台| www.397053.com-爱彩彩票怎么注册| www.169365.cc-快三有什么规律| www.920.online-求数字彩票漏洞| www.144487.com-竞彩外围网站app| www.953445.com-品乐彩店-| 福利彩票www.78700h.com| www.501382.com-双色球彩票兑奖规则| www.580612.com-特彩高手专栏| www.916648.com-大平台彩票有哪些| www.953323.com-彩神ix5分快3| 大赢家彩票网www.544087.com| www.877928.com-彩票中了三个| www.979582.com-ok彩票app下载| www.pf79.com-中国福彩海南快三| www.618120.com-传统彩违法吗| www.721153.com-官方一号彩票| www.805837.com-上海基诺福利彩票| www.882419.com-易彩票网站-| www.973104.com-风彩网app下载| www.cp3376.com-江苏快三怎么玩大小| www.se25.com-中彩彩票首页| www.356742.com-员工年终奖彩票中奖| www.cp8385.com-彩票出号绝密公式|