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天

知道了
时时乐上海开奖结果 www.7lq.com-美术彩铅画图片大全| www.mw81.com-彩经网新版走势图| www.632302.com-双色球彩票选号技巧| www.515422.com-李永志彩票-| www.130256.com-7星彩和值走势图表| www.271851.com-彩票购彩大厅app| www.362809.com-彩虹的形成原因| www.501001.com-画彩色的梦-| www.604923.com-彩宝苹果版下载| www.313617.com-幸运彩票有几种版本| www.062354.com-老重庆时彩开奖号码| www.668406.com-彩票超级大奖| www.fx16.com-彩788-| www.61cc.com-大盘娱乐彩票| www.393223.com-全民彩票投注平台| www.a55.org-淘宝彩票下载手机版| www.vs96.com-彩票开奖计划网站| www.276339.com-福彩十五选五走势图| www.022669.com-淘宝快三技巧| www.2273.pw-老重庆时彩时彩| www.49576.com-华宇彩票合法吗| www.098138.com-深圳福彩站点转让| www.90897.com-福彩论坛175oo| www.981508.com-093彩票平台下载| www.eo53.com-一定牛吉林快三| www.xf06.com-河北快三开结果| www.16aa.com-襄阳彩礼钱20万| www.235274.com-广东福彩app下载| www.322372.com-廉江好彩哥头尾论坛| www.154294.com-足彩任选九场怎么玩| www.996351.com-足彩北单玩法| www.097516.com-彩票公益金资助学生| www.8765.site-乐彩沦坛-| www.tb01.com-快乐时时彩开奖查询| www.189884.com-江苏快三遗漏号查询| www.789232.com-足彩只买下盘| www.907185.com-官方彩种有哪些| www.673318.com-古建彩画图案| www.838889.com-彩809-| www.921332.com-甘肃福利彩票app| www.qj92.com-南粤好彩1规律| www.109722.com-下载六咊彩-| www.026849.com-彩八彩票官方下载| www.221530.com-快彩平台骗局揭秘| www.334175.com-体彩所有玩法| www.471710.com-体彩篮球比赛竞猜| www.590858.com-一定牛彩票违法么| www.871895.com-利彩开奖快3是否| www.7yn.com-中国福彩网官网下载| www.455.cm-福乐彩是真的吗| www.04053.com-豪彩vip是骗局吗| www.035034.com-u9彩票官网软件| www.234214.com-哪个网站可以买彩票| www.382206.com-分分彩如何挂机刷| www.555271.com-华彩控股最新消息| www.674510.com-亚洲彩票官方网下载| www.794506.com-新彩吧图迷总汇| www.932746.com-传奇彩票安全吗| www.cp2773.com-极速快三app| www.222029.com-时时彩挂机软件坑| www.322635.com-彩票开奖号123| www.846550.com-彩票主任悔过| www.574562.com-爱音乐彩铃电信美国| www.671160.com-彩独1攻略-| www.765255.com-博彩评级手机数码| www.861067.com-直播七星彩开奖视频| www.940332.com-黑彩快三盘怎么申请| 非凡彩票www.77210a.com| www.te31.com-快乐时时彩计划表| www.198926.com-1分快3彩票怎么玩| www.265490.com-五省快三高手走势图| www.422310.com-口袋彩票是什么意思| www.237585.com-官方福彩手机软件| www.121810.com-今天的彩票排5| www.518555.com-辽宁福彩中心主任| www.770829.com-七彩本草方-| www.881429.com-足球博彩在哪买| www.956863.com-百彩网免费料大全| www.av23.com-体彩p3-| www.xi14.com-江苏快三走-| www.659874.com-休彩试机号和中奖号| www.744976.com-彩票分析软件违法吗| www.812072.com-靳加坡天天彩资讯网| www.880332.com-内蒙福彩快三和尾| www.17up.com-正规的安庆体彩店| www.uq17.com-官方手机买彩票| www.320563.com-河内5分彩开奖直播| www.467141.com-中国体育彩票咋买| www.639361.com-做个彩票网站多少钱| www.728880.com-京东国际彩票| www.809062.com-排列三开机号乐彩网| www.933112.com-众信彩票快三| www.hu44.com-网络彩票骗局案例| www.773047.com-可以玩厘的彩票平台| www.999557.com-网购彩票合法吗| www.786879.com-满堂彩网站北京赛车| www.yd9.com-彩神ⅴll-| www.758941.com-福彩选大小-| www.920661.com-彩神ix充值100| 中国福利彩票www.33588k.com| www.212445.com-彩票挂机软件骗局| www.4356.cn-福星彩推荐码| www.765038.com-808彩吧下载| www.867668.com-快三三中二-| www.939725.com-吉林快三新规定| 福彩网www.055p.cc| www.884041.com-黑彩能挣钱吗| www.983200.com-新盈彩提现-| www.ap44.com-云南体彩-| www.uo47.com-黑龙江快三开奖| www.504654.com-六全彩开奖结果查绚| www.900618.com-竞彩报墨不文| 天天彩票www.1035f.com| www.541348.com-彩票榜怎么打不开啦| www.511268.com-豪亨博彩票k5网址| www.657502.com-今晚体彩开奖| www.985030.com-购买福利彩票双色球| www.830809.com-6hzl彩票资料| www.932369.com-爱购彩平台-| www.999479.com-大运彩-| www.27vx.com-分分彩怎么玩稳挣| www.1525.pro-赤峰体彩中心许克正| www.04966.com-2019彩票新规定| www.800027.cc-今天开奖福彩票开奖| www.882392.com-彩票专营店-| www.949039.com-彩票抢红包-| 818合彩www.www.9889hc.com| www.509110.com-福彩双色球开奖频道| www.713375.com-彩神争霸怎么玩| www.848578.com-足彩竞彩今日推荐| www.93qd.com-一分彩对应码| www.526359.com-美国彩票收入| www.632632.com-彩控科技-| www.754186.com-彩经网工具箱| www.849001.com-时时彩提醒软件| www.943180.com-网易彩票中奖| 中彩网www.61233m.com| www.iv00.com-竞彩足球比分预测| www.786540.com-全民福彩传销| www.96fp.com-彩票代打可以提现吗| www.2299.cm-快三的和值-| www.549.date-兴盛彩票-| www.799685.com-大众彩票怎么回事| www.ev04.com-幸运彩票手机版| www.02lm.com-江苏快三豹子怎么看| www.558848.com-哪里能找彩票网址| www.630511.com-快三豹子出现的概率| www.691501.com-绝对可靠的彩票开发| www.227638.com-福彩一分快三| www.447332.com-乐博彩票合法吗| www.522089.com-七乐彩查询号码| www.573046.com-彩字在五行中属什么| www.625155.com-亏损返现的彩票平台| www.673455.com-古建彩绘图案| www.725965.com-阿里彩票3d-| www.777780.com-彩票彩吧app| www.845360.com-竞猜型体育彩票| www.889912.com-彩票123官方下载| www.952673.com-大发时时彩可信吗| www.986730.com-彩票七彩星开奖| www.cai5044.com体彩11选择5| www.992903.com-竞彩赔率表-| www.463100.com-环球彩票真的假的| www.135968.com-梦想彩票登录网址|