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.735363.com-乐成网彩票可靠吗| www.47377.cc-四川福彩网官方首页| www.021730.com-买分分彩输钱经历| www.00678.cc-福利彩票申请店铺| www.564978.com-3d今天彩吧图一版| www.659761.com-重庆时时彩又卡奖了| www.752517.com-中国福利彩下载| www.70102.com-台湾玩运彩讨论区| www.059804.com-福利彩票奖项| www.232323.cc-黑彩票怎么赚钱| www.243333.com-彩票是不是人为控制| www.452833.com-竞彩让球平技巧| www.641055.com-金彩网天下网空彩票| www.hb51.com-福彩3d试机号码| www.742228.com-湖南省体育彩票| www.27ga.com-23彩票apk-| www.d78.net-彩票开奖123导航| www.9573.com-福彩东方6加1| www.444279.com-中彩网正版下载安装| www.573430.cc-众恒彩票app下载| www.67194.com-中福利彩票怎么领奖| www.058400.com-福彩双色球开奖下载| www.191033.com-江苏快三推荐和值| www.678007.cc-南方双彩网3d和值| www.pz78.com-彩票66软件-| www.227738.com-体彩大乐透预测汇总| www.609494.com-全彩助手官网| www.000891.com-时时彩作弊方法| www.4696.com-买彩票中几千万| 皮皮彩www.569380.com| www.6073.cc-竞彩冷门-| www.31096.cc-福彩中大奖领奖流程| www.808275.com-安徵快三夸度走势图| www.943022.com-手机淘宝如何买彩票| www.997807.com-乐彩3d和差-| www.os6.com-快三稳赢技巧| www.0ly.com-天天爱彩票怎么样| www.94kr.com-采全网彩金网彩卷网| www.3435.biz-家彩网开机号大乐透| www.100126.com-福彩胆码杀码| www.838196.com-今晚七星彩买什么好| www.235906.com-足彩波胆预测| www.314001.com-福彩数字3怎么玩| www.404738.com-彩票第40期开奖| www.525152.com-圣地彩怎么下载| www.619951.com-中国福彩老总| www.698971.com-零基础学彩铅入门| www.786399.com-大赢家时时彩票网| www.876117.com-福彩天下无敌30| www.955697.com-关于中彩票的群名| 大赢家彩票网www.178562.com| www.977127.com-彩礼规定是几万| www.ka6.com-江苏快三走势形态图| www.608078.com-韩国快三官方| www.161.cm-彩虹又称-| www.826056.com-快三多少钱一注| www.399488.com-河南足彩多久兑奖| www.548092.com-佬牛足彩最新| www.619059.com-天天乐彩十年信誉| www.690310.com-赢彩平台-| www.760253.com-宁夏好彩快三| www.831809.com-七乐彩免费预测汇总| www.892937.com-彩票中奖内部人买| www.954554.com-多盈彩票官网| 顺丰彩票www.sfk3.com| www.75272.com-中国有那些彩票合法| www.325225.com-体彩排三太湖字迷| www.429249.com-彩票预警系统| www.88gs.com-爱彩客彩票-| www.101240.com-彩票足球软件| www.202890.com-彩票坊注册-| www.180606.com-02彩票app-| www.013576.com-今天七星彩图纸| www.375817.com-福彩开奖和值| www.397589.com-彩票几点停止| www.573422.com-体彩扑克中奖规则| www.a39.org-被九号彩票骗了| www.750362.com-盛兴彩票龙版| www.603559.com-山西福利彩票网点| www.773980.com-彩博网站-| www.922503.com-怎么当足彩分析师| www.cai3644.com福彩快3走势图今天| www.586241.com-七乐彩独胆泌下| www.660220.com-nba新浪篮彩| www.743464.com-彩乐乐百十个位杀码| www.879232.com-亿彩网app-| www.963457.com-竞彩足球澳客手机版| www.gr1.com-北京快三开奖多少| www.392819.com-赵丽颖彩铅画| www.820232.com-陕西彩票领奖在哪里| www.1819.in-体彩十一选五中3| www.799466.com-下载一品彩票| www.881308.com-福彩3d太湖图迷版| www.976043.com-彩礼的起源-| www.cai0377.com极速快3彩票| www.188273.com-166彩票网-| www.257306.com-微彩吧app可靠吗| www.348344.com-福彩3d彩经网选胆| www.424132.com-福利彩票内部讨论| www.518190.com-博牛彩票是干什么的| www.380598.com-合买彩票抄单意思| www.494365.com-沈阳彩票寻合作| www.833838.com-多彩烟-| www.911673.com-中国福利彩票怎样玩| www.984701.com-炫彩动态壁纸| www.at69.com-湖北省福利彩票官网| www.uk62.com-709彩票安卓版| www.371488.com-577彩票是真的吗| www.485580.com-支付宝彩票做假吗| www.6748.cc-彩票预测频道| www.151648.com-彩票几个数-| www.654978.com-小辣椒七星彩下载| www.745011.com-非法经营彩票判决| www.811648.com-福彩主任王素英家庭| www.889105.com-彩店宝appios| www.950337.com-金龙彩票-| www.988896.com-新快3彩票下载安装| www.gw7.com-中国体彩香港快3| www.mf30.com-好彩怎么看真假| www.h19.me-沈阳快三-| www.3796.biz-体彩排三杀跨| www.552032.com-彩乃奈奈番号| www.606789.com-足彩比赛前多久停售| www.645273.com-青岛西彩票一等奖| www.703225.com-福彩快三投注表| www.771930.com-天天快三app| www.853556.com-十大彩钢瓦名牌| www.900654.com-淘彩彩票-| www.953380.com-奥客网竞彩比分直播| www.990369.com-多乐彩票骗人| www.cp5122.com-江苏快三隐藏规律| www.ie25.com-正规国家彩票网站| www.vc61.com-彩神网论坛网址| www.324702.com-彩票统计分析软件| www.9ui.com-七星彩的打法| www.689027.com-彩81app下载| www.841836.com-彩票三大属性| www.908303.com-谁有彩票网站推荐| www.963521.com-足彩比分直播14场| 杏彩www.00840h.com| www.671116.com-排列三凤彩杀号网| www.201990.com-福彩了d图迷总汇| www.20120.com-竞彩足球今日提点| www.63265.com-足彩网下载-| www.978795.com-南通彩票-| www.270063.com-帝皇彩票下载| 创富彩票www.cf9908.com| www.387434.com-福彩彩民乐钱树图| www.900150.com-22彩票平台网址| www.959217.com-低价转让福利彩票店| www.998678.com-体彩天下公司| www.aa57.com-怎么看彩票走势图| www.om45.com-福彩开奖号码今天| www.354896.com-310直播足球竞彩| www.484879.com-北京新彩量科技如何| www.020278.com-三的彩票还有试机号| www.125879.com-卓易彩票苹果| www.240748.com-画彩铅技巧-| www.36226.cc-体彩开机10期| www.017791.com-彩票投注计算器软件| www.112598.com-七星彩全部历史开奖| www.196365.cc-时时彩游戏机| www.288151.com-安徽快三和值遗漏| www.334918.com-乐彩网3地-|