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.583659.com-彩经网杀号定胆精准| www.731740.com-我在8k彩票app| www.825566.com-彩票争霸官网下载| www.911570.com-合法网络彩票公司| www.982198.com-河南快三单注奖金| www.te64.com-时时彩规则调整| www.13dy.com-王者彩票网怎么样| www.93ra.com-福彩时刻重庆5分彩| www.3781.in-爱购彩网址可信吗| www.9916.com-体彩出奖结果| www.74740.cc-金彩彩票可信吗| www.032134.com-体育彩票店利润| www.117537.com-6701彩票网下载| www.198895.com-京彩快三-| www.277813.com-90彩票真的假的| www.448618.com-大乐透彩票开奖时间| www.552769.com-玩彩票有什么技巧| www.657417.com-湖北体彩中奖查询| www.755525.com-旺彩大乐透在哪| www.855394.com-七星彩复式计算| www.931572.com-大乐透彩研师| www.994692.com-体彩扑克今天开奖| www.qv1.com-今天快三开什么意思| www.so05.com-河内彩开奖号码记录| www.23tm.com-手机888彩票网| www.658.hk-重庆彩票网3d| www.5255.site-微信彩票网址| www.12466.com-68福彩-| www.58980.com-福利彩票福彩3d诗| www.055703.com-易博彩票下载| www.145143.com-体彩p3开奖-| www.239722.com-王者彩票提不出现| www.323397.com-福彩30选7结果| www.399292.com-吉林农村报七星彩图| www.559787.com-粘彩宝是什么平台| www.635296.com-七彩山鸡的养殖周期| www.745828.com-网络售彩举报平台| www.822913.com-粉百和三d彩吧| www.898339.com-彩票代理怎么拉会员| www.968780.com-刷彩员犯法吗| www.jv02.com-下载新2彩票| www.h33.tv-七星彩兑奖时间期限| www.44kh.com-福彩胆拖投注详解| www.823.cm-哪种彩票好中奖| www.5324.biz-彩票只有线下购买吗| www.11039.com-足彩159-| www.56644.com-彩票无神计划团队| www.123350.com-福彩迷快三经验解读| www.202357.com-鬼贵州福彩贵州福彩| www.280698.com-福彩店经营心得| www.393629.com-儿童简单彩铅画| www.520882.com-快三注册就送体验金| www.595506.com-虎扑篮彩神棍区| www.671100.com-彩经网排列3选胆图| www.752585.com-咬金彩票-| www.875055.com-足球竞彩收米app| www.959011.com-650彩票-| 东方国际www.055969.com| www.hf16.com-一网彩票手机版| www.zs74.com-中国福彩3d规则| www.29km.cc-手机搜狐彩票网| www.0912.mobi-重庆快三官网| www.7895.top-3月6日福彩3d| www.29002.cc-众彩网紫萱-| www.73288.com-福彩群号-| www.058894.com-官方彩票网-| www.140268.com-幸运时时彩骗局| www.219367.com-福建体彩彩民坛| www.290551.com-内蒙古快三和尾走势| www.365231.cc-周四体彩开什么| www.455827.com-炒彩票平台能玩吗| www.546884.com-手机彩票可以玩吗| www.686727.com-中彩那天课后生字| www.767711.com-湖南福彩网快乐十分| www.869109.com-带坐标走势图七星彩| www.944149.com-信彩票骗局-| www.996401.com-体彩网黑龙江| www.gu3.com-彩界元宝-| www.pa03.com-河北省福彩兑奖地址| www.00cb.com-乐透了彩票下载| www.77zy.com-福彩体彩开奖公告查| www.1899.link-外国彩票奇人选号法| www.7927.org-博彩管理课程| www.32604.cc-彩票三地子迷汇总| www.057620.com-乐彩app官网| www.185125.com-2019彩票app| www.263197.com-体彩与福彩哪个靠谱| www.389121.com-乐彩字谜图谜论坛| www.532659.com-北京快三有假吗| www.634155.com-长沙七彩集团| www.743300.com-金山安全彩票| www.819567.com-彩票数据下载| www.907318.com-美国快三骗局| www.984081.com-浙江省福利彩票中心| www.51nr.cc-彩博8888官网| www.1783.vip-台湾基诺彩开奖| www.23217.cc-天吉手机彩票论坛区| www.72049.com-安装彩猫彩票| www.071866.com-彩钢瓦围挡价格| www.140732.com-中彩网3d预测专家| www.219785.com-众彩网站-| www.293335.com-江苏省福彩3d结果| www.983307.com-合法足彩app| www.mv3.com-彩票软件排行榜| www.we78.com-彩票开奖结果查询果| www.13gf.com-竞彩足球怎么玩| www.153.cc-什么彩虹歌曲| www.4906.cc-深圳市然彩服饰| www.11500.cc-体彩二维码兑换| www.64647.com-彩色包装箱厂| www.261755.com-欢迎来到彩票米聊| www.400774.com-七星彩一二位和尾| www.559822.com-诺亚彩票不能提现| www.637150.com-彩虹台网络在线直播| www.773484.com-北京时时彩开奖网址| www.887192.com-快三投注模拟器| www.984609.com-彩虹网彩票网合法吗| www.ek46.com-快三最好的预测软件| www.wi87.com-七星彩开奖时间| www.64ty.com-天空彩民心水网| www.0089.org-福利彩票分为哪几种| www.600956.com-为什么富人不买彩票| www.721159.com-彩吧图迷第三版| www.797036.com-福彩3d今天试杌号| www.886827.com-彩61不能提现了| www.x25.cn-彩神vll是真的吗| www.1236.me-数学算法买彩票| www.03400.cc-江苏快三需要倍投吗| www.88834.com-彩票买卖统计| www.048096.com-福彩的排三-| www.191673.com-人人中彩票下载| www.261458.com-内蒙福彩快3玩法| www.498605.com-腾讯分分彩倍投技巧| www.572038.com-竞彩倍投最稳的买法| www.638194.com-中国福彩宣传图片| www.788251.com-足彩彩客网310| www.860767.com-福彩快3安徽查询| www.sq05.com-福彩双色球领奖地址| www.16gm.com-k彩app-| www.2690.vip-福彩3d字迷双彩论| www.8723.wang-2001足彩第一期| www.71377.cc-彩票端快3-| www.042443.com-多彩贵州网待遇| www.140410.com-北京福彩中心工作| www.216119.com-买彩票中大奖的咒语| www.422446.com-彩票投注西西| www.520577.com-凤凰彩票f72| www.586998.com-贵宾会彩票网址| www.672019.com-福彩三d双彩字谜| www.775202.com-彩票豹子号推算| www.cp079.com-1分快三-| www.qw85.com-幸运时时彩网址| www.60ns.com-排列五彩票开奖号| www.0471.in-乐彩网排五预测| www.13066.com-什么购彩平台好| www.54255.cc-时时彩直选遗漏统计| www.121298.com-彩票双色球开奖公告| www.197123.com-中国福彩网开奖| www.578022.com-东方彩app安全吗| www.659450.com-天空彩票与我同行日| www.819795.com-玩彩怎么才能赚钱| www.888814.cc-网易彩票资讯电脑版| www.cp9910.com-宁夏快三49期图| www.nu67.com-网上博彩被骗6万|