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天

知道了
9彩注册 www.809685.com-e乐彩登录官方| www.935473.com-彩神平板打印怎么样| www.986412.com-彩宝网开机号| www.dh0.com-玩快三-| www.oq65.com-福彩牛材网-| www.1lm.com-乐彩网福彩3b首页| www.58ne.com-体育彩票如何投注| www.0363.cc-为什么禁止手机购彩| www.808089.com-万优彩票安全吗| www.895147.com-在爱投买彩票安全吗| www.974384.com-四川体育彩票金7乐| www.cp6775.com-江苏快三规律破解| www.167081.com-大发快三是什么| www.328844.com-永利皇宫注册送彩金| www.473671.com-福利彩票站怎么样| www.028141.com-博亚体彩app| www.176216.com-快三软件-| www.273613.com-时时彩公告-| www.447540.com-买三地彩票-| www.593802.com-七彩教育网-| www.088274.com-彩神88app-| www.182518.com-宁夏银川快三| www.cp290.com-河北快三开奖号码| www.034926.com-全民彩票网app| www.wu73.com-彩名堂-| www.055899.com-四川成都快三查询| www.0668.wang-体育彩票店加盟电话| www.85895.cc-安徽体彩大乐透开奖| www.5546.cm-体彩大乐透选号神器| www.788945.com-足彩竞彩交易量| www.871461.com-福彩三d藏机图今日| www.5434.top-掌上中彩合法吗| www.53273.cc-七彩阳光广播操音乐| www.021837.com-老版258竞彩下载| www.447667.com-中国公益彩票网查询| www.yz14.com-福利彩票看哪里中奖| www.024869.com-澳门福彩快三| www.93pj.cc-分分彩如何看号| www.034500.com-时时彩程序定制| www.288071.com-福利彩票合买大厅| www.x94.cc-体育彩票开奖r结果| www.hb50.cc-彩票8-| www.20bm.com-创名彩票推荐码| www.046.tv-玖富彩票六肖十二码| www.525928.com-时时彩稳赚不赔| www.751276.com-体育彩票投注站查询| www.817841.com-足彩19031推荐| www.372812.com-光大彩票手机版下载| www.664235.com-七星彩牛爹统资料| www.763921.com-彩神广东11选5| www.868115.com-i亿彩-| www.931552.com-足彩跟单是骗局吗| www.999041.com-彩乐汇带人-| www.gs94.com-大发时时彩单期计划| www.r30.com-快三多久一期| www.65oz.com-彩视vip会员| www.444243.com-体彩p3大小遗漏| www.852068.com-博弈310足彩博客| www.517657.com-90彩票平台咋样| www.593686.com-七彩云电商-| www.688400.com-微信足彩-| www.785402.com-领航彩黑钱-| www.867641.com-彩吧论坛胆码杀码| www.944173.com-腾讯体育博彩| 网易彩票www.36788w.com| www.96625.cc-贵阳彩票冒领案| www.872779.com-8k彩票购彩大厅| www.bu19.com-五省快三-| www.080773.com-香港星彩txvip| www.009392.com-新彩网3d字谜总汇| www.541333.com-做彩票网站-| www.011674.com-关于彩票的相关知识| www.106198.com-90年代的福利彩票| www.499450.com-五八同城彩票销售员| www.586034.com-时彩专业版-| www.658329.com-派彩乐-| www.589094.com-南国七星彩票图版| www.325576.com-双色彩票中奖规则| www.789726.com-买竞彩最长黑几期| www.874342.com-快三有人控制| www.944967.com-谁有吉林快三微信群| 中彩www.zcwf7.com| www.735577.com-乐⑧彩票网站| www.070973.com-人人竟彩-| www.165363.com-71彩app-| www.245339.com-易彩快网址-| www.299048.com-彩票走势图意义| www.417100.cc-竞彩开奖时间表| www.551603.com-爱彩票网官方网站| www.671423.com-讽刺农村彩礼的说说| www.789232.com-足彩只买下盘| www.943435.com-在网上如何买彩票| www.by70.com-北京快三下载安装| www.568211.com-盛大彩票官方网址| www.324772.com-马来博彩-| www.976814.com-淄博张店彩礼| www.9566.cm-天天彩选4彩票真伪| www.639218.com-上海喜士多体育彩票| www.838696.com-盘球网竞彩篮球推荐| www.994100.com-福彩3地开奖| www.oi78.com-福彩双色球中奖号码| www.858549.com-青蛙彩票开奖记录| www.948601.com-彩票刮刮卡中奖秘密| 大玩家彩票www.9478k.com| www.vf09.com-甘肃快三今天| www.c34.org-北京5分彩开奖遗漏| www.1403.xyz-彩虹伞亲子游戏大全| www.uc25.com-乐彩神app-| www.06jp.com-彩聊app下载| www.252879.com-体彩打票员怎么对账| www.9kq.cc-那些彩票是正规的| www.327379.com-快三倍投计算公式| www.9nl.cc-亚彩会-| www.383255.com-彩票条码在哪| www.588041.com-彩票空打机官方网站| www.ev38.com-旺彩彩票-| www.628144.com-三看亲彩调-| www.w25.shop-秒速快三计划| www.31853.com-今日足彩竞彩| www.028763.com-好运快三开奖结果| www.168894.com-中国福彩快3广西| www.325660.com-七星彩票开奖| www.527560.com-时时彩直选和值计划| www.nj19.com-中国竞彩网胜负平| www.36qn.com-昨天的开奖号码福彩| www.908547.com-人人中彩票骗局揭秘| www.190588.com-江苏快三专家推荐号| www.852740.com-中国体育彩票怎么打| 易彩网www.12455hh.com| www.1412.com-pg66苹果彩票| www.60459.com-乐彩彩票是正规的吗| www.672267.com-彩客骗局揭秘| www.738336.com-彩票利用平均值选号| www.810195.com-2019竞彩规则| www.869561.com-七星彩可以网上买吗| www.919522.com-彩票5首页-| www.973231.com-彩虹宝宝歌曲| 大赢家彩票网www.178157.com| www.73zn.com-无锡中彩集团| www.zl66.cc-彩神1邀请码| www.933666.com-时时彩的故事| www.bb13.cc-河北1快三开奖结果| www.54fy.cc-彩票和菜-| www.230656.com-彩8娱乐可靠吗| www.429642.com-足彩胜负彩欧赔亚盘| www.cai9655.com贵州体育彩票彩种| www.897022.com-福利彩票谜语| 聚福彩票www.50989j.com| www.045986.com-福彩机器可以转让吗| www.773907.com-时时彩盘子怎么做| www.69504.com-天津时时彩直播| www.807758.com-北京5分彩计划软件| www.917257.com-中国竟彩网手机版| www.994942.com-彩票中奖符图片| www.ib85.com-168彩票app-| www.7aj.com-宁波彩票-| www.222709.com-福利彩票10分钟| www.188694.com-快三中几个有钱| www.9uf.com-ok彩票能提现吗| www.2187.win-福利彩票宣传图片| www.735143.com-七乐彩中奖率多少| www.868100.com-星期三买什么彩票| www.915923.com-小奖玩私彩-| www.971706.com-第一彩票网手机版|