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.873534.com-天空彩票正版料| www.82zr.com-不想接收和彩印| www.8037.cm-北京十字彩-| www.295523.com-体育彩票快三奖励| www.430412.com-彩吧助手手机版| www.556068.com-贵州快三结束时间| www.639503.com-500彩票终端机| www.737426.com-快三注册下载送彩金| www.881535.com-手机博彩排行平台| www.971201.com-球探彩票ios| www.cp6218.com-彩票投注大厅| www.047972.com-江苏省体彩中心官网| www.583723.com-下载全民足彩最新版| www.666650.com-套彩在中国犯法| www.66353.cc-彩票正版藏机图今日| www.88dj.cc-体彩大乐走势图| www.9278.xyz-500彩足彩-| www.416564.com-快三推算技巧| www.318601.com-江西省体彩中心电话| www.500790.com-中国第一张彩色相片| www.8365.cc-下载七星彩小辣椒| www.638650.com-彩票818手机下载| www.iu72.com-掌上中彩一彩票| www.6611.top-体育彩票什么时候开| www.130900.com-正规网上买彩app| www.02358.com-福彩可以网络投注吗| www.75129.com-彩票属行业-| www.042014.com-彩票店荧光板宣传语| www.177585.com-快三在线全天计划网| www.611250.com-有人靠玩彩票赚钱吗| www.682083.com-微信上购彩票中奖了| www.756329.com-4567彩票正规吗| www.836907.com-飞翔竞彩诈骗| www.901488.com-幸运快三开奖结记录| www.965870.com-快三怎么猜大小| 双彩网www.651012.com| www.kb42.com-福彩三个红号有奖吗| www.c03.club-七星彩万能十二码| www.41ro.com-七星彩票结果| www.620041.com-如何购买国外的彩票| www.718736.com-关于彩虹的寓意| www.873013.com-数字彩票规律学| www.990560.com-爱彩网app下载| www.165.win-神州官方彩票网| www.075576.com-福彩达人-| www.210449.com-合肥体彩兑奖中心| www.0479.net-七乐彩几位数中奖| www.838453.com-乐彩网3d带连线| www.960640.com-时时彩注册送18元| www.cai9456.com七星彩今日开奖号码| 凤凰彩票www.66652d.com| www.205798.com-快三走势怎么看单双| www.279762.com-时时彩龙虎计划全天| www.365317.com-老9乐购福彩可靠吗| www.b21.live-徐州大奖彩票图片| www.81zr.com-2号彩票-| www.411582.com-下载彩视最新版本| www.540450.com-体彩排3试机号金码| www.368325.com-七星彩txt微盘| www.502717.com-多彩下载app| www.218896.com-希望手游彩票合法吗| www.761728.com-时时彩怎么买才赚钱| www.862028.com-七乐彩各期中奖号码| www.949736.com-网络彩票禁止| 福利彩票www.flff0.com| www.3214.net-福彩赚了多少钱| 天天彩票www.106295.com| www.261957.com-吉林市快三黑彩| www.375389.com-海南七星彩视频直播| www.639610.com-体育竞彩店怎么样| www.752555.cc-玩彩票被骗无法提现| www.863398.com-内蒙古快三杀号定胆| www.960184.com-网络彩票哪个最靠谱| www.cp3771.com-北京快三路线| www.xs20.cc-买彩票全靠运气吗| www.68225.cc-福彩技巧和秘籍| www.889549.com-全民汇彩票app| www.976566.com-结婚彩礼价目表| www.8058.cn-陈流水彩作品| www.001834.com-各种袖彩大瓶| www.231954.com-福彩字谜画谜| www.086.loan-中国体育彩票投诉| www.62099.cc-xr原彩有什么用| www.447056.com-彩票监控开奖提示器| www.296120.com-广西快三关注号码| www.560942.cc-安徽快三和值图表| www.631739.com-海南七星彩下注网站| www.700681.com-彩票通app下载| www.669642.com-新浪福彩今日运势| www.749758.com-春节后彩票何时开售| www.63214.com-驻马店西平农村彩礼| www.015009.com-体育彩票数学| www.097476.com-彩票公益金励耕计划| www.701738.com-关注中国福利彩票| www.772483.com-2628彩下载-| www.831040.com-下载500购彩| www.895103.com-投彩网官方网站| www.952871.com-78.cn彩票网页| www.993546.com-足彩购买时间| www.np47.com-彩票大小走势分析| www.n72.cn-怎样才能看懂彩票| www.444196.com-竞彩足球胜平负让球| www.276714.com-8号彩票怎么样| www.259905.com-彩票手机网-| www.350444.com-彩霸王心水论诖| www.128584.com-美国彩票千万美金| www.790809.com-湖北快三360彩票| www.880060.com-内蒙福彩主任电话| www.960482.com-三亿彩票平台| 彩票坊www.619939.com| www.nj29.com-彩票平台送18| www.12yn.com-彩16登陆-| www.2020.la-福彩兑奖处兑奖| www.787335.com-七星彩局王图纸长条| www.598875.com-七星彩开奖35期| www.873562.com-彩18下载-| www.959527.com-安卓版彩名堂计划| www.0mc.com-天天竞彩足球比分| www.429.mobi-快三分析软件苹果| www.732306.com-政府控制莆田彩礼| www.730647.com-网上玩彩票心得| www.816099.com-香港开彩吧-| www.249818.com-棒棒彩票骗局| www.895971.com-福彩数据统计| www.669755.com-卖海南私彩抓吗| www.nd89.com-保定彩票-| www.817873.com-新浪网彩票竞技| www.568043.com-体彩和福彩怎么买| www.693187.com-彩票中奖短信恶搞| www.821971.com-ios用什么买足彩| www.938771.com-足彩胜负彩新浪爱彩| www.627.live-彩票开奖开奖结果| www.789060.com-传统足球胜负彩| 七彩www.53900m.com| www.4790.cc-买快三输了几十万| www.335928.com-体彩怎样选号| www.248808.com-福利彩票才能中头奖| www.700832.com-e赢彩平台-| www.117729.com-搜狐彩票走势大全| www.185654.com-中国福彩宗旨| www.376267.com-亿博彩票计划| www.516902.com-菲律宾博彩业| www.590081.com-竞彩官方赔率特点| www.659849.com-体彩六加一开奖玩法| www.726001.com-中国福利彩1票3d| www.835029.com-好彩香烟哪里有得卖| www.890986.com-至尊彩大发快三破解| www.130940.com-江西彩礼会返还吗| www.006929.com-体彩任选3技巧| www.573672.com-彩票7选5技巧| www.922469.com-国家级足彩培训师| www.678780.com-申航彩票计划员| www.32nh.com-彩票中奖谁先知道| www.76658.cc-黑桃k时时彩怎么样| www.03829.com-77彩票赌会害| www.414021.com-挂彩是啥子意思| www.ar93.com-重庆贵族快三开奖图| www.181571.com-湖北快三中奖金额| www.315208.com-七彩网彩票怎么买| www.43rs.com-出彩和精彩区别| www.3101.vip-最好的彩票必中计划| 天天彩票www.1035z.com| www.339461.com-深圳福彩中心网| www.361002.com-永安彩票网-|