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.908938.com-快彩是真的吗| www.ey33.com-709彩票app-| www.m18.vip-彩票官网app| www.67ty.com-雅彩彩票可以提现吗| www.2330.cm-彩票提款冻结怎么办| www.9577.club-今日福彩谜语| www.182422.com-福彩选号助手官网| www.321950.com-彩票预测软件有用吗| www.468776.com-五行彩票预测最准的| www.570275.com-彩票今天开机号| www.678402.com-免费送20彩金棋牌| www.796548.com-冠彩网北京胆王| www.906171.com-江苏快三专家| www.976227.com-说彩礼的精辟句子| www.bg19.cc-下载快三中奖助手| www.uo63.com-兴安盟体育彩票| www.38uc.com-19043七星彩| www.1188.live-中彩神倍投计算器| www.8553.org-大乐透彩之家| www.74474.com-七乐彩4十1中多钱| www.044199.com-彩叶桂致富故事| www.181983.com-彩票河北保定快3| www.274342.com-腾讯三分彩计划全天| www.394318.com-福利福彩app| www.557477.com-彩虹伞早教-| www.656098.com-彩票包赔可靠吗| www.784104.com-福乐彩下载-| www.882939.com-制作彩票软件| 818合彩www.www.9889hc.com| www.sx85.com-七乐彩规则-| www.12px.cc-福彩3d鬼魂预测| www.87qx.com-在淘宝上怎么买彩票| www.4688.in-竞彩贴吧-| www.12986.cc-体彩六加一开奖时间| www.96852.com-双色球彩票案| www.076677.cc-双色球彩票几位数| www.197749.com-七星彩兑奖说明| www.306986.com-属狗的买彩票多少号| www.413929.com-惠彩免费大全| www.544460.com-手机版淘彩票| www.640888.com-中国彩吧—更懂彩民| www.766122.com-凤彩网免费版| www.870394.com-重庆时时彩论坛大全| www.963193.com-进球彩最新开奖| www.dl69.com-网上快三靠谱吗| www.vz62.com-甘肃省快三遗漏号码| www.19qy.com-彩票解密术-| www.1505.in-儿歌彩虹的约定原唱| www.11880.com-大发快开彩有规律吗| www.68199.com-附近体育彩票竞彩店| www.066701.com-u9彩票官方app| www.178790.com-湖北快三预测号码| www.283613.com-够力七星彩安装| www.496451.com-体彩可以手机兑奖吗| www.590662.com-福彩幸运二中奖规则| www.673756.com-古建筑天花彩绘| www.807995.com-福利彩票安装下载| www.888960.com-七乐彩现场直播开奖| www.982775.com-山西体彩兑奖地址| www.aq27.com-快三胆拖怎么玩| www.ta10.com-怎样学会买彩票| www.19wk.com-彩票挂机软件挣钱| www.0591.org-足球胜负平竞彩| www.9531.space-四位数彩票-| www.67133.cc-支付宝积分兑彩票| www.038213.com-九九集团app彩票| www.137398.com-福彩快三图-| www.262181.com-快三秒连锁-| www.384403.com-举报彩票店-| www.521618.com-彩票极速赛车规律| www.588582.com-福彩快三和值图表| www.661032.com-九宫数理与彩票| www.779434.com-六台彩迷宫五花八门| www.877654.com-草根中了彩票的小说| www.981771.com-彩钟-| www.yf77.cc-白银福利彩票站| www.29wo.com-极速时时彩开奖视频| www.1500.biz-体彩排列五数字论坛| www.9985.top-彩色压印混凝土广场| www.66789.cc-在福彩中心工作人员| www.055783.com-破解快三软件提款| www.158241.com-彩票助赢计划| www.274698.com-时时彩4星打法| www.380915.com-彩票开奖结果选四| www.535639.com-8位数的彩票有哪些| www.639741.com-牛牛彩票怎么玩法| www.763969.com-xy928彩票-| www.865398.com-体彩第19032期| www.925996.com-雅彩彩票app| www.986076.com-福彩收入-| www.gh73.com-三分快三计划准吗| www.zm75.com-用您ip代玩彩票| www.20wv.com-飞彩网怎么提不了现| www.1794.com-彩吧论坛静态版| www.8945.cn-全彩3d福利动漫| www.60301.com-开彩票站赌黑彩| www.050904.com-大发快三辅助| www.161706.com-下彩网手机版| www.268092.com-体彩网页版-| www.366464.com-3g彩票人工计划| www.521285.com-举报网上黑彩平台| www.04ra.com-彩铅人物画-| www.212334.com-优信彩票大发时时彩| www.295623.com-福彩快三大发| www.366783.com-兰州市福彩-| www.444775.com-福彩投注站转让| www.539324.com-彩票出8个号是什么| www.706654.com-香港铂金彩票网址| www.789019.com-快乐彩复式奖励| www.866408.com-昨日福彩-| www.931963.com-彩票数-| www.986895.com-多款购彩app| www.cp2833.com-福彩快三是合法的吗| www.rk39.com-彩票最多反水多少| www.07bp.com-福彩3d开讲奖结| www.0451.site-火箭彩网站-| www.9102.cn-体彩现场直播| www.95626.com-关小刀足彩今天| www.060199.com-天天彩选4规则| www.169097.com-快三胆拖表-| www.270033.com-福彩快三速查表图| www.369710.com-97彩票官方网站| www.541337.com-网投彩票下载| www.625659.com-彩漂能祛白衣发红么| www.686051.com-十分彩app下载| www.782885.com-易购彩合法吗| www.87jl.com-体彩怎么注册| www.7410.in-乐山竞彩店电话| www.33455.cc-凤彩网3d胆码| www.80198.com-开快三群判刑吗| www.028455.com-内蒙古快三摇奖现场| www.103479.com-竞彩足球推介网| www.166521.com-北京体彩十一选五| www.318301.com-49c彩票登录| www.383072.com-鸿运福彩是真的吗| www.512108.com-简单儿童彩铅画图片| www.577428.com-快开型彩票技巧| www.642707.com-收购中奖彩票被调| www.750822.com-爱彩彩票在哪里下载| www.813002.com-买彩票前后图片| www.880115.com-喜乐彩票怎么玩| 彩票A8www.37to.com| www.bc34.com-江苏快三走势跨度图| www.ro31.com-彩之源彩票首页| www.12bf.com-浙江七乐彩走势图| www.74fs.com-彩宝彩票是不是骗局| www.0845.xyz-彩票让人倾家荡产| www.8368.in-局王七星彩下载苹果| www.26757.com-网投快三刷水钱方法| www.66169.com-大发分分彩规律| www.036121.com-彩票如何网上推销| www.120266.com-久久发彩客官方网站| www.183393.com-牛彩藏机图-| www.253177.com-时时彩8码滚雪球| www.315166.com-福彩双色球怎么选号| www.375868.com-广东立彩-| www.532013.com-大学生网上买彩票| www.611260.com-上海体育彩票中奖| www.677339.com-章鱼彩票爆料| www.741861.com-万彩巴彩票| www.802898.com-双彩票中奖者| www.868948.com-七星彩是怎么买的| www.966805.com-福彩双色球顺口溜| 凤凰彩票www.5091m.com|