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.888781.com-78彩票总经销商| www.997088.com-网上购买足彩app| www.db97.com-彩神争8下载最新版| www.wc05.com-河南七星彩兑奖地点| www.645148.com-职业博彩高手| www.4104.me-彩虹3a无人机| www.8011.cm-南京彩票店加盟| www.685057.com-彩票3d字谜图| www.0008.online体彩中一等奖去哪领| www.59890.cc-长春快三黑彩没人管| www.496882.com-国家缴税标准彩票| www.603661.com-梦见自己买彩票| www.707607.com-彩588app-| www.842678.com-金多彩票-| www.953367.com-彩神破解网-| www.hs6.com-彩票中屠龙什么意思| www.113522.com-彩票系统福利案件| www.195396.com-江西福彩app| www.279659.com-亚投彩票计划| www.2765.top-快三155是几跨| www.15394.com-中福在线西游夺彩| www.618688.com-大同彩票网能提现吗| www.774736.com-七乐彩胆3拖8| www.33rp.com-章鱼彩票老版本| www.661110.cc-网易彩票网是真的吗| www.437868.com-网络彩票重启时间| www.609162.com-体育彩票站几点上班| www.688387.com-南宁福彩十佳投注站| www.772476.com-今天彩民乐图文版| www.fy35.com-谁有彩票计划网站| www.y05.club-网络买彩票-| www.585727.com-阿理彩票搭建| www.521172.com-爱彩vip登录| www.193980.com-快三怎么判断豹子| www.321722.com-吉林彩票快三走势图| www.780408.com-体彩18号5d-| www.126461.com-智慧彩挂机骗局| www.ai5.cc-福彩3d总汇-| www.67td.com-日本大熊猫彩浜| www.1871.me-广东彩民守号中奖| www.9883.cm-36o彩票网官网| www.74338.com-詹天佑3d彩票标签| www.654745.com-七星彩码仙每期说规| www.474883.com-彩宝网走势图带| www.585710.com-葡京跳槽彩金| www.666371.com-中体彩科技-| www.9662.cm-万彩mac-| www.uz2.com-马来西亚彩票合法吗| www.413197.com-彩票平台是真是假| www.71882.com-福利彩票开奖玩法| www.1312.in-新三国精彩打斗集数| www.96453.com-竞猜型体育彩票种类| GO彩www.gocp3.com| www.619241.com-欢迎来到彩票| www.771106.com-乐彩彩票下载app| www.898174.com-彩票充值假聊接单| www.83wt.com-天津福利彩票开奖| www.4586.vip-怎么去店上买彩票| www.8248.cn-5分钟快三下载| www.079628.com-体育彩票号码玩法| www.194967.com-吉林快三半顺啥意思| www.l35.cm-9118彩票下载| www.188279.com-168彩票.com| www.219654.com-概率购彩-| 大赢家彩票www.599424.com| www.33874.com-互联网彩票开售了吗| www.131548.com-山西长治彩礼价格表| www.372603.com-下载天天彩票αpp| www.913098.com-彩票追号可以追几期| www.cp6661.cc-福彩3d预测总汇| www.676818.com-体彩真还是福彩真| www.166998.com-新快三是什么| www.1ku.cc-手机彩票输了几十万| www.11935.com-买彩票软件哪个靠谱| www.093037.com-彩色水泥路面做法| www.747270.com-505彩票安全吗| www.29em.com-彩票怎么推广方式| www.777652.com-彩票网易分析| www.84pr.com-福清彩票-| www.985888.com-快三经常出的号码| www.78le.com-私彩当庄赚钱吗| www.1229.net-重庆时时彩计划手机| www.015608.com-7星彩走势图2元网| www.375474.com-福彩2019003| www.555286.com-易悠快三-| www.451051.com-拉菲时时彩登录| www.191107.com-内蒙古快三中奖技巧| www.069390.com-黑客帮你入侵博彩| www.48dz.com-微信体彩-| www.163204.com-总裁彩民村双色球| www.114997.com-今日福彩丹东全| www.179386.com-河北快三下载安装| www.296478.com-彩票k线图分析软件| www.6849.vip-常跟版彩报图今天| www.c66.top-百宝彩app-| www.800.mobi-六爻测彩票秘法5| www.981982.com-360彩票_购彩| www.am74.com-福彩快三注册推荐码| www.ve17.com-河南福彩票-| www.565906.com-智能彩票预测| www.638185.com-江苏南通竞彩团队| www.731405.com-七天彩官网-| www.800821.com-世界杯足球竞猜彩票| www.866686.com-昨天出的福彩号码| www.918250.com-下载900彩票| www.967726.com-阜阳福彩加盟电话| www.as08.com-山西福利爱彩乐| www.ox93.com-广西快三内部| www.2492.top-彩专家大牛-| www.619167.com-山东彩票开奖详情| www.702125.com-如何注册爱彩乐| www.920928.com-彩神l苹果版| 创世纪彩票www.36787g.com| www.gb18.com-体彩排列五大奖| www.710363.com-神彩争霸注册| www.800090.cc-福彩票开奖结果上期| www.206734.com-彩票论坛大全| www.6182.xyz-3d老版彩圣字谜| www.630947.com-体彩海南飞鱼| www.688253.com-网上买竞彩足球彩票| www.817993.com-足彩复式怎么投注| www.881371.com-福彩一定牛彩票| www.950913.com-彩狼趋势分析| 亚洲www.527477.com| www.2011.cm-彩虹6号围攻高级版| www.665799.com-福利彩票是哪个台| www.739516.com-南方彩票网首页| www.795933.com-彩坛至尊下载| www.yq14.com-体育彩票排三| www.1688.site-福彩3d布衣2| www.zg65.com-51彩票官网-| www.088270.com-新浪足球彩票电脑板| www.96210.com-什么是福彩初创期| www.4870.cc-大数据足彩-| www.033564.com-彩票是什么意思| www.9299.pw-彩票每天有人倍投吗| www.17832.com-新葡京彩票| www.501791.com-全民赚套利彩票| www.583022.com-彩票站走势图在哪买| www.665883.com-新加坡4d彩票规则| www.739001.com-体彩福彩全假的| www.7428.vip-福彩公益号-| www.555229.com-网易的人人红彩票| www.wd3.cc-彩宝官方下载| www.997487.com-快三之家是不是真的| www.mb04.com-彩之源骗局彩票| www.3482.cc-被福彩软件扣钱| www.00792.com-南方双彩网遗漏统计| www.523270.com-十大彩票网站| www.245565.com-中国足彩网比分| www.313196.com-腾讯分分彩计划全天| www.370779.com-彩钢瓦防水用什么胶| www.50zw.com-足彩缩水软件下载| www.3337.net-公益彩票下载安装| www.121873.com-找微信彩票群| www.871787.com-亿彩用户登录| www.023980.com-彩票快三讲座视频| www.537785.com-有彩色-| www.815821.com-既开彩-| www.885173.com-官方大乐透购彩| www.963171.com-彩票顶呱刮软件| 凤凰彩票www.3479u.com| www.070508.com-吉林快三预测群| www.170207.com-贵州快三走势图今天|