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天

知道了
亚洲28 www.1100.com-上海福彩客户端| www.35787.com-福彩双胆独胆| www.cp7712.com-黑龙江快三多少期| www.824910.com-福彩3d码积-| www.947804.com-幸运快三能玩吗| 彩票大家乐www.21202m.com| www.527719.com-手机买彩票里的猫腻| www.4976.vip-香港最近赛马派彩| www.449921.com-悟空彩票app下载| www.983489.com-彩9彩票下载| www.850621.com-足彩m串n奖金计算| www.769071.com-3d选号彩报18年| www.66543.com-福彩3d预测大师| www.289553.com-买彩票算赌博| www.92qj.com-八百万彩票交多少税| www.sk51.com-竞彩比分直播500| www.30gi.com-福彩3d奖结果r祸| www.075599.com-app瑞祥祥云彩票| www.773103.com-糖果派对送彩金平台| www.9349.xyz-中彩票的感觉| www.369108.com-周易如何选彩票号码| www.a29.cn-彩票七七下载手机版| www.996680.com-买彩票的正规软件| www.av00.com-微信快乐彩可靠吗| www.813165.com-彩友会官方下载| www.978474.com-皇都彩票用户登录| www.wt9.com-全国彩票开奖大全| www.s84.net-今晚福彩开什么号| www.873196.com-四川体彩管理中心| www.zr03.com-彩票秘籍-| www.86553.cc-22选五河南福彩| www.057987.com-玩彩研究生胆码| www.151536.com-下载彩票缩水专家| www.lr90.com-福彩快三代理收入| www.31lc.com-奇门九宫格预测彩票| www.536708.com-浙江福彩3d派奖| www.666319.com-彩票比大小软件下载| www.984623.com-彩虹8彩票网站| www.ie62.com-手机买彩票靠谱吗| www.57872.com-星耀国际彩票app| www.5104.cm-彩票机选好还是| www.329719.com-湖北快三走势图全天| www.495432.com-特区七星彩论垃| www.977053.com-分分中彩票软件下载| www.uv3.cc-买竞彩输的家破人亡| www.vp28.com-彩票数字规律怎么算| www.80ji.com-美国快三下载安装| www.7180.org-职业博彩的最高境界| www.132402.com-安徽灵璧彩礼价格表| www.56et.com-分分彩杀号大全| www.480089.com-百度福利彩报| www.888046.com-搜索106彩票| www.cp5220.com-今天快三走势图| www.962993.com-体彩十一运彩乐乐| www.ah71.com-七星彩走势图30期| www.183962.com-内蒙古快三豹子遗漏| www.619929.com-奇门彩票准到可怕| www.740208.com-长期买彩票的人| www.821278.com-福彩大兵全图| www.930738.com-福彩3d怎么研究| 网易彩票www.072wy.com| www.359395.com-微博彩票信息| www.475953.com-国彩投注是真的假的| www.122867.com-级彩票-| 网易彩票www.36788s.com| www.176920.com-中国福彩一分快三| www.259901.com-福彩兑奖流程| www.1669.net-彩坛至尊精品料| www.590293.com-四柱预测彩票| www.149369.com-中国彩吧一彩民更| www.254051.com-快三3个6豹子规律| www.49444.cc-在校大学生中彩票| www.023492.com-重庆时彩破解网| www.ha88.com-北京快三线路| www.xq39.com-oe彩票投注平台| www.11ub.com-牛彩是什么靠谱吗| www.1nq.com-大发时时彩方法| www.872270.com-四川福彩官方网站| www.136957.com-附近哪有福利彩票店| www.313393.com-江西省福利彩票| www.f01.top-体育彩票手机购买| www.92yx.cc-澳洲五分彩平台| www.jy37.com-福彩走势图3d| www.579981.com-七星彩by明月珰| www.295312.com-彩票计划师可靠吗| www.393968.com-久盈彩票app| www.505733.com-彩8提现消限制| www.593516.com-七彩阳光背面| www.760560.com-注册彩票平台| www.989794.com-中港彩票官方平台| www.gk41.com-众彩-| www.7823.top-竞彩对冲二串一理论| www.520490.com-彩票时间差网址| www.53gw.com-我的彩票中奖号| www.819561.com-大数据彩票下载安装| www.gu.com-彩票选号工具| www.791796.com-福利彩票兑奖网址| www.931889.com-彩票游戏app| www.594138.com-彩票分析选号软件| www.925884.com-爱乐透手机彩票门户| www.eu46.com-彩神破解方案快三| www.27ny.com-彩02彩票官方下载| www.7123.wang-开心炸金花彩票| www.979194.com-福福彩-| www.re87.com-河北快三预测| www.799886.com-辽宁福彩双色球现场| www.934521.com-五分彩精准计划网| 中彩网www.6661d.cc| www.678197.com-体彩销售申请书| www.930281.com-陈勤敬彩票案| www.003415.com-彩之源彩票合法吗| www.57656.com-中国彩吧一-| www.8302.vip-易彩怎么玩-| www.41476.com-彩票直通车安| www.012085.com-周五晚上开奖的彩票| www.460016.com-蒂之彩是个骗局| www.566274.com-足彩二串一实战技巧| www.45087.com-福利彩票站提成| www.330397.com-好彩app官方下载| www.428578.com-正规合法的彩票| www.586334.com-彩票机器做手脚| www.44.net-高平彩票-| www.629566.com-什么彩票赢钱率最高| www.780565.com-彩铅手绘人物| www.850801.com-梦见很多彩票| www.967461.com-霸气彩票群名| 500彩票www.501264.com| www.xa21.com-体育七星彩现场直播| www.003592.com-怎么举报彩之源彩票| www.095428.com-信誉时时彩平台推荐| www.167882.cc-北京快三跨度一定牛| www.8167.wang-彩贝壳app的缺点| www.2151.xyz-中国有多少种彩票| www.00324.com-福建体肓彩票开奖| www.79779.cc-388计划彩票网| www.810508.com-博乐彩票骗局模式| www.868673.com-甘肃省快三走势图| www.918490.com-永利博彩-| www.964314.com-竞彩足球怎么看盘| 网易彩票www.26163w.com| www.317979.com-十字彩犯法吗| www.408884.com-彩吧彩报第一板| www.500940.com-一寸彩色是什么底| www.553687.com-竞彩5000万-| www.11531.cc-大乐透彩乐乐机选号| www.668688.com-华人彩注册-登录| www.325454.com-海南彩票网论坛| www.398284.com-七星彩视频直播现场| www.493520.com-有做速8彩票挂的吗| www.023856.com-乐彩神官网-| www.692424.com-广州彩乐乐网| www.790060.com-青海福彩投注站| www.861171.com-⑥和彩计划-| www.923881.com-六亿彩票手机版下载| www.978834.com-快三二同号有多少个| www.ns3.com-河南福彩一定牛快三| www.21od.com-qq购彩-| www.94jd.com-福建省体彩官方网| www.507131.com-快三彩神争霸app| www.571697.com-国彩彩票好-| www.639043.com-上海体育彩票排3| www.210772.com-合肥福彩快三开奖号| www.528801.com-体彩竞彩店资质| www.660423.com-彩票刮刮乐透视眼镜|