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.956276.com-买彩票上瘾| www.55938.com-阿里彩票登录| www.385079.com-彩票网站代码| www.575716.com-九九福彩-| www.8474.top-体彩机转让北京| www.298679.com-甘肃逸彩快三| www.856078.com-苏州体彩苏州| www.948920.com-3d福利彩票图纸| 网易彩票www.506729.com| www.rj96.com-各种釉彩大瓶全民| www.7864.com-足彩讨论区-| www.56709.com-彩乐网c.49pw| www.mg6.cc-安徽快三是正规的吗| www.us74.com-上海时时乐彩控| www.0731.link-宝盈彩专家-| www.965083.com-时时彩大群-| www.zq54.com-极速3d彩票开奖号| www.883313.com-福建福彩中心地址| www.130452.com-体彩自助投注| www.620404.com-世界彩票种类| www.974353.com-快三啥时候开奖时间| www.ex36.com-黑客破解时时彩| www.358454.com-体彩投注机器怎么用| www.386328.com-中奖彩票怎么兑换| www.953678.com-足彩比赛结果| www.6908.vip-中国体育七星彩| www.271107.com-好彩蓝莓双暴击毫克| www.432116.com-最好彩票软件下载| www.609658.com-白银市福彩中心电话| www.732786.com-体彩19052-| www.925123.cc-足彩单场-| www.cp0015.com-福彩快三破解器| www.505226.com-博友彩5分-| www.583010.com-159彩票客户端| www.03490.com-怎样戒掉买彩票的瘾| www.yu49.com-彩九最新版本下载| www.007697.com-秦皇岛体彩电话号码| www.152409.com-吉祥彩票快三| www.850203.com-腾讯分分彩中三组六| www.924228.com-综艺福彩骗局| www.t96.net-时彩族永久博客| www.9313.net-17500彩票-| www.026286.com-周易与彩票选号技巧| www.883921.com-百姓彩票网的信息| www.82iu.com-竞彩之家程序| www.52075.com-体彩周几开奖| www.31835.cc-体育彩票站点查询| www.lk10.com-河北快三历史遗漏| www.8462.top-5aapp彩票下载| www.oo26.com-发财彩票-| www.863854.com-彩票开奖今晚结果| www.928624.com-海南七星彩怎么玩| www.981921.com-2018福彩头奖| www.xf1.com-大发彩票软件下载| www.863375.com-彩票选号必中神器| www.940563.com-金福彩票网开几年了| www.860826.com-五分彩走势图| www.935811.com-重庆时时彩倒闭了| www.0513.in-3d福彩开奖| www.6529.cc-88c彩票官网| www.97zw.com-武汉博彩王过滤软件| www.go93.com-河南限制彩礼| www.7219.in-张翰七星彩开奖号码| www.44uz.com-博彩算金融吗| www.062373.com-数据分析快三计划| www.182101.com-官方福彩极速快三| www.886567.com-彩61彩票是真的吗| www.s71.club-软件上买彩票靠谱吗| www.389673.com-买彩票能中几十万吗| www.819089.com-七星彩152期| www.916936.com-必赢彩票结局| www.987739.com-彩之乐app下载| www.yf79.com-2005年的七星彩| www.103722.com-天手彩票-| www.21ln.com-今天的竞彩对阵表| www.xy04.cc-体育彩票中奖查询| www.38ht.com-王成周买彩票吗| www.291060.com-福彩双色球开奖开好| www.aa47.com-体彩481开奖视频| www.121435.com-长沙彩票网络诈骗案| www.sp44.com-时时彩能破解吗| www.824122.com-福利彩票用什么软件| www.839891.com-山西体彩中奖号码| www.09ia.com-云彩店二维码| www.15pi.com-中国福利彩票对联| www.23989.com-彩神的网址是多少| www.255646.com-赢彩票登录| www.469704.com-时时彩私彩如何买法| www.597521.com-福利彩票机号| 中国福利彩票www.33588w.com| www.565667.com-爱彩通走势图电脑版| www.022070.com-时时彩澳门平台| www.119588.com-双色球最新彩民乐图| www.831156.com-商丘彩票店转让最新| www.923342.com-彩票实体店未来趋势| www.bq39.com-彩71是真的吗| www.308667.com-彩31app-| www.583255.com-彩色装饰画高分卷| www.691669.com-新浪胜负彩必发指数| www.790478.com-江苏快三是黑彩吗| www.127301.com-简单彩铅画-| www.218606.com-内蒙古快三口诀| www.034044.com-彩票术语图解大全| www.01859.com-博彩如何对赌套利| www.396708.com-58彩票网开奖| www.506308.com-网上彩票大小能玩么| www.568222.cc-体彩终端机提现指南| www.627365.cc-c9彩票下载安装| www.683670.com-彩票推广app| www.755630.com-江门体彩店-| www.887326.com-双色球字谜彩票| www.959048.com-掌上竞彩-| 发彩www.50732t.com| www.706520.com-87彩店加盟费多少| www.770503.com-黑彩输了就翻倍| www.853281.com-体彩e球彩有规律吗| www.928164.com-派彩网官方网站| www.995794.com-竞彩公式-| www.311489.com-亿彩彩票官网| www.398200.com-彩之源印刷有限公司| www.83ar.com-和彩云网页登录| www.7610.in-爱盈彩怎么样| www.972232.com-大众彩票合法吗| 彩票坊www.587833.com| www.331132.com-财神彩票是真实的吗| www.817252.com-江苏快三计划员| www.924434.com-6亿彩票网-| www.iw6.cc-内蒙古快三推荐| www.n40.net-凤凰彩票是不是黑网| www.796498.com-马来分分彩开奖结果| www.888326.com-福彩注册邀请码谁有| www.972476.com-彩1234-| www.cc66.com-彩神v可不可靠| www.111557.com-世纪佳缘彩票骗局| www.72if.com-全彩漫画之大鲸| www.33287.com-凤凰彩票一分快三| www.ng13.com-足球竞彩彩客网| www.908713.com-淘彩票网址-| www.970315.com-今晚七彩结果| 吉彩www.303861.com| www.ec50.com-三分钟彩票骗局| www.260395.com-彩票属于赌博嘛| www.968527.com-英国有什么彩票| www.bi69.com-彩票江苏快三官网| www.tm53.com-体彩报纸-| www.20fb.com-19042足彩推荐| www.547.date-500亿彩票-| www.6983.bid-一定牛体彩app| www.364407.com-网上彩票开始了吗| www.675610.com-彩票三等奖多少钱| www.897943.com-彩票店警示语| 网易彩票www.26163f.com| www.583543.com-彩票排列5计算算法| www.565349.com-福彩三d杀号定胆| www.665482.com-彩票带回血骗局| www.850441.com-如何玩转快三| www.7162.loan-七彩本草-| www.04507.com-手机怎么买足彩| www.150906.com-彩票818官网| www.093312.com-怎么玩快频彩票| www.027934.com-678彩票网站| www.663287.com-金福彩票官网手机版| www.113.red-彩票一共几个号码| www.376500.com-七是彩-|