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.91355.com-好彩四色宝珠| www.811563.com-足球彩票的优服务| www.909221.com-辽宁福彩快3| www.978928.com-500彩票全部软件| www.95752.cc-广东福彩公益| www.095701.com-福彩什么时候发行的| www.261468.com-三d刺客论坛研彩网| www.035014.com-高赔彩-| www.pj39.com-江苏体彩中心| www.77tm.com-私彩靠什么盈利| www.376955.com-高頻彩开奖网| www.08802.com-福彩可以網上投注嗎| www.88262.com-吉购彩下载-| www.105102.com-709彩票苹果版| www.433527.com-下载老钱庄彩民乐园| www.648854.com-166彩票app-| www.80yq.com-网络彩票倍投的骗局| www.04919.com-有没有合法彩票软件| www.187579.com-拉人玩时时彩判几年| www.820685.com-彩钢板怎么安装视频| www.983365.com-内蒙古快三推荐红号| www.359579.com-福利彩票几点不能买| www.57329.cc-够彩app-| www.060590.com-全天时时彩计划网| www.501731.com-手机有什么彩票软件| www.cp9926.com-牛彩湖北快3| www.108806.com-富贵彩票犯法吗| www.1776.org-够力七星彩手机| www.32851.cc-u彩娱乐平台| www.816172.com-福彩双色球奖金分配| www.952526.com-时彩是不是合法| www.10jf.com-时时彩独胆高手| www.019057.com-苏州彩票巨奖| www.119591.com-快三遗漏值-| www.661052.com-购彩平台导航| www.346980.com-彩票7乐彩预测| www.033834.com-在外省买彩票中奖| www.275289.com-网络时时彩谁在控制| www.130941.com-于都彩礼-| www.339164.com-3d福彩藏机图迷| www.480065.com-七乐彩好彩网预测| www.468465.com-福利彩票预知号| www.034990.com-坤彩科技价值分析| www.802373.com-竞彩大数据分析软件| www.915202.com-盈盈彩票网站| www.990005.com-彩漂和漂白水区别| www.di24.com-彩票可以买6位数嘛| www.tq67.com-安徽申请福彩| www.640038.com-新时时彩开奖走势| www.953218.com-吉林快三第一位| www.773027.com-红中彩票平台客户端| www.9956.com-今日彩票开奖吗| www.91419.com-好彩柠檬香烟| www.123867.com-彩票多久开一次奖| www.327234.com-体彩500期走势图| www.456659.com-北京彩易达-| www.591330.com-买竞彩足球害苦人了| www.35kw.com-沈阳北到省体彩中心| www.865245.com-彩友网彩票-| www.122526.com-七星彩走势图大赢家| www.nw25.com-快三彩票是不是赌博| www.283825.com-彩票彩种有哪些| www.428318.com-七星彩缩水选号| www.937114.com-快三公交车路线查询| www.633750.com-腾讯分分彩对码选胆| www.480270.com-七星彩3个头尾数| www.238.tv-五分钟彩票-| www.260460.com-合法赌博彩票| www.519977.com-彩票五百万中奖概率| www.888116.cc-v彩-| www.2bg.com-手机彩膜正面怎么贴| www.17737.cc-体育彩票加盟网站| www.108877.com-快三号码共有多少注| www.362057.com-爱乐透彩票app| www.23598.cc-彩神1号app-| www.696221.com-足彩365网-| www.87738.com-盛兴彩票站-| www.095192.com-彩票数字能重复吗| www.213683.com-彩神app下载网址| www.356340.com-吉利彩票正规不| www.753886.com-2019年掌上中彩| www.cp7171.com-江苏快三靠谱吗| www.075809.com-彩票的价钱-| www.522824.com-玩私彩多少金额违法| www.km34.com-河北福利彩票双色球| www.122308.com-重庆时时彩的qq群| www.339850.cc-风皇彩票网-| www.664281.com-福彩三的字谜图| www.739041.com-福彩微信群-| www.790682.com-彩吧开奖助手| www.0151.org-北京福彩中奖规则| www.nz21.com-江苏快三综合| www.329260.com-彩票10选5怎么玩| www.324763.com-国外做彩票客服| www.054.online-神州彩是什么平台| www.7373.in-彩票公益金余额| www.25985.cc-彩虹寓意着什么意思| www.85576.com-体彩追加-| www.041118.com-广西快三开奖号码锁| www.364243.com-世界杯微博彩票分析| www.435835.com-竞彩店微信交易| www.978573.com-九歌彩票-| 购彩在线www.66332x.com| www.ud25.com-乐和彩彩票-| www.619342.com-昆明福彩兑奖| 68彩票www.68682d.com| www.5257.top-彩票几点开奖3d| www.80iv.com-下载双色球投注彩票| www.52092.com-吉林麒麟快三数据| www.045587.com-彩票代理按天反佣金| www.590078.com-竞彩官方公众号| www.800334.com-卓易彩票怎么没有了| www.931317.com-彩吧助手走势图表| www.456995.com-体彩排列3图迷画迷| www.636218.com-彩虹织机织趣网| www.9978.xyz-百度彩票开奖号| www.700553.com-足彩通下载-| www.185565.com-快三线上投注| www.300055.com-好彩票网址-| www.640300.com-新浪爱彩真的假的| www.404105.com-彩铅画儿童画图片| www.829939.com-盛大彩票安卓下载| www.997219.com-足彩任九场中奖查询| www.2iu.com-彩友团app-| www.0273.xyz-梦见中彩票遭追杀| www.8850.online95彩票计划-| www.28355.com-镇江体彩中心地址| www.83799.cc-苹果买彩票软件| www.035161.com-手机彩票能不能玩| www.567280.com-江苏体彩19034| www.513865.com-足彩串串容错表| www.639062.com-体彩去哪申请| www.722276.com-大庆彩票站-| www.823177.com-我附近的福利彩票站| www.929780.com-全民星彩可靠吗| www.989429.com-福体彩最新开奖大厅| www.go88.com-河南彩票双色球| www.735568.com-体彩快乐扑克3| www.286141.com-中国体彩开奖号码| www.377892.com-9188彩票ios| www.502906.com-京东快彩安全吗| www.578121.com-最新彩票报纸大全| www.661493.com-代玩彩票赚佣金一百| www.789642.com-职业竞彩人心得| www.869982.com-彩票有k线吗| www.919906.com-彩票服务器开发| www.966725.com-综艺股份福彩| 500彩票网www.97655c.com| www.015431.com-7星彩投注-| www.111022.cc-557彩票平台| www.168665.com-内蒙古快三中奖规则| www.231831.com-那个彩票软件最正规| www.zx24.com-彩虹台-| www.791095.com-福彩选号开奖号| www.888696.com-下载新版网易彩票| www.91064.com-福利彩票软件可靠吗| www.132477.com-河南的彩礼多少| www.59049.com-福彩三d今天关注号| www.3387.com-手机网易彩票| www.5114.cm-福彩千万弃奖| www.9783.top-快三第一期几点开始| www.1288.in-代理快三是骗局揭秘| www.68018.com-上海市体彩兑奖| www.365977.com-大奖彩票下载苹果版|