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.505180.com-彩王之巅的彩票专栏| www.690271.com-竞彩套利-| www.1355.cm-福彩最牛广告语大全| www.14848.cc-数字彩票规律技巧| www.555932.com-香港楼和彩开奖结果| www.461922.com-排列三彩报中心| www.77258.cc-买彩票有灵感吗| www.805372.com-中国足彩网彩票| www.23it.com-重庆体彩网注册彩| 16彩票www.331616.com| www.188311.com-安徽快三在线计划| www.080694.com-彩八正版下载安装| www.185852.com-时时彩怎么玩法介绍| www.4130.cn-彩虹9-| www.33724.com-现在买哪种彩票靠谱| www.392374.com-雅宝娱乐重庆时时彩| www.10040.com-乐都彩票app下载| www.127072.com-古风彩铅少女| www.386920.com-福彩987那年出| www.125711.com-体彩开奖j结果| www.276208.com-七星彩复式投8| www.105573.com-109彩票app-| www.641909.com-彩票宣传名片| www.509221.com-体彩排3查询| www.736708.com-荷花彩铅画图片| www.575833.com-世界杯彩票停止销售| www.657426.com-2元彩网-| www.726286.com-手机咋买彩票| www.948674.com-彩票店一月销售额| www.hh64.com-中中彩票下载安装| www.66905.com-重庆福彩领奖地址| www.912757.com-彩客站软件-| www.zs1.com-福彩开奖3d走势图| www.13088.com-中国福利彩彩票| www.61036.com-广西快三豹子遗漏| www.127440.com-999彩票登录| www.307234.com-人人快三开奖| www.481452.com-微信福彩快三| www.632430.com-成都七彩田野| www.184853.com-体彩大乐透专家预测| www.44097.com-体彩6十1选号技巧| www.96524.cc-3月17日竞彩预测| www.572401.com-彩专家86计划| www.lp70.com-中彩网极速快3| www.155663.com-竞彩限额-| www.345945.com-爱购彩安卓版| www.495555.com-各大博彩公司特点| www.577610.com-七星彩这期开么奖| www.691058.com-鲸落水彩-| www.780633.com-彩客网首页网址| www.855578.com-竞彩足彩计算器| www.471163.com-我想做网络彩票代理| www.630086.com-3d北海福彩-| www.709179.com-彩票微信骗局| www.786099.com-北京福利彩票店| www.856679.com-福彩三地预测| www.118151.com-彩票拆分-| www.29055.cc-双色球彩宝贝杀号| www.832051.com-七星彩摇号吗| www.757649.com-二分彩是正规的吗| www.731847.com-彩色印刷包装公司| www.876645.com-3b彩吧i助手| 幸运彩票www.768399.com| www.68178.cc-3d经彩网-| www.067812.com-彩票app制作过程| www.853144.com-大红鹰彩票红包| www.201304.com-亿网彩票-| www.708123.com-彩票漏洞案例| www.593855.com-七彩国旅-| www.1937.top-体彩店转让合同范本| www.819699.com-吉林快三新-| www.898914.com-app时时彩送彩金| www.965242.com-福彩胆拖玩法介绍| www.te.com-福彩官网-| www.441167.com-手写彩票走势图| www.756255.com-中彩为公-| www.874086.com-体育彩票查询排列三| www.957334.com-足彩加官网-| www.662176.com-下载七星彩开奖结果| www.735262.com-体彩高频-| www.801774.com-永红彩票线路导航| www.884653.com-研究彩票趋势| www.947643.com-买彩金的都后悔吗| 乐迎彩票www.tang444.com| www.072828.com-竞猜足彩比分直播快| www.254613.com-好彩钻石团队| www.533161.com-澳门生肖彩-| www.570172.com-时时彩复式计划网| www.671903.com-彩店宝靠谱吗| www.732290.com-春秋彩票app| www.828264.com-河北快三遗漏号码| www.907128.com-四川成都快三查询| www.980740.com-彩票资质-| www.ak91.com-吉林市3彩票| www.123.live-彩霸王三肖-| www.85136.com-聚彩彩票官网| www.55718.com-5亿彩票网欢迎您| www.354534.com-外国彩票大奖号码| www.465430.com-天霁彩票预测网| www.573080.com-聚彩彩票app官网| www.2556.cm-幸运快三倍投计算器| www.8911.top-亚洲杯竞彩神单| www.873440.com-快速彩票源代码开奖| www.521179.com-网络彩票能举报| www.956213.com-老郑足彩今日分析| 彩多多www.78949e.com| www.dn68.cc-彩票九宫图选号技巧| www.sc41.com-重庆时时彩记录查询| www.3243.org-2356官方彩票| www.274527.com-华夏快三破解| www.k80.online-重庆时时彩个人平台| www.872717.com-广西北海彩票快三| www.325092.com-彩票吧吧-| www.210071.com-买彩票app-| www.ku.com-宁夏银川快三| www.455729.com-彩票中奖新闻和故事| www.593357.com-七彩国际养生| www.691201.com-易彩网彩票开奖结果| www.814198.com-河北省快三开奖公告| www.918922.com-国际博彩评级| www.um92.com-贵阳多彩贵州新闻网| www.24xl.com-北京华彩集团| www.9589.vip-彩票趋势软件安卓版| www.64ks.com-网易彩票网杀号| www.0249.cm-乐盈彩app下载| www.ve79.com-河南快三电子走势图| www.1016.com-体彩大乐透怎么选号| www.9815.net-福彩走试图-| www.990760.com-网上购彩哪个网站好| www.li52.com-共赢国际彩票登陆| www.w33.cm-乐彩神是真的假的| www.190393.com-快三游戏图片| www.012567.com-七星彩网易开奖| www.08183.com-陕西福利彩票| www.39387.cc-天天爱彩票吧| www.942906.com-易盈彩票下载| www.ej95.com-微信群买快三骗局| www.2491.me-足彩任选九场胆拖| www.11721.com-网络博彩账号冻结| www.69226.cc-66彩票app-| www.153346.com-中国福利彩票生肖| www.759990.com-福彩六码遗漏app| www.9098.net-乐透啦手机彩票软件| www.55899.com-中彩神计算器| www.010268.com-熊猫福彩-| www.889828.com-高频彩票开发| www.964287.com-体彩七星彩怎么玩| www.04qd.com-彩铅不好叠加颜色| www.92iv.com-代打彩票的的制度| www.108085.com-彩票程序排行榜| www.186883.com-中彩网官网-| www.193596.com-全国快三开奖| www.12fd.com-重庆时时彩作弊刷钱| www.023879.com-五行彩票公式| www.020210.com-网易彩票无法购买| www.109362.com-金利彩票能玩吗| www.179916.com-湖北快三走势跨度| www.r87.club-微博世界杯彩票| www.82972.com-河北邢台福彩中心| www.333665.cc-送人的彩票中奖了| www.005457.com-福建省体彩彩民论坛| www.108197.com-唯彩足球竞彩网首页| www.333306.com-竞彩串需要交税吗| www.426727.com-亚洲彩票靠谱吗|