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.054706.com-快三输的家破人亡| www.23773.cc-彩票微助手小程序| www.rh38.com-彩6彩票app官网| www.14af.com-19cfcc彩富网| www.938727.com-亿彩网官网下载| www.qj47.com-好彩2复式投注表| www.973550.com-下载新万彩吧| www.916774.com-私彩平台漏洞篡改器| www.bh02.com-快乐彩历史数据| www.773534.com-澳洲时时彩彩开奖| www.369907.com-福彩网是真是假| www.796252.com-盈彩吧是不是骗人的| www.34hz.com-福彩最新开奖查询| www.67lo.com-体育彩票旗舰店平台| www.1976.org-体育彩票扑克3豹子| www.588908.com-足球彩票单场竞猜| www.725776.com-快三预算法-| www.888668.com-大发快三倍投计划| www.996144.com-彩投知乎-| www.37936.cc-顶级彩票登陆| www.022564.com-竞球彩-| www.408889.com-体彩票中奖-| www.83jk.com-惠彩科技-| 新盈彩www.xinyc8.com| www.x43.cn-体彩海南4十1玩法| www.0276.cn-时时彩三星做号条件| www.647401.com-下载好运来彩票网| www.638435.com-音乐色彩构成图片| www.076888.cc-体彩高效订票下载| www.x08.shop-大华彩票是合法的吗| www.099798.com-新一首页彩票走势网| www.062523.com-彩神争霸有风险吗| www.982652.com-彩5下载-| www.gv02.com-易彩网官方网站| www.a73.cn-体彩排列三今晚开奖| www.028756.com-好运快三平台网址| www.123065.com-万彩彩票邀请码| www.651321.com-10大博彩公司排名| www.810511.com-博乐彩票下载| www.758778.cc-红彩彩票-| www.bk07.com-彩票真的有走势吗| www.26hb.com-买彩票中了一千万| www.69227.cc-众博彩票登录| www.1507.live-11彩票app-| www.980449.com-彩铃下载中国移动| www.kp40.com-江苏福彩双色球单式| www.167330.com-福彩-| www.8424.me-买七星彩-| www.014508.com-七星彩最好的软件| www.117455.com-官方福彩幸运快| www.260124.com-彩票输了7万了| www.986678.com-福星福彩预测| www.995867.cc-竞彩足球投注软件| www.fo44.com-浙江体彩网手机版| www.e87.bid-今天七乐彩开奖直播| www.493525.com-时时彩私彩平台运营| www.848.tv-重庆时时彩计划小鹿| www.88uu.com-福利彩票网站源码| www.518812.com-女子中彩票51亿| www.116698.com-体育彩票投资技巧| www.882420.com-易彩堂平台是真的吗| 大赢家彩票www.584511.com| www.298234.com-七星彩预测专家推荐| www.415125.com-enzo彩宝-| www.598571.com-今天福利彩票开奖吗| www.433030.com-如何做好福彩管理员| www.xm22.cc-江苏快三有哪些技巧| www.928778.com-七乐彩的玩法介绍| www.334.date-心理色彩测试| www.354019.com-彩票中奖后怎么纳税| www.475629.com-时时彩任四怎么做号| www.559846.com-彩票收藏展-| www.644158.com-购彩计划真的吗| www.718889.com-彩虹歌词羽泉含义| www.789820.com-青海省彩票中心| www.856255.com-广西快三和值全麦| www.924975.com-江苏彩票七位数开奖| www.979051.com-19026期体彩| www.cp5530.cc-微信如何买彩票| www.kp17.com-彩票驿站平台正规吗| www.b02.com-彩票开奖双色球单式| www.21tv.com-黑客侵入福彩| www.83um.com-大师彩票怎么能中奖| www.68499.cc-金牛座彩票幸运号码| www.8651.loan-买彩票错了一位数| www.582616.com-四场进球彩开奖结果| www.678273.com-中国彩吧更懂彩票| www.310712.com-河北快三坑人| www.760609.com-凤凰彩票ios| www.839550.com-足彩推荐平台哪个好| www.912851.com-广东体彩竞彩店| www.982401.com-云南体彩网首页| www.52kw.com-丰彩漆官网-| www.73183.com-中福快三计划王软件| www.728.com-竞彩足球怎么提现| www.849109.com-中国竞彩专家推荐号| www.68sa.com-全球著名博彩公司| www.17828.cc-福利彩票官方app| www.cj32.com-福彩宁夏快三开奖号| www.711210.com-手机刷彩靠谱吗| www.762598.com-香港皇家重庆时时彩| www.874494.com-彩票公众号老刘说彩| www.050136.cc-上海彩亿的彩票网站| www.827038.com-最新彩票骗局| www.922187.com-温州快乐彩电视走势| www.974871.com-特区彩票论伝| www.21495.com-彩票网站打不开咋办| www.400156.com-下载湖北快三助手| www.092186.cc-大连买彩票几点截止| www.173951.com-彩神网址是多少| www.0110.net-大平台彩票网| www.631506.com-海南七星彩人工计划| www.791594.com-手机京东怎么买彩票| www.3872.bid-中国足彩赛事中心| www.08tt.com-九万彩下载-| www.6383.xyz-刮刮福利彩票规则| www.42pu.com-彩钢扣板多少钱一米| www.36077.cc-pg11苹果彩票网| www.017698.com-彩票投资指南报纸| www.492351.com-警察可以买彩票吗| www.06jh.com-色彩风景彩铅| www.1789.biz-网彩跟群计划倍投表| www.87656.cc-唯彩直播-| www.355795.com-豪彩vip计划| www.8835.vip-谁有福彩通邀请码| www.668254.com-tt彩票账号-| www.3068.name-微彩吧兼职-| www.32066.com-手机怎样买足球竞彩| www.970474.com-广西快三时间开奖| www.rb51.com-分分彩互刷方案| www.78qg.com-找彩票推广客源| www.89938.cc-体育彩票竞彩官方网| www.008210.com-胜负彩19007期| www.1992.org-亿彩堂官网下载| www.p60.club-香港快三玩法技巧| www.287820.com-彩票合买平台哪个好| www.869267.com-中信彩票是什么意思| 500彩票www.50024e.com| www.001.online-拉菲二分彩玩法| www.188077.com-彩票追杀-| www.8918.com-黑牛吧邪恶全彩| www.454323.com-全球博彩公司排行| www.610396.com-新手买彩票那种好| www.750176.com-七星彩推荐号码明天| www.854445.com-国彩官网app| www.09300.cc-福彩aqq-| www.71746.com-福建体彩大乐走势图| www.63786.cc-竞彩交易比例| www.288033.com-合买跟头彩票app| www.9566.vip-齐鲁风采彩票| www.63pr.com-彩票之家免费大全| www.2822.pw-人人彩票论坛| www.8647.loan-乐中彩票-| www.3229.cn-悟空彩票是真的吗| www.339059.com-深圳体彩在哪里领奖| www.440369.com-胜负彩18077预| www.1595.vip-彩图图库资料大全| www.87uf.com-破解时时彩漏洞软件| www.602092.com-彩票不给钱-| www.122664.com-彩票追号多少期| www.vh74.com-江苏快三必中计划| www.16hw.com-秦皇岛体彩店转让| www.625712.com-广发彩票合法吗| www.701005.com-昆明网络彩票诈骗|