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.926411.com-体育彩票下载并安装| www.5486.cm-福彩3b17500| www.050303.com-开黑彩-| www.927515.com-有4个数字的彩票吗| www.959480.com-以太坊彩票-| www.827488.com-请问五分彩-| www.918803.com-顶级信誉博彩| 彩69www.091181.com| www.mn15.cc-网上时时彩彩票骗局| www.08uy.com-天空彩票与你同行| www.864150.com-兰州彩票店转让信息| www.947207.com-福彩二十选八走势图| 中国福利彩票www.33588l.com| www.ge44.com-彩迷论坛-| www.912059.com-快三预测算法| www.6826.top-三地彩吧报-| www.iv64.com-江苏体彩e球彩走势| www.h18.club-排三南方双彩试机号| www.518149.com-今彩票指南报| www.734516.com-彩色混凝土配合比| www.822767.com-口袋彩店安全| www.903809.com-租用彩票平台app| www.975892.com-彩礼起源-| www.bj21.com-神州行彩票-| www.860729.com-好彩蓝莓爆珠条形码| www.947071.com-福彩高频彩有哪些| www.143787.com-彩运8彩票-| www.603004.com-彩虹六号怎么禁播了| www.338056.com-彩票助手大全| www.458300.com-周公解梦买彩票| www.561523.com-专门猜彩票奖软件| www.650660.com-炫姿彩茶麸神洗| www.605773.com-好运快三下载安装| www.565173.com-bb足球彩票-| www.662097.com-天下第一高手彩票| www.797016.com-快三怎么守号| www.946893.com-福彩三d开奖结结果| 豪彩VIPwww.737689.com| www.448499.com-u9彩票网址| www.577789.com-福彩开奖06期| www.880562.com-百胜彩票网站打不开| www.993668.com-送彩金的打鱼| www.cu94.com-开一个黑彩需要什么| www.zy50.com-中国竞彩店怎么申请| www.509971.com-彩虹屁教程-| www.vz30.com-贵州彩票中心软件| www.037057.com-免费彩票缩水软件| www.773472.com-微信有玩彩票的群| www.892795.com-125彩票下载| www.981771.com-彩钟-| www.df13.com-彩神8平台-| www.w32.club-彩神8app苹果| www.36558.com-澳门足彩投注网站| www.335338.com-微博世界杯彩票| www.56613.cc-河北体彩中心| www.355348.com-智博微彩城公众号| www.32ok.com-红彩彩票平台| www.127882.com-彩虹哥收号靠谱吗| www.88pk.cc-网上私彩怎么赚钱的| www.x84.org-福彩棋牌-| www.76tb.com-彩票真实-| www.927893.com-鸿彩木棉业-| www.456083.com-旺彩社区是什么意思| www.705231.com-体彩竞彩网比分直播| www.6360.pw-3d天天彩报-| www.237532.com-亚投彩票大发快三| www.59492.com-怎样举报网络彩票| www.500660.com-公司要求平分彩票0| www.39275.cc-七星彩头奖兑奖| www.781424.com-竞彩足球中奖图片| www.rv61.com-快三怎样能稳赚不亏| www.18455.com-彩票双色球选号器| www.79378.com-彩票机选能中奖吗| www.56575.cc-石家庄体彩兑奖中心| www.007241.com-qq彩票可靠吗| www.099721.com-大彩鲸十一选五助手| www.320068.com-深圳风彩开奖| www.267367.com-快三彩票有什么技巧| www.61588.cc-七星彩欣雨统精华版| www.799536.com-新盈彩大发快3| 红旗彩票www.899342.com| www.20la.com-彩票兑奖金额| www.ln27.com-旺彩网下载-| www.189473.com-大发快三投注网站| www.486976.com-北京福彩电话投注| www.3097.biz-彩票的走势怎么看| www.8769.biz-够力七星彩梦册查码| www.083603.com-彩票数字预测规律| www.196342.com-彩票306软件| www.289259.com-3福彩开奖-| www.395108.com-买彩票工资-| www.078036.com-中福五分彩是骗局吗| www.77kq.com-七星彩版区全版| www.397485.com-彩票正月停几天| www.977448.com-彩妆店连锁-| www.96et.com-体彩开奖直播竞彩网| www.840224.com-传统彩票开奖| www.956075.com-天娱彩票是真的假的| www.te0.com-江江苏快三走势| www.7748.vip-华亿彩票官方网| www.47va.com-新浪爱彩手机下载| www.381809.com-泰安彩票最高奖| www.598676.com-我乐时时彩计划网站| www.51bq.cc-足彩任九过滤技巧| www.826322.com-点石彩票-| www.907735.com-吉林市快三跨度表| www.978772.com-好彩纯烟-| www.ay21.com-彩迷是什么-| www.fv30.com-福彩双色球作弊视频| www.552455.cc-体彩中奖概率| www.626229.com-连中彩票靠谱吗| www.521889.com-腾讯分分彩的骗局| www.017649.com-最高倍率彩票| www.mu05.com-手机购彩下载| www.036160.com-福建体彩浙江风采网| www.669552.com-什么彩票是4个数字| www.207091.com-至尊快三是骗局么| www.907014.com-彩票多少位数字| www.zs47.com-七星彩单式中奖规则| www.97797.com-神兽时时彩-| www.oi59.com-七星彩玩法开奖日期| www.919925.com-彩票app租用价格| www.994851.com-彩票号码组合生成器| www.ev14.com-博牛彩票平台| www.xo99.com-澳门新快三走势图| www.cp6168.com-福利彩票手机是买| www.55nw.com-时事彩能赚钱吗| www.460836.com-输年月日查彩票运势| www.557446.com-高频彩有哪些| www.330018.com-山西省体彩领奖地址| www.392502.com-彩铅画明星人物图片| www.688884.com-澳洲三分彩计划软件| www.840838.com-彩票中奖怎么交税| www.937062.com-福彩三d走势图网易| 百姓彩票www.bxcp3.com| www.662634.com-在哪能买电子彩票| www.ep81.com-彩78-| www.v99.me-河内五分彩后三分析| www.87pe.com-七星彩怎么买中| www.6001.pw-新浪彩票中心电脑版| www.39432.com-全民彩票的规律| www.91bh.com-线上投彩平台合法吗| www.0317.space-彩票826计划| www.299023.com-彩29官网-| www.321305.com-甘肃快三今天豹子| www.897845.com-上海快三微信群| www.969296.com-福彩公益金管理| www.cp3117.com-彩票端软件下载| www.921468.com-彩神网站真的吗| www.081219.com-彩票大乐透大赢家| www.yj48.com-七彩乐15期开奖号| www.69ay.com-彩票官方运营平台| www.1597.cc-福彩老总贪了多少钱| www.654922.com-有玩bb竞速彩| www.718519.com-彩虹是什么呀| www.787273.com-山东体彩扑克走势图| www.858498.com-彩落我家专家专栏| www.929037.com-彩票奇葩事-| www.979157.com-手机福利彩票安全吗| www.cp5278.com-爱彩乐甘肃快三| www.654172.com-福利彩票大乐透复| www.714583.com-彩票人工在线计划| www.776527.cc-时时彩什么叫组三| www.836314.com-中国体彩篮球计算器|