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.230261.com-彩票计划员是骗人的| www.703736.cc-足彩单场胜平负竞猜| www.982020.com-买彩票快十分钟技巧| www.vh1.com-海南私彩4位规则| www.362053.com-玩彩网提款不到账| www.500559.cc-体育彩票业中外对比| www.656187.com-乐彩快三是私盘吗| www.688785.com-福彩双色球软件| www.hl30.com-江苏福彩快3开奖| www.485979.com-竞彩篮球胜分差教程| www.632595.com-彩票的购买规则教学| www.800400.com-腾讯三分彩全天计划| www.240892.com-河北快彩app| www.043996.com-福利彩票对号| www.365691.cc-最近体彩开奖号码| www.637505.com-福彩公益金分配比例| www.807803.com-竞彩足球赛事公告| www.952910.com-8亿彩票官方| www.fl01.com-牛蛙彩票生肖对照表| www.174000.com-快三app哪个好用| www.769362.com-好彩可免费下载| www.879329.com-pp彩票-| www.114893.com-5oo万体彩-| www.662635.com-二四六天天有彩| www.592763.com-彩虹4出口价格| www.677.live-最新时时彩计划软件| www.498890.com-福彩足球玩法| www.167286.com-体彩网-| www.081466.com-全中彩票app下载| www.00mb.com-儿童赞美诗彩虹歌谱| www.577181.com-彩票55下载-| www.015431.com-7星彩投注-| www.004544.com-乐购彩网址-| www.102012.com-彩票赢钱秘诀| www.237476.com-福彩3d规则-| www.559738.com-和彩宝骗局-| www.640674.com-山西彩民乐树钱图| www.668318.com-双色球彩票辨别真假| www.473629.com-体彩排三奖号是什么| www.572637.com-外围体彩网站哪个好| www.91345.com-贵烟新多彩-| www.82091.com-968彩票登陆| www.025729.com-福彩专家杀码和值点| www.71ny.com-福彩试机号千禧金码| www.602675.com-彩客竞彩彩票安卓版| www.800079.cc-天际彩票谁在玩| www.ig15.com-人人中彩网下载安装| www.46208.com-彩票自助机在哪申请| www.305285.com-七星彩19039期| www.503666.cc-高频彩计算公式| www.596739.com-新天天彩票-| www.706114.com-福彩兑奖上班时间| www.819843.com-在镇上开彩票投注站| www.930731.com-马来西亚盛兴彩票| www.sq86.com-今天的彩票指南报| www.69hx.com-福彩3d直选走式图| www.sn83.com-安徽福彩遗漏数据| www.63bv.com-能手机下载的才彩票| 盈宝彩票www.ybao5.com| www.777607.com-北京转让彩票站的吗| www.388653.com-迷彩兔怎么打不开机| www.016116.com-唯彩会预测专家杀号| www.133957.com-贵烟新好彩多少一包| www.789836.com-三d开机号乐彩网| www.878214.com-福彩排列三开奖号码| www.947681.com-支付宝兑换彩票中奖| www.995775.com-足彩盈亏指数应用| www.hx10.com-香港快三查询| www.sp64.com-时时彩定位胆买九码| www.579367.com-彩票智能分析软件| www.104041.com-竞彩篮球开奖公告| www.290168.com-海南四星彩开奖结果| www.162211.com-足彩app用户排行| www.cp2277.cc-百盈快三的规律| www.sd74.com-3d福彩开机号| www.01nb.com-羽泉《彩虹》吉他谱| www.82jb.com-大乐透彩票是假的| www.79306.com-华彩人生-| www.6588.mobi-七星彩头奖兑奖流程| www.110000.com-六会彩资料大全下载| www.445155.com-晋城彩票转-| www.966957.com-彩投注站app| www.283788.com-七星彩中奖规则图片| www.339486.com-福彩三d奖金| www.410989.com-中国足球竟彩| www.761327.com-中彩票的税-| www.73yq.com-360黑彩平台| www.411590.com-竞彩网首页258| www.557233.com-奔驰彩票靠谱吗| www.622779.com-福彩3d双胆软件| www.682811.com-微信代购彩票合法吗| www.756228.com-中国体育彩票时时彩| www.881999.cc-手机购彩大发快3| www.946262.com-彩经网首页走势图| 人人彩票www.rrle3.com| www.25778.com-彩库宝典新开奖结果| www.053833.com-吉林快三教程| www.998238.com-时时彩彩票开奖查询| www.150864.com-万彩吧苹果版下载| www.263244.com-江苏快三一天多少期| www.254157.com-808彩票版-| www.346846.com-吉彩网是正规网站么| www.448425.com-彩牛彩票靠谱吗| www.537931.com-彩色宝石价格| www.837516.com-立彩助手苹果怎么下| www.rb12.com-北京彩票开奖中心| www.047.in-彩铅手绘风景画教程| www.773382.com-棋牌游戏送88彩金| www.585011.com-迷彩网名大全| www.737003.com-福彩快三改规则了吗| www.866171.com-搜狐彩票网下载| www.973145.com-彩虹代刷-| www.sp51.com-彩之家平台怎么样| www.22ay.com-南国七星彩经典彩版| www.647338.com-中福在线拉彩视频| www.748372.com-中福彩票网站| www.832580.com-怎么下载七彩视界| www.900881.com-彩经网北京快三| www.970168.com-台湾福彩开奖记录| 500万彩票www.972283.com| www.017271.com-广西快乐双彩走势图| www.93367.cc-快三试机号今天查询| www.53231.com-快三456多少钱| www.488444.com-喜喜彩是什么| www.432517.com-彩票专管员-| www.609544.com-双赢时时彩-| www.757911.com-彩35票-| www.cp3119.com-单机游戏新快三| www.o77.top-体彩彩票怎么看| www.852.red-9号生活馆彩票骗局| www.773602.com-重庆时时彩全包稳赚| www.854595.com-竞彩258论坛| www.914972.com-中博快三计划软件| www.983156.com-速盈彩一分快三| www.ht.com-福彩手机机选号下载| www.nt29.com-彩票一等奖兑奖地点| www.363193.com-羽泉彩虹吉他谱教学| www.606957.com-港澳时时彩开奖号码| www.fj99.com-喜中网金彩网| www.14wt.com-七星彩忍者图规| www.3485.org-网络购买国外体彩| www.sm11.cc-足彩计算器-| www.736573.com-上海体彩站分布图| www.962252.com-福彩3d跨度技巧| www.7141.vip-相信时时彩能赚钱| www.85968.cc-足彩2串1的概率| www.118101.com-浙江体彩官网首页| www.397529.com-春节后福彩开售日期| www.610648.com-云南体彩历史走势| www.341333.com-彩票发财术-| www.986634.com-本期足彩310预测| www.76879.com-体彩胜负平规则| www.962758.com-彩皇网我的注册| www.857508.com-优酷彩票官网首页| www.110258.com-333彩票下载安装| www.523702.com-体彩14场胜负开奖| www.582998.com-体育彩票购买时间| www.652850.com-澳门有一些什么彩票| www.182773.com-全天快三计划网| www.026045.com-淘宝能不能买彩票| www.245566.com-福彩网1分快3计划| www.588621.com-快三彩是骗人的吗| www.753181.com-香港跑马彩票5分| www.853374.com-彩票mega-|