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天

知道了
58福彩 www.552965.com-彩票可以买几注| www.410900.com-500彩票完场| www.966090.com-体彩五码遗漏组六| www.cp23.com-河南幸运彩走势图| www.oh64.com-下载彩九-| www.327744.com-酷彩吧app安卓| www.0220.loan-时时彩专家预测| www.853148.com-c8cn万彩吧| www.12kg.com-天天爱彩票ios版| www.023.la-彩票开奖官网| www.846611.com-足彩大赢家电话| www.86yj.com-三号彩票安卓| www.7409.vip-色彩图片唯美| www.82177.com-福彩30期中奖号码| www.067739.com-玩彩票去什么平台好| www.47147.com-唯彩看球直播| www.b98.me-快三湖北一定牛| www.1636.com-博金彩票官方网站| www.130239.com-查福彩3d开奖结果| www.1859.wang-新浪爱彩高清走势图| www.380106.com-彩金断了能接么| www.17760.cc-网上买彩票合法么| www.77886.com-小剧场精彩表演视频| www.880015.com-喜乐彩彩控-| www.j98.com-红五彩吧图库| www.1075.wang-彩票高手合作| www.519995.com-各种彩票预测| www.8ms.com-连续1000彩票| www.74896.com-河内5分彩走势| www.72ir.com-足彩网足球论坛| www.776418.com-大乐透网上购彩| www.53758.cc-盛时时彩-| www.318873.com-人人购福彩-| www.965021.com-境外彩票网站改网址| www.56cj.com-出名的彩票销售平台| www.178173.com-胜负彩500-| www.094440.com-买彩票概率计算| www.210215.com-我要做吉林快三代理| www.0689.top-福彩吧台-| www.512378.cc-彩铅植物画图片大全| www.786028.com-幸运极速快三| www.882923.com-彩票净损套利| www.968261.com-vip乐彩-| www.334.net-河北福彩开奖| www.8639.loan-彩彩乐群英会走势图| www.315062.com-体彩猜胜负规则| www.113451.com-有能买彩票的网站| www.209399.com-大发快三怎么做代理| www.8694.vip-写博彩源码违法么| www.095201.com-快三买大小技巧| www.360.top-台湾福星彩开奖直播| www.6281.me-五福彩登录-| www.53337.cc-365天天彩票快三| www.400545.com-亿彩骗局解析| www.524345.com-有没有福彩三分彩| www.606600.com-博盈彩票平台注册| www.683585.com-彩经网首页旧版| www.789372.com-竞彩优化器-| www.860028.com-一线诈骗彩票| www.947211.com-中国体育彩票高频| 名门彩www.33997x.com| www.086337.com-彩客彩票旧版app| www.4554.vip-七星彩对比器360| www.092577.com-河南信阳彩礼| www.325720.com-彩票预测软件大全| www.399913.com-星期三什么彩票开奖| www.506567.cc-即时开彩5.4.0| www.tf26.com-彩票绝对有追杀| www.452668.com-足彩年销量-| www.576491.com-成都福彩中心电话| www.604425.com-银海布忘图福彩3d| www.715.tv-平台买彩票犯法吗| www.7814.me-足彩竞彩窍门| www.3838.live-七星彩综合版走势| www.09760.cc-专业玩彩胡-| www.144658.com-雪缘园足彩比分| www.517976.com-彩票提前晒-| www.654502.com-职业时时彩玩家心得| www.1369.cc-vr彩票太假-| www.628770.com-福建体彩官推号| www.124634.com-vr分分彩漏洞| www.822797.com-体彩电脑网| www.061158.com-彩客站是骗局吗| www.183675.com-快三预测和值| www.869208.com-巨丰彩票网站| www.9013.vip-今天竞彩稳胆推介| www.636032.com-做梦梦见彩票中大奖| www.188382.com-博彩屠龙技巧| www.293630.com-江苏福彩体彩| www.406386.com-丹东彩票网丹东彩吧| www.e58.club-nba彩票赔率| www.4429.vip-福彩3d大小是什么| www.66563.cc-重庆时时彩大平台| www.65878.cc-内蒙福利彩票网| www.185501.com-快三有没有假| www.636750.com-画彩虹又简单又漂亮| www.47sg.com-彩票总站网站| www.0897.org-华夏国际28福彩| www.qr1.com-吉林体彩开奖手机版| www.056114.com-天津有快三么| www.471077.com-海南抓私彩-| www.11dp.com-我要买体彩大乐透| www.0188.loan-b8彩票网页版| www.9811.net-博客网彩票-| www.37983.cc-大赢家彩票万人金花| www.476605.com-云南体育彩票11| 如意彩票www.766859.com| www.24yg.com-星空彩票合法吗| www.407200.com-安徽宿州彩礼| www.885079.com-广西快三组合走势| www.iy11.com-皇冠彩票网址大全| www.y13.biz-忆彩彩票下载安装| www.88xd.com-海南七星彩手机版| www.397472.com-m8彩票官网-| www.33xg.com-局王七星彩和排列五| www.520644.com-西安网络销售彩票| www.643585.com-香港天下彩票大全| www.874380.com-福彩1d-| www.954299.com-体音彩票排列三开奖| 大赢家彩票平台www.131873.com| www.7651.pw-中国福彩logo| www.62638.cc-彩票定位胆规律| www.251268.com-彩票之家app下载| www.5240.com-派彩金额是什么| www.359338.com-微博彩票游戏下分| www.29775.com-福彩中奖号码今日| www.804059.com-泉州福建体彩聊天室| www.6935.biz-体育彩票彩票怎么玩| www.57093.com-福彩3d藏机图字迷| www.50oz.com-亚洲彩票靠谱吗| www.435792.com-ct彩投网-| www.bv38.com-五分快三人工计划| www.325830.com-彩1彩票下载| www.097819.com-江西快三豹子遗漏| www.964826.com-吉祥彩票注册网址| www.042420.com-多彩贵州网领导分工| www.85650.com-福彩3d家彩开机号| www.623770.com-彩票分析家安卓版| www.yo60.com-马来西亚合和彩| www.315.tv-福彩快三是作假的吗| www.102755.com-马来三分彩网址| www.163325.com-易彩网邀请码怎么找| www.6662.cc-帝王彩平台-| 818合彩www.www.5666hc.com| www.564064.com-zc中彩娱乐-| www.263626.com-中彩网双色球走势表| www.052883.com-抚州市彩票管理中心| www.533876.com-七乐彩出球先后顺序| www.114143.com-贵州体彩网公告| www.293659.com-下载购买双色球彩票| www.410693.com-姜山冷门足彩新浪| www.547168.cc-福彩3d近十期开奖| www.612654.com-分分彩有没有万能码| www.666753.com-海南七星彩头尾技巧| www.724556.com-买彩票好还是炒股好| www.788247.com-310彩票-| www.ba65.com-手机彩票万能选号器| www.82yi.com-好运彩吧-| www.535317.com-中国彩票算法漏洞| www.722666.cc-足球彩票外围怎么玩| www.803529.com-七星彩哪个频道开奖| www.873604.com-在网上怎么买福彩| www.954785.com-彩票今晚出什么| 发彩www.50732o.com|