QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery在线教育网页顶部下拉分类导航菜单代码

原创商用 jQuery在线教育网页顶部下拉分类导航菜单代码

jQuery制作在线教育课程网站下拉分类导航,页面滚动固定顶部导航菜单代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div id="wrapper">

	<div id="nav-header">
		<div class="header">
			<h1>
				<a href="javascript:;" class="logo">
					<img src="statics/images/logo.png" width="100"/>
				</a>
			</h1>
			<nav style="width:490px;">
				<ul>
					<li>
						<a href="javascript:;" class="home">首页</a>
					</li>
					<li class="careerpath">
						<a href="javascript:;">职业</a><i class="slide-icon"></i>
						<div class="zhiye-submenu slide-submeu">
							<strong>前端</strong>
							<a href="javascript:;"><i class="web-icon"></i>Web前端工程师</a>
							<a href="javascript:;"><i class="wx-icon"></i>微信小程序</a>
							<strong>移动端</strong>
							<a href="javascript:;"><i class="android-icon"></i>Android工程师</a>
							<a href="javascript:;"><i class="ios-icon"></i>iOS工程师</a>
							<strong>后端</strong>
							<a href="javascript:;"><i class="python-icon"></i>Python工程师</a>
							<a href="javascript:;"><i class="php-icon"></i>PHP工程师</a>
							<a href="javascript:;"><i class="golang-icon"></i>Golang工程师</a>
							<strong>大数据</strong>
							<a href="javascript:;"><i class="data-icon"></i>大数据平台研发工程师</a>
							<strong>人工智能</strong>
							<a href="javascript:;"><i class="mlearning-icon"></i>机器学习工程师</a>
							<strong>区块链</strong>
							<a href="javascript:;"><i class="yw-icon"></i>区块链工程师</a>
						</div>
					</li>
					<li>
						<a href="javascript:;">课程</a><i class="slide-icon"></i>
						<div class="slide-submeu">
							<a href="javascript:;">课程库</a>
							<a href="javascript:;">职业路径</a>
							<a href="javascript:;">知识体系图</a>
							<a href="javascript:;">系列课程</a>
						</div>
					</li>
					<li>
						<a href="javascript:;">企业</a><i class="slide-icon"></i>
						<div class="slide-submeu qy-box">
							<a href="javascript:;"><i class="wr-icon"></i>微软人工智能 </a>
							<a href="javascript:;"><i class="baidu-icon"></i>百度AI图像技术课</a>
							<a href="javascript:;"><i class="aws-icon"></i>AWS云计算</a>
							<a href="javascript:;"><i class="txy-icon"></i>腾讯云课程专区</a>
							<a href="javascript:;"><i class="gt-icon"></i>Qualcomm公开课 </a>
						</div>
					</li>
					<li>
						<a href="javascript:;">社区</a><i class="slide-icon"></i>
						<div class="slide-submeu">
							<a href="javascript:;">Wiki</a>
							<a href="javascript:;">技术问答</a>
							<a href="javascript:;">社群</a>
							<a href="javascript:;">资料下载</a>
						</div>

					</li>
				</ul>
			</nav>
			<div class="search">
				<input class="searchinput" id="searchinput" placeholder="搜索课程、问答或Wiki" />
				<span class="search-icon" id="search-bottom"></span>
				<div class="search-result">
				</div>
			</div>
			<div class="nav-other" id="nav-other">
				<span class="userinfo-notlogin">
			   <a href="javascript:;">登录</a><i></i><a href="javascript:;">注册</a>
			   </span>
			</div>
		</div>
	</div>
	
	<div style="height: 1800px;width: 100%;">
		<!--高度填充可以删除-->
	</div>
	
</div>

<script>
	//导航滚动置顶
	$(function(){
		var navHeight = $('#nav-header').height();
		$(document).scroll(function(){
			$(window).scrollTop()>=navHeight?$('#nav-header').addClass('fixed'):$('#nav-header').removeClass('fixed');
		})
	})
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
9彩注册 www.894902.com-爱投彩票合法吗| www.221815.com-倍投彩票可靠吗| www.027063.com-韩国快三计划| www.146662.com-竞彩蓝球比分直播| www.920718.com-彩神8彩票网站| www.5760.cc-地下彩票犯法吗| www.bn63.com-下彩彩票触屏版| www.0085.mobi-时时彩彩票投注站| www.265576.com-彩吧图库3d开奖| www.535599.com-易彩堂彩票下载安装| www.647169.com-江苏快三算号器| www.775359.com-会员登陆49c彩票| www.873666.com-输入号码查彩票中奖| www.969973.com-彩票拼搏在线| www.he55.cc-728彩票下载| www.y07.top-最大彩票网-| www.4262.top-亏损分红的彩票平台| www.27483.com-霸主软件选彩官网| www.ru75.com-福利彩票25选7| www.79553.cc-福彩61中奖结果| www.283182.com-七星彩开奖时间结果| www.726371.com-够力五星彩下载| www.859581.com-蜂鸟团队5分彩骗局| www.7119.cc-多赢彩票计划| www.07lv.com-中国彩票返奖率太低| www.464637.com-中彩网三d开奖号码| www.bt36.com-彩票应用大全下载| www.62ga.com-ai彩色半调-| www.71522.com-万达彩票官方网站| www.096171.com-四川省体育彩票中心| www.229383.com-快2彩票技巧| www.336359.com-中彩手彩票电脑版| www.cc39.com-福彩3d质合走势图| www.446622.com-中国福彩公益开机号| www.90qc.com-必中彩票首页| www.384222.cc-抓取彩票号码| www.539742.com-附近福利彩票站电话| www.051047.com-彩票网站制作怎样做| www.047055.com-22彩票官方平台| www.669230.com-天彩计划软件| www.151507.com-号百彩票-| www.70181.com-多赢彩票线路导航| www.970423.com-体育彩票20选5| www.063636.com-如何开私彩平台| www.762039.com-竞彩足球最好的软件| www.237329.com-嘉兴体育彩票| www.397018.com-体彩排列三万能四码| www.515262.com-2010年七星彩| www.46187.com-生肖彩票开奖号码| www.80uy.com-体彩组3什么意思| www.63863.cc-河南订婚彩礼| www.460449.com-京彩官方下载| www.924622.com-傲赢彩票安卓版| www.579153.com-彩票网站源码晓风| www.2941.live-体彩店效果图| www.ll3.cc-彩票知识大全| www.91331.cc-欧盟方盒红好彩| www.179575.com-黑龙江快三开奖号码| www.329362.com-湖北福彩3o选5| www.ne56.com-999金巴黎彩票| www.751273.com-彩票条形码撕坏| www.981870.com-大发快三是如何坑人| www.564.bid-中华彩票网在线阅读| www.vu56.com-彩票k线走势分析| www.620885.com-乐赢时时彩-| www.888814.com-网易彩票电脑版杀号| www.65at.com-盛兴彩票网站| www.9487.cc-海南私彩包码怎么包| www.078177.com-盈彩彩票app安卓| www.352233.com-完美彩票官网下載| www.495700.com-777策略博彩| www.587822.com-c8万彩吧下载l| www.662179.com-3分彩开奖-| www.740868.com-各种体彩的开奖日期| www.820848.com-七星彩新浪爱彩| www.899116.com-足彩十四场规则| www.970464.com-彩票团队彩金| www.kh2.com-彩票快3怎么玩| www.561576.com-博彩和赌博有区别吗| www.661736.com-足彩外围代理| www.753107.com-中国彩吧首页i| www.813082.com-卖彩票图片-| www.876050.com-快3爱乐彩北京| www.934703.com-福彩快3电视走势图| www.987102.com-彩迷网怎么样| www.tz9.com-360.购彩-| www.911572.com-小鹿多彩-| www.497857.com-金利彩票手机版官网| www.983470.com-贵阳福彩网站| www.654561.com-彩友吧朋友的家| www.654460.com-时时彩五星做号软件| www.904.online-彩铅风景绘画作品| www.045369.com-彩神通4码准| www.219681.com-玩彩平台-| www.356488.cc-外卖送彩票-| www.79642.com-新彩吧图谜字谜汇总| www.957408.com-彩六逻辑爆弹app| www.328110.com-体彩三码遗漏| www.297396.com-手机上怎么玩快三| www.0315.in-快三中奖最多人| www.076881.com-体彩高效订票app| www.135868.com-竞彩胜平负开奖结果| www.209420.com-福彩排列5玩法介绍| www.299661.com-今日中彩最新版| www.346851.com-体彩大乐透二元网| www.488701.com-包头市福彩中心主任| www.7375.top-下载七星彩局王奖表| www.376904.com-体彩排列3开机号| www.546815.com-盛兴彩票有假吗| www.635625.com-7乐彩开桨结果| www.195959.com-抚州彩票投注站| www.145799.com-福彩犯法吗-| www.844893.com-体彩排三专预测| www.is48.com-全民彩票吧-| www.578133.com-彩票美女骗局| www.954130.com-福建爱彩乐走势图| www.062341.com-彩票168软件| www.12207.com-福建福利彩票网址| www.190933.com-幸运快三骗局| www.115444.com-彩钢瓦屋顶光伏支架| www.188287.com-河南福彩幸运彩| www.245599.com-易彩堂彩票平台| www.677993.com-怎么分析安徽快三| www.761892.com-大发时时彩啥规律| www.826418.com-a3彩票注册-| www.884745.com-亿彩是正规平台吗| www.945552.com-比特儿下限彩币交易| www.526.mobi-中国移动手机彩票网| www.162334.com-伪球迷买足彩胜| www.262813.com-中国合法的彩票种类| www.cai2655.com安徽快三投注买网| www.153109.com-时时彩四胆10中九| www.304527.com-十一选五彩票平台| www.23373.cc-彩票资讯大全| www.609136.com-福彩店营业额| www.178706.com-广西新快三开奖结果| www.275611.com-北京市福利彩票快三| www.014.me-福彩33期中奖号码| www.7118.biz-萝莉炸金花彩票规律| www.380926.com-七乐彩开奖结果双| www.374067.com-郑州体彩中一山| www.652094.com-葡京彩票集团官网| www.739397.com-竞彩网店地图| www.234491.com-时时彩平台推荐| www.485907.com-105彩票合法| www.581759.com-鸿发娱乐送88彩金| www.662502.com-国彩网五分钟快三| www.841692.com-福建体彩有几种玩法| www.952829.com-吉林省快三前一千期| www.cp0016.com-炫乐彩票app| www.972216.com-印尼时时彩官网| www.cp7537.com-颖彩今晚双色球预测| www.639427.com-竞猜彩票app下载| www.872705.com-福彩网站下载| www.68802.com-尊彩网官网-| www.270037.com-快三速查表图片| www.368806.com-河内五分彩合买平台| www.465178.com-各类彩票的玩法| www.803436.com-天涯高人能算彩票吗| www.870444.com-快三投注表-| www.924986.com-湖北省快三图| www.977600.com-足彩怎么卖-| 大赢家彩票www.576411.com| www.78ve.com-台湾5分彩下载|