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.089760.com-足彩胜负分析| www.855655.com-易彩网彩票开奖查询| www.121343.com-高频彩多人买时间| www.194625.com-时时乐开门彩| www.lq03.com-彩经网官方下载苹果| www.248838.com-彩票28-| www.101925.com-红彩网络直播| www.267635.com-彩乐乐网十一运夺金| www.366267.com-福利彩票33期结果| www.20bu.com-苏州福彩各网点| www.3mt.cc-福利彩票是谁发明的| www.768559.com-爱乐透彩票| www.iu09.com-竞彩足球奖金计算器| www.22640.com-彩杏官方网站| www.865878.com-腾讯彩票手机版| www.41ia.com-澳洲3分彩投注技巧| www.051765.com-彩票游戏出租| www.9640.loan-3地彩票走势图| www.106725.com-新加坡快三是真是假| www.308509.com-万彩吧一彩票高| www.982460.com-鸿运彩票骗局| www.278453.com-彩票靠谱吗-| www.713763.com-双色球彩票尺寸大小| www.800899.com-体育彩票中奖地查询| www.883425.com-安徽快三出豹子征兆| www.959008.com-3d新彩网手机版| 500彩票www.528121.com| www.nc20.com-乐米彩票下载| www.5088.cc-属羊的人买彩票| www.431507.com-农村医药报新粤彩报| 乐点彩票www.978797.com| www.135254.com-一品彩票平台| www.6633.cm-中彩中福快三| www.539215.com-内蒙快三怎么玩稳赚| www.587214.com-大唐娱乐彩票| www.689206.com-下载彩名堂-| www.71555.com-利盈彩票下载| www.838368.com-彩24app-| www.777779.cc-电竞博彩app开发| www.984868.com-玩长城彩票挣钱吗| www.nv30.com-至尊快三能赚钱吗| 博乐彩票www.588824.com| www.659174.com-七乐彩41期-| www.772194.com-时时彩后三组六平刷| www.854822.com-金冠彩票app下载| www.915281.com-淘彩票的注册码| www.980355.com-网上买彩票哪个好| www.cp5636.com-快三就是一个骗局| www.lp59.com-高频彩票倍投技巧| www.74py.com-福彩快三几点结束| www.1999.in-?彩票资料免费大全| www.9929.top-济阳结婚订婚彩礼钱| www.jb29.com-福利彩票快三规则| www.059176.com-双色球快三玩法介绍| www.126420.com-创彩网兼职是真的吗| www.37ct.com-led全彩显示屏| www.314115.com-排五彩票开奖| www.66031.cc-福彩预测交流讨论区| www.818958.com-有没有玩彩票高手| www.900925.com-福彩3d大老人汇总| www.967102.com-彩票店如何记账| 天天彩票www.106276.com| www.445579.com-今天彩民乐树图| www.83183.cc-彩票推算软件好用吗| www.4646.com-每天有多少人买彩票| www.23394.com-快三导师计划怎么算| www.120981.com-福彩3d微信群谁有| www.226181.com-福彩快3害死人| www.179730.com-内蒙快三最大遗漏| www.244559.com-彩票走势图大乐透| www.14wt.com-七星彩忍者图规| www.0549.xyz-江苏猫彩快三预测| www.6252.biz-彩八苹果下载软件| www.22894.com-美人鱼购彩-| www.566102.com-足彩秘笈-| www.ei03.com-福彩6+1走势图| www.8580.org-新利彩票怎么玩| www.88552.cc-盗窃彩票中奖射幸| www.765467.com-彩票网赚平台| www.055831.com-快三真能赢钱吗| www.537645.com-彩色的东西是什么| www.712883.com-福彩3d图迷与字迷| www.874431.com-重庆时彩时彩走势图| www.589477.com-足彩推荐网易| www.660393.com-腾讯体育ai彩| www.722070.com-黑龙江畅快三| www.784207.com-乐彩网是正规的吗| www.863399.com-两块钱彩票的玩法| www.916905.com-乐迎彩票注册邀请码| www.973771.com-下载体育彩票软件| 彩票坊www.587833.com| www.fd11.com-3d彩票买法-| www.vr62.com-福彩快三计划群| www.62.me-彩票交多少税公式| www.54ss.com-彩票双色球直播开奖| www.6467.net-体彩有网络销售吗| www.330202.com-电子无需申请送彩金| www.7998.org-南京彩票培训学院| www.31424.com-褔彩开奖-| www.91970.cc-丰彩娱乐违法吗| www.838919.com-河南体彩高频走势图| www.127697.com-798彩票下载安装| www.218839.com-快发彩票-| www.77ch.com-福彩刮刮乐官网| www.696422.com-竞彩对冲国家会管吗| www.817703.com-香港快三app| www.933785.com-福利彩票在哪里兑奖| 彩82www.c9218.com| www.222194.com-四分钟一期的彩票| www.307858.com-甘肃快三25期| www.380208.com-新浪彩票一新浪网| www.229078.com-大发快3分分彩计划| www.52gl.com-浙江时时彩开奖号码| www.444973.com-中国福利彩票谁开的| www.607958.com-天津彩票大乐透中奖| www.692673.com-口袋彩票安全吗| www.822308.com-福利彩票试机号| www.916048.com-私彩信誉好-| www.993296.com-竞彩交易盈亏| www.qq02.com-福利彩票有啥| www.293497.com-河南福彩河南体彩网| www.178110.com-贵州快三的开奖结果| www.328677.com-福彩精英心水| www.419200.cc-易旺彩票网推荐码| www.807519.com-体彩14场胜负彩| www.887631.com-买彩票11选五心理| www.60ue.com-足球彩票庄家是谁| www.1098.cm-中国竞彩研究团队| www.9174.cc-新加坡高频彩票| www.39778.com-福38彩票网-| www.199961.com-体彩11选五任选三| www.734354.com-凤彩网排三胆码| www.311118.com-百度福彩3d返奖率| www.444871.com-彩票3d购买-| www.570721.com-彩票134-| www.307201.com-好彩在线是合法的吗| www.380283.com-真的有人中彩票吗| www.460863.com-天空彩开奖-| www.543995.com-彩吧图第四版| www.657609.com-一元分分彩-| www.776210.com-5分彩全天计划群| www.886881.com-中国福利彩票中奖| www.980706.com-利彩平台是干啥的| www.yl09.com-马来三分彩官网| www.2vp.com-体彩直选奖金| www.75yb.com-体彩的开机号| www.398.xyz-辽宁福彩中心主任| www.471656.com-开一家体彩高频彩| www.379863.com-彩金项链断了能接吗| www.536410.com-编程实现彩票走势图| www.625522.com-京go娱乐福彩| www.822102.com-湖北快三预测推荐号| www.31825.com-代玩彩票兼职赚钱| www.83138.cc-福彩3d开始坑人了| www.076506.com-凤凰彩票新地址| www.57nc.com-美国彩票巨奖骗局| www.hi37.com-湖北快三改版了吗| www.n37.cn-凤凰网投彩票| www.65df.com-合伙微信买彩票中奖| www.0432.top-爱购彩票是真的吗| www.5518.me-中国体育彩票代售点| www.566484.com-幸运彩最新开奖| www.030951.com-永乐彩票下载| www.258296.com-全民彩票破解方法|