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.968750.com-彩世界安卓版| www.cu67.com-开福利彩票店赚钱吗| www.zc35.cc-大发快三公式传授| www.180338.com-上海福彩网快3| www.648766.com-头彩官网登录| www.b15.org-福彩开奖是星期几| www.032776.com-快彩电视走势图| www.785315.com-关于彩民中奖文章| www.28tz.com-万彩吧网站-| www.39912.com-彩票聋哑人-| www.1120.tv-竞彩足球8串1奖金| www.04844.com-福彩3d黑牛资料| www.62404.com-贵宾室彩票8848| www.580434.com-体彩最大弃奖| www.689988.com-5o5oo万彩票网| www.787172.com-手机上买世界杯彩票| www.888533.com-95彩票app下载| www.967145.com-3d中奖彩票图片| www.cp2043.com-uu快三真人摇骰子| www.mt05.cc-体彩山东手机在线| www.997542.com-328彩票-| www.lj17.com-手机版分分彩票| www.9ng.com-亚彩会注册-| www.575664.com-60彩票网站-| www.665766.com-彩赢注册平台| www.760856.com-非凡高频彩票网| www.854883.com-彩客网完全比分直播| www.932095.com-海南七星彩去哪买| 5号彩www.575hc.com| www.681125.com-彩票还是别守号了| www.491862.com-中国彩吧3d走势图| www.163337.com-易彩娱乐下载| www.610980.com-今日足彩竞猜结果| www.613096.com-天福彩票app| www.310.org-彩票公司有哪些| www.6006.tv-竞彩二串一稳| www.46655.cc-时时彩注册账号平台| www.424722.com-幸运十分彩开奖| www.438027.com-糖果派对彩球| www.551531.com-快乐彩五行概率| www.638229.com-哪个平台可以买竞彩| www.762487.com-新疆时时彩| www.843120.com-现在还有假彩票站吗| www.947235.com-彩吧图迷手机牛材网| www.k24.xyz-彩宝网-| www.975763.com-福彩排五兑奖规则| www.806516.com-足球竞彩官方app| www.902405.com-快三计划员怎么赚钱| www.984112.com-58彩票安卓版链接| www.9yl.com-彩票今天开什么奖| www.90sl.com-家彩网开机号码| www.669227.com-彩吧太湖神字图库| www.703511.com-湘潭福彩中心| www.787754.com-彩客化学创始人| www.691937.com-彩乐乐app下载| www.871207.com-星彩3d高手论坛| www.1307.cm-乐彩网真实可靠么| www.73iq.com-天天免费好彩大料| www.74wf.com-风飞扬七星彩预测| www.97923.com-竞彩足球让球对阵表| www.502042.com-足球竟彩官网| www.153077.com-旺彩彩票3d-| www.873687.com-意彩app下载| www.96wf.com-体彩排五结果| www.9678.live-体育彩票试机号多少| www.72078.com-深圳体育彩票不出票| www.97bz.com-彩排的彩-| www.708599.com-彩亿时时彩计划| www.787654.cc-体育竞猜彩票怎么看| www.865380.com-全天分分彩计划| www.931992.com-七星彩中三个多少钱| www.989308.com-彩66网-| www.ev49.com-上海快11选5彩乐| www.xa96.com-一定牛河南快三预测| www.20lt.com-福利彩票今晚| www.778566.com-体彩7星彩开奖号码| www.37wb.com-北京七星彩票| www.321920.com-七星彩海南南国网| www.42566.cc-搜狗彩票.net| www.80yi.com-彩神通四码会员资料| www.52771.cc-七彩视界苹果版| www.45998.com-云南彩票开奖号码| www.49496.com-97彩票官网-| www.73807.com-哪个网站买体彩| www.5850.biz-联发彩票网可靠吗| www.41ti.com-鸿发彩票网app| www.0200.xyz-大花猫1彩吧图库| www.012368.com-七星彩头尾永久准确| www.o61.org-购物彩-| www.089858.com-马耳他瓦莱塔彩票| www.383609.com-中国体彩足球| www.801014.com-雅彩app-| www.11088.cc-彩22什么平台| www.163369.com-易彩3d彩票-| www.98oa.com-湖北快三加奖公告| www.057234.com-彩票零风险倍投方法| www.312313.com-快频彩票是什么| www.76we.com-福彩自助终端机功能| www.6252.xyz-港彩开奖记录| www.84tz.com-我爱中彩票-| www.847509.com-福彩事业转型| www.906203.com-竞彩网胜负-| 发彩www.50732m.com| www.973184.com-彩虹搭建主站系统| www.01hz.cc-掌上精彩-| www.ft84.com-天天快三软件下载| www.92mh.cc-彩票性缘完整版| www.375672.com-彩票11选五任三| www.90wk.com-快乐中彩票是真的吗| www.09790.com-银彩通与福彩| www.658554.com-彩吧彩票单双大小号| www.286268.com-东北人玩的福彩| www.110575.com-今晚七星彩直播现场| www.198746.com-彩票10选5-| www.283187.com-1分彩票走势图| www.378842.com-马会彩经一码必中| www.318055.com-买生肖彩票开奖结果| www.48bq.com-申请足彩投注站| www.42340.com-南方双彩网下载安装| www.528761.com-彩虹画图片大全大图| www.604805.com-利澳彩票的网站| www.696185.com-重庆皇家时时彩| www.761559.com-福彩快3截止时间| www.493030.com-竞彩看盘看不懂| www.562436.com-豪彩vlp下载| www.658764.com-买彩票要写几个号码| www.981623.com-中国体彩报最新预测| www.ah68.com-彩票易网手机版| www.6dt.com-金源彩票网站| www.053131.com-卖足彩料合法吗| www.172192.com-快三缩水软件安卓| QQ彩票www.89894q.com| www.89274.com-彩票查询中奖软件| www.nh91.com-贵宾室彩票-| www.23ym.com-凤彩图库-| www.236689.com-1分快三开奖| www.338034.com-中国福利彩票022| www.678006.cc-南方双彩最-| www.761421.com-好彩妹吧-| www.859727.com-福利彩票趋势| www.961751.com-重庆三分彩开奖查询| www.dw3.cc-彩票改20分钟一期| www.096998.com-福彩改革-| www.pb28.com-广西快乐双彩开奖详| www.gt94.com-网赌快三追杀模式| www.245.live-时时彩只玩大小单双| www.67ey.com-时时分分彩怎么玩| www.782907.com-贵州十一选5彩票| www.308211.com-彩票777正规吗| www.193691.com-体彩排三选号技巧| www.286708.com-今天的江苏快三| www.902516.com-体彩自动售票机加盟| www.969737.com-新昌双彩乡天气| www.cai4866.com甘肃快三今天开奖| www.362225.com-形容彩虹的句子| www.127895.com-彩虹哥王者-| www.27972.com-福彩双色球3d图谜| www.597100.com-赛马结果派彩| www.112603.com-江苏快三工具| www.185017.com-砍龙彩票骗局| www.260938.com-幸运快三网赚| www.533929.com-七乐彩模拟-| www.603851.com-福利彩票改革| www.979913.com-河南福利彩票新快三|