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.0619.com-仿真彩票生成| www.375848.com-彩票江苏十五选五| www.084548.com-22彩票苹果下载| www.245228.com-快三秘诀-| www.359022.com-福彩三地字谜汇总| www.557382.com-简单水彩画入门| www.710777.com-中国有人中过彩票吗| www.832205.com-七彩网是真的吗| www.952202.com-cc彩票分分彩| www.jd3.com-时时彩老玩家的经验| www.08266.com-南海福彩中心站| www.91731.cc-福利彩票双色球26| www.932645.com-哪个软件可以玩快三| www.14ol.com-天吉3d彩票论坛| www.265600.com-福彩3d高手心得| www.572591.com-福彩五码组六遗漏| www.759316.com-必发彩票app下载| www.930191.com-网上买的福彩快三| www.fn81.com-快三网址给个| 计划网--新浪彩票相同盘| www.7810.org-足彩14场中奖技巧| www.858956.com-体彩48l开奖结果| www.450691.com-杏耀彩票可信吗| www.608312.com-模拟七星彩彩票| www.775049.com-快三小贴士-| www.972502.com-长沙快三查询| www.ki81.com-k彩易彩快三技巧| www.251261.com-福彩快三河南开奖| www.455569.com-彩票输了两万不甘心| www.599882.com-买彩票都是哪些人| www.777668.com-牛彩图迷网-| www.947200.com-快三最好打法| www.iw80.com-竞彩专栏-| www.402488.com-足彩二串一猜对比分| www.637335.com-小米彩虹电池怎样| www.903376.com-开博彩app多少钱| www.de14.com-福利彩票旗下彩种| www.1883.org-福彩机器人在哪里买| www.34400.cc-上海福彩站点查询| www.sw30.com-北京快三是骗人的吗| www.398379.com-博彩首存送彩金套利| www.590050.com-足彩竞彩比分计算| www.804447.com-重庆时时彩五星二码| www.964898.com-揭秘网上彩票骗局| www.xj57.com-好彩网实力三肖八马| www.681613.com-龙江福彩公益为天| www.789381.com-竞彩app代理| www.875010.com-山西彩票店-| www.940267.com-乐彩网图表工具| www.987047.com-爱购彩登录密码| www.am81.cc-彩票软件下载排行榜| www.ss20.cc-彩票33安卓版| www.4qw.com-怎么买彩票中奖高| www.98007.com-淅江体彩6十1规则| www.wm3.cc-福彩讨论平台| www.vw95.com-湖北快三开奖号今天| www.00089.cc-下载章鱼竞彩| www.72800.cc-北站彩票站外兑| www.075015.com-中国福利彩票说明书| www.212279.com-安卓彩票999| www.305576.com-彩票怎样买-| www.050252.com-qq上怎么买彩票| www.125888.com-多玩彩票下载| www.218012.com-幸运快三是真的吗| www.329230.com-皇马战绩500彩票| www.440680.com-彩票店潘攀-| www.562850.com-上海快三骗局| www.646298.com-足彩流水怎么算| www.759320.com-大中华彩票推荐| www.96pi.com-彩排拼音和近义词| www.9758.in-体育彩票19029| www.043037.com-竞彩宣传创意| www.180296.com-玩快三输了一万| www.325289.com-海南四码彩票资料| www.532795.com-体彩七彩星中奖规则| www.695999.com-福彩天地报双色球l| www.883870.com-新博瑞彩票平台| 58彩www.33358c.com| www.45qn.com-彩虹无人机出口状况| www.4028.cc-新粤彩联盟彩图| www.861638.com-博牛彩票官网下载| www.1288.site-时时彩试玩平台| www.934321.com-智博彩票网微信号| www.bx30.com-十分彩app-| www.672645.com-快三概率怎么算的| www.974849.com-南国特区彩票| www.yf63.com-派彩为什么是负数| www.365304.com-时时彩欠30万| www.450799.com-彩票8官方安卓版| www.9750.vip-购彩网官方-| www.237314.com-嘉兴福彩网-| www.436852.com-福彩3d研究院| www.529244.com-大佬彩票网址| www.712201.com-41彩票网公式| www.979115.com-贵烟多彩好抽吗| www.062643.com-鸿运彩票登录网| www.224554.com-彩神ll网页登录| www.554545.com-本期彩票预测| www.905377.com-yy彩票平台-| www.35fp.com-腾讯分分彩万为规律| www.7765.cm-彩门伏事-| www.015016.com-数学几何在彩票| www.266755.com-六会彩皇冠开奖结果| www.440556.com-中国彩票客户端下载| www.669217.com-旧版够力七星彩下载| www.924902.com-秒速快三怎么赢钱| www.cp7991.com-福彩快三真的很坑人| www.654859.com-时时彩网投群| www.4470.com-彩票内部数据软件| www.16oc.com-乐彩客老版本哪下载| www.9xg.com-今晚体彩开什么奖| www.1727.in-彩工网快3遗漏推荐| www.126859.com-彩票手机-| www.366630.com-彩铅调肉色-| www.059308.com-京彩_首页-| www.179849.com-易彩快3下载| www.332029.com-十选五是正规彩票吗| www.495224.com-彩漂可以洗黑色衣服| www.595604.com-那个鑫彩网怎么举报| www.o82.com-福彩旗下的快开彩票| www.425335.com-人人体彩网-| www.753854.com-安卓版玩彩票| www.0483.cc-3d今天彩图-| www.16714.com-福利彩票快三手机版| www.99038.cc-分分彩技巧玩法介绍| www.335992.cc-体育彩票几个数字| www.456278.com-红菜苔彩-| www.613252.com-七星彩选号器手机版| www.822101.com-玩彩票到底有多害人| www.319909.com-百宝彩一江西快三| www.517687.com-大胜彩票最新消息| www.957908.com-福彩3d百度百科| www.09kb.com-牛b彩票-| www.86965.cc-融彩网是啥-| www.173206.com-合肥快三-| www.872044.com-福利彩票多少钱一张| www.36rz.com-好彩客app正规吗| www.12224.cc-福彩六加一怎么买| www.022103.com-福利彩票群规则| www.854496.com-神马搜索青蛙彩票| www.7475.pw-02彩票客户端下载| www.580628.com-吉林省七星彩一等奖| www.713140.com-41彩票网官网| www.969710.com-江苏体彩网彩票| www.57pp.com-体彩2元网大全| www.4068.biz-合乐彩888官网| www.59373.com-彩铅画人物图片大全| www.120783.com-体彩31选七-| www.321660.com-彩票推算最准软件| www.594936.com-福彩3d老虎图| www.789129.com-足彩就是坑-| www.if5.cc-快3彩票开奖| www.177861.com-上海快三玩法介绍| www.336770.com-中国彩票合买网站| www.535376.com-6位数字彩票| www.758074.com-中彩网专家预测汇总| www.ty.com-快三客是真的么| www.6907.me-七星彩图正版图纸| www.yd7.com-彩神1下载-| www.80xx.com-夲期体育彩票中奖号| www.008129.com-卖私彩定罪量刑标准| www.199575.com-福建快三推荐号| www.424210.com-高频彩黑平台曝光| www.706938.com-500彩票官网首页|