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.573011.com-天猫彩妆品牌| www.66927.cc-大连福彩在线官网| www.230055.com-百盈彩票有人赢了没| www.324288.com-国家福利彩票主任| www.396403.com-周六哪个彩票开奖| www.688564.com-彩票吧助手下载安装| www.813633.com-宁夏体彩大乐透| www.920071.com-湖北快三走势图下载| 财神网Ⅱwww.cp7836.com| www.282786.com-高手彩坛网-| www.542970.cc-彩票开奖3d结果| www.612566.com-如意彩票网四季彩| www.775199.com-贵州省快三走势图| www.858459.com-中国湖北彩票网| www.949414.com-北京五分彩走势图| 易彩网www.335021.com| www.li25.com-3号彩票app下载| www.2fg.com-干体育彩票挣钱吗| www.098711.com-高频彩走势-| www.809579.com-贵州快三开奖结杲| www.914809.com-盈盈娱乐彩票平台| www.993948.com-快乐彩票68-| www.qz92.com-大发时时彩开奖走势| www.684.biz-海南七星彩直播开| www.8699.win-彩票开奖辅助软件| www.206286.com-网易彩票app| www.293267.com-棋牌彩票一体平台| www.375706.com-乐彩苹果下载| www.567333.cc-昆山福彩-| www.652537.com-福彩p62开奖号码| www.kh21.com-青海福彩快三参考图| www.u39.org-深圳市福彩兑奖大厅| www.64tz.com-龙江福彩下载安装| www.288.top-七星彩三字现有几组| www.93ze.com-易彩票网页-| www.507985.com-兼职帮他玩彩票| www.3181.win-三d星彩网开机号| www.13564.com-竞彩网靠谱吗| www.706979.com-体彩283奖金| www.vd38.com-智慧彩票预测下载| www.24yt.com-华彩在线有没有作弊| www.1604.com-吉林福彩快遗漏数据| www.615327.com-体彩可以重复数字吗| www.697747.com-江南彩姐专家专栏| www.798807.com-天干地支彩票尾数| www.279504.com-幸运分分彩精准计划| www.381754.com-彩票平推是什么意思| www.513155.com-彩民最新故事| www.yk09.com-南洋彩123期资料| www.761848.com-福彩3d中奖坑人| www.863219.com-数字型彩票新浪彩票| www.754208.com-彩宝贝app-| www.nq85.com-甘肃省体彩助手| www.100065.com-彩39彩票-| www.173138.com-江西快三骗局| www.042641.com-多彩贵州网考试| www.165621.com-360彩票走势表| www.253666.com-北京福彩官网打不开| www.266184.com-三分快三怎么看走势| www.6444.in-福彩双色球选号查询| www.255464.com-七乐彩复式玩法介绍| www.tq4.com-休肓彩票开奖查询| www.566219.com-竞彩2串1输几十万| www.479707.com-如何看盘口买足彩| www.583205.com-3d专家杀号家彩网| www.964706.com-怎么看彩票中奖| www.bm5.cc-彩票app大集合| www.865992.com-腾讯分分彩好平台| www.942813.com-如何玩一分彩| 500彩票www.52072n.com| www.352329.com-彩吧邀请码-| www.487748.com-彩票一定牛软件下载| www.083669.com-玩彩票跟计划靠谱吗| www.43qf.com-合肥福彩在哪领奖| www.4274.vip-三彩的衣服质量差| www.17838.cc-快三杀码是什么意思| www.70048.com-足彩滚球详细规则| www.020056.com-湖北快三奖金计算| www.091561.cc-彩_壹万-| www.401511.com-彩票010-| www.551404.com-优彩网官-| www.2249.cc-大彩乐开奖结果查询| www.9828.pw-怎么查附近彩票店| www.51381.cc-六会彩免费资料大全| www.89062.com-18彩彩票app| www.cp028.com-江西福彩快3推荐| www.077800.com-一分快三害人| www.145533.com-河南体育彩票大乐透| www.536863.com-6188彩票手机版| www.612900.com-彩牛美缝剂厂家| www.36847.com-幸运彩是不是黑平台| 网易彩票www.36788f.com| www.148927.com-谁有官方购彩软件| www.6323.org-用手机怎么购买彩票| www.32271.com-百福彩是骗人的吗| www.3414.net-体彩彩票店门面转让| www.06850.com-七星彩直播播| www.758105.com-彩38网站官方网站| 818合彩www.www.9889hc.com| www.yt2.com-河北快三下期预测| www.cp08.com-彩客站是正规平台吗| www.um22.com-3d彩经网走势新版| www.222446.com-快三对子投注技巧| www.333771.com-网上黑彩输了怎么办| www.451062.com-拉菲时时彩客服| www.023840.com-青海快三软件| www.740740.com-3d澳门彩报图四4| www.814209.com-河北体彩排列5| www.881036.com-福利彩票机器人北京| www.944406.com-彩票彩之家下载| www.983623.com-七星彩早版-| www.ju2.cc-快三河南-| www.577220.com-好彩投彩票官网| www.837907.com-65彩票网站-| 爱彩www.008ac.com| www.288362.com-湖北快三和值| www.358416.com-管家婆彩票史| www.451070.com-竞彩倾家荡产| www.529032.com-易彩乐福利彩票| www.584018.com-今日篮球竞彩| www.721153.com-官方一号彩票| www.00261.com-下载好彩网-| www.40189.com-淘宝彩票合算吗| www.87687.cc-数字彩票下载安装| www.780636.com-福体彩票开奖号| www.vr66.cc-湖北福彩官方网| www.25gy.com-风采与风彩的区别| www.hz4.com-快三屠龙规律技巧| www.265474.com-新昌双彩怎么发展| www.362519.com-九万彩票官方| www.br25.com-广西福彩官网快三| www.sb59.com-中国福彩玩法介绍| www.25bt.com-华彩彩票网-| www.316853.com-福彩标识图案| www.367786.com-上期彩票中奖| www.0453.net-彩经网下载安装| www.777488.com-澳客彩app下载| www.ee35.com-未来实体店彩票前景| www.465225.com-苹果精彩时间| www.567755.com-彩票cp36官网| www.660886.com-360足彩竞彩比分| www.774077.com-儿童创意水彩画图片| www.881071.com-广西体彩中心程汉荣| www.201981.com-彩71彩票可信吗| www.333732.com-彩票怎么介绍| www.425778.com-体育彩票报刊大全| www.530767.com-时时彩大计划群| www.637583.com-鑫彩网彩票骗局| www.716446.com-彩铅手绘麋鹿| www.813574.com-买足彩算赌博吗| www.890617.com-手机彩票能不能玩| www.964186.com-下载中国福彩网软件| www.cai58.cc-快三平台骗局揭秘| www.oo95.com-模拟彩票投注| www.23kl.com-韩国90秒彩票| www.894.net-彩特吧高手网| www.565193.com-徐文轩福利彩票专家| www.626930.com-今日买彩票幸运数字| www.676999.com-万彩办公室大师| www.764277.com-体彩p5-| www.811699.com-甘肃快三4月14日| www.867398.com-体彩排三怪字帖| www.913797.com-澳客胜负彩电脑版| www.961159.com-哈尔滨九台快三|