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天

知道了
58福彩 www.231273.com-玉林福利彩票中心| www.f40.xyz-彩票2元网手机版| www.409.me-新加坡彩票几点开奖| www.45xz.com-全民彩票改名成什么| www.312159.com-彩票大师是正规的吗| www.118129.com-168彩票正版资料| www.861947.com-最近彩票开奖结果| www.32352.com-彩礼不得超过8万| www.690273.com-竞彩篮球比分500| www.xc05.com-彩中彩坑人骗局| www.331413.com-大发彩票是真的假的| www.582708.com-凤凰彩票总赢不了钱| www.677742.com-微彩娱乐28-| www.fi48.com-快三辅助-| www.23539.cc-826彩票正规吗| www.145844.com-基诺彩开奖记录| www.ya22.com-吉祥彩票聊天室| www.610011.com-怎么微信上买彩票| www.103649.com-九州彩票登录网址| www.2246.cc-大彩鲸快3app| www.5222.wang-快三哪些是黑号| www.136626.com-大彩鲸快三助手下载| www.045568.com-高佣金彩票代理平台| www.465836.com-幸运彩票www8| www.560931.com-体彩历史今天| www.c71.in-安徽一定牛快三遗漏| www.968045.com-福彩官员1360亿| www.950991.com-查询彩票是否中奖| 500万彩票www.35155d.com| www.427876.com-足彩4个3选缩9注| www.540180.com-外围篮球彩票网站| www.619128.com-微博刮刮彩-| www.686365.com-19彩票-| www.761827.com-在线福彩是合法的| www.830639.com-顶级彩票登录不了| www.896481.com-彩票平台有开挂吗| www.967518.com-如何进微信彩票群| JJ彩票www.642414.com| www.sl25.com-重庆时时彩倍率漏洞| www.738228.com-七天彩真的能赚钱吗| www.974602.com-易众足彩票店| www.162108.com-彩乐汇可以退出吗| www.cai1944.com我找到时时彩漏洞了| www.201521.com-七星彩中奖规则图| www.342518.com-人人中彩票不能购彩| www.13fz.com-鑫彩鸿装饰-| www.005847.com-577彩票网址| www.286358.com-网上彩票app| www.502631.com-欧洲杯足彩哪里买| www.ex32.com-彩票黑客-| www.52nd.com-瑞彩祥云时时彩| www.622206.com-福彩五分彩可靠吗| www.710268.com-欧洲博彩三巨头| www.813484.com-福彩牛才总会| www.907037.com-彩票投注平台可靠吗| www.973267.com-彩虹岛主线任务大全| www.cai6664.com长春快三开奖号码| www.ow31.com-新昌双彩属于哪个镇| www.p45.cc-乐城网购彩-| www.00da.com-澳门十分彩玩法| www.174362.com-快三哪些省份是真的| www.809729.com-今日体彩中奖号是| www.dd96.com-彩票数字达人| www.8608.com-彩神通在哪下载的| www.383559.com-每天买两块钱彩票| www.657418.com-彩运8用户注册| www.96131.cc-体彩是公益彩票吗| www.113876.com-彩票彩民版靠谱吗| www.3499.pw-i8彩票平台app| www.606290.com-彩界扛霸子独胆| www.06605.cc-华彩网是不是骗人的| www.382801.com-19011期胜负彩| www.822505.com-如何提高彩票中奖率| www.k29.top-好彩网谈论-| www.55944.cc-彩站宝好用吗| www.622658.com-彩票36o全国开奖| www.716325.com-彩铅画古典美人| www.768078.com-福彩胆码预测| www.934775.com-来彩网能买彩票么| www.yb10.cc-足彩app叫停| www.5494.cc-江苏亿彩快三查询| www.062637.com-破解手机彩票的软件| www.18cf.cc-江苏体彩四十二期| www.5951.win-彩票查询下载| www.770229.com-七彩捞腌菜游戏下载| www.924916.com-全民快三网址谁知道| www.985079.com-彩票8888-| www.bl04.com-下载内蒙古体彩| www.vn27.com-快3属于什么彩票| www.23gs.com-福利彩票谁控制的| www.8747.cn-安徽福彩快3基本走| www.52735.cc-七彩西游记全集| www.002071.com-在支付宝买不了彩票| www.077607.com-9亿彩票靠谱吗| www.596739.com-新天天彩票-| www.670746.com-七彩色是标准样板| www.761705.com-时时彩牛牛漏洞| www.839677.com-百彩网免费资料大全| www.903511.com-赢彩网网址多少| www.965410.com-博友彩票是合法的吗| 500万彩票www.96386x.com| www.547511.com-福乐彩28是什么| www.636323.com-彩虹阅读-| www.707653.com-足彩任九复式计算器| www.791648.com-澳门乐彩官网可靠吗| www.865944.com-福利彩票账号登录| www.925419.com-宏发彩票的网址| www.977568.com-彩票截止时间是几点| www.cp8318.com-福利彩票字谜汇总| www.qd06.com-九龙彩票-| www.29163.cc-搜狗彩票投诉电话| www.821977.com-乐彩网摘3d预测版| www.898048.com-彩组语-| www.961549.com-四柱预测彩票实例| 世彩堂www.5854x.cc| www.984250.com-福利彩票快乐10分| www.018.tv-怎么关注老猫彩快讯| www.2541.xyz-什灯么彩-| www.6gr.com-分分彩分析助手| www.563.me-分分时时彩追号计划| www.246297.com-足球新浪竞彩网| www.433969.com-江西福彩助手下载安| www.557666.com-购彩在线邀请码| www.825172.com-竞彩猫合买微信群| www.946622.com-全部彩种计划| 600万彩票www.187512.com| www.ph20.com-六会彩皇冠开奖结果| www.36aa.com-开心彩票正规| www.536560.com-世界上有多少种彩票| www.11pj.cc-五百彩票下载安装| www.980408.com-彩票3000万软件| www.hf17.com-购彩平台哪个最好用| www.zq91.com-腾讯分分彩怎么玩| www.73xa.com-婚恋骗局重庆时时彩| www.150776.com-彩票号码过滤器| www.554545.com-本期彩票预测| www.693155.com-体彩手机投注怎么玩| www.816114.com-利民彩票网站| www.731448.com-体彩十一-| www.234323.com-如何戒掉彩票| www.657463.com-七星彩在线缩水软件| www.338804.com-福彩3d胆码排序图| www.125158.com-幸运彩票平台| www.yz59.com-五福彩票正规吗| www.i64.cn-南方双彩专业版| www.0799.ren-在哪能买到足球彩票| www.008340.com-在网上买彩票犯法吗| www.393.space-神圣计划彩票软件| www.32gj.com-体彩181-| www.97mq.com-玩澳门两分彩总是输| www.015865.com-够力七星体彩下载| www.77wz.com-网络私彩套庄家钱| www.3353.live-足彩看盘杀招技巧| www.332330.com-京彩7515网-| www.62635.cc-三地彩票定胆| www.88602.com-218彩票网-| www.225029.com-百合网上拉彩票骗局| www.315011.com-七彩云盒官网下载| www.993060.com-去林快三-| www.fv22.com-五分快三怎么投注| www.027841.com-甘肃快三二码遗漏表| www.586355.com-香港彩缘网最快报码| www.712707.com-彩票店转让协议| www.779335.com-楚天福彩30选5|