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.4029.net-sb博彩-| www.419163.com-sk彩票-| www.565463.com-体育彩票店好开吗| www.224199.com-uu快三手机购彩| www.579539.com-福利彩票今天试机| www.961176.com-七乐彩守号规律| www.sy27.cc-够力七星彩安装旧版| www.jd67.com-网上大发快三骗局| www.d98.net-竞彩欧赔初赔绝密| www.363182.com-丹东福彩3b牛材网| www.612968.com-彩票每日首存上| www.886734.com-微信上那个中国彩| www.el52.com-众彩网专家推荐| www.42024.com-香港百彩网网址| www.585838.com-足球体彩规则及奖金| www.814113.com-玩外围博彩违法吗| www.954167.com-新疆时时彩助手软件| www.ah44.com-熊猫娱乐彩票| www.424298.com-安卓手机微信买彩票| www.09211.com-广州福彩投注站| www.6971.top-帮别人玩时彩| www.wq.cc-吉林福利彩票| www.137347.com-一分快三和值推荐| www.mo17.com-快三不好怎么买| www.42eb.com-手机版我的世界彩字| www.919111.cc-买外围网站彩票| www.0730.org-360蛋蛋彩票软件| www.262151.cc-幸运彩-| www.515772.com-彩票中奖纠纷| www.756505.cc-福彩3d和值赔多少| 易彩集团www.25688h.com| www.625355.com-七乐彩杀号预测| www.hz5.cc-快三龙的规律| www.3495.top-土豪赢三张压彩票挂| www.397101.com-竞彩网下载查询软件| www.947215.com-体彩高频会取消吗| 亚洲彩www.68568w.com| www.eu69.com-体彩开奖查询排列五| www.zc03.cc-甘肃福彩中心电话| www.22hx.com-倍率彩票app| www.648.in-凯斯彩棉机-| www.4749.net-彩票买不了了吗| www.670578.com-和彩票有关的名字| www.808083.com-优选彩店怎么下载| www.918600.com-彩票77是黑彩吗| 福彩www.15355k.com| www.yh00.cc-大发快三漏洞破解| www.99at.com-双色球诗迷彩宝贝| www.03362.com-七星彩内部群| www.68533.com-全球彩票分分快| www.034979.com-坤彩-| www.105740.com-ssc彩下载-| www.159358.com-海南省福彩快三| www.254504.com-爱乐彩票正规吗| www.798353.com-盈发彩票是真的假的| www.928875.com-中福彩票合法吗| www.763068.com-55彩票三分彩| www.859653.com-福彩五星通走势图| www.925419.com-宏发彩票的网址| www.980885.com-金彩网高手网彩票| www.cs46.com-全民快三网址| www.10fm.com-彩客网快七| www.86wk.com-2345彩票导师| www.691201.com-易彩网彩票开奖结果| www.791952.com-彩宝网排列三| www.878444.cc-福彩3d杀垃圾复试| 500彩票www.510477.com| www.41806.com-彩票贷款案例| www.403665.com-那款七星彩软件好| www.3598.cn-南方双彩南方双彩| www.15786.com-天津时时彩官方网址| www.635072.com-七彩国际影城凯德店| www.939665.com-中国福彩网址| www.18ti.com-七乐彩单式几点开奖| www.206480.com-大乐透杀号凤彩网网| www.360078.com-苹果彩票手机客户端| www.533895.com-杏彩登录网址| www.684444.com-富贵彩票内部| www.983743.com-福彩三d开奖查询| www.279826.com-玩腾讯分分彩诀窍| www.537387.com-春秋彩票骗-| www.8qz.com-时时彩平台制作的| www.299.pw-1288购彩平台| www.11418.cc-十四场足彩比分| www.98773.cc-福彩3d试-| www.183058.com-福彩网站推荐| www.332081.com-彩皇网app-| www.520311.com-体彩红叶杀码今天的| www.qj21.com-丰彩彩票官网| www.841709.com-安庆福利彩票网点| www.04198.cc-彩票出票后注销流程| www.678884.com-双彩网3d字谜专区| www.772028.com-多彩贵州风-| www.9373.biz-影片中彩票中奖号码| www.74545.com-奥客赢家彩票| www.055263.com-天空体彩开奖时间| www.6624.cc-933彩票老款| www.fj56.com-内蒙古三快三推荐| www.02hz.com-大资本彩票网站| www.388651.com-彩票线上-| www.029594.com-爱心彩票网-| www.132453.com-河南彩礼新规定1| www.338027.com-天天中彩票双色球| www.954325.com-彩28彩票app| www.116416.com-中彩票概率-| www.3964.cm-中彩堂富甲区| www.44877.cc-中彩论坛网站| www.4631.org-最低充1元彩票| www.65733.com-福彩双色球缩水软件| www.051384.com-重庆时时双彩网| www.547218.com-进球彩下载-| www.777144.com-彩票开奖是多少天| www.572136.com-青海福彩每日推荐| www.751357.com-彩票上写字能兑奖吗| www.19294.com-彩发发网页版| www.072698.com-大乐彩首页-| www.163896.com-彩票别害人了| www.179620.com-10分快三计划软件| www.326708.com-中彩网3d开奖公告| www.619482.com-11年重庆彩票大奖| www.93vj.com-彩照出现时间| www.33204.com-请下载全民彩票| www.1025.tv-在线购买大乐透彩票| www.451338.com-菲律宾游彩网| www.598319.com-排列5e4彩吧| www.672938.com-爱彩乐吉林-| www.758078.com-彩票中一等是真的吗| www.929672.com-七星彩简单公式| www.hw23.com-湖北精彩十分规则| www.h96.cn-博友彩注册账号| www.50209.com-手机上玩网彩| www.9879.online竞彩返奖率是多少| www.11236.com-中国体肓彩票开奖| www.tb12.com-彩票分哪些种类| www.414398.com-福彩3d胆码软件| www.530052.com-幸运二八彩票| www.062029.com-好彩客ios下载| www.47029.com-好彩自然来意思| www.755433.com-彩票论坛哪个最好| www.r88.cc-河北体彩一定牛| www.891901.com-竞彩足球三串一大奖| www.469896.com-属猴买彩票号码| www.557913.com-109彩票安卓版| www.608539.com-秒彩苹果下载软件| www.70ax.com-名彩堂计划软件| www.17429.com-20选5彩票网| www.hy16.com-和值快三计划| www.875123.com-酷彩吧下载网址| www.968613.com-买时时彩qq群| www.dg7.com-快三经验-| www.586506.com-彩金app下载| www.618532.com-足彩19021期| www.037031.com-竞彩足球的漏洞| www.120269.com-腾讯五分彩是真的吗| www.102733.com-8888彩票可靠吗| www.070231.com-幸运彩票平台骗人| www.556076.com-体彩刮刮乐免费试刮| www.506011.com-彩票dna-| www.448369.com-大乐透彩票几点开奖| www.571972.com-甘肃快三速查表| www.931443.com-中彩票咒语-| www.385043.com-怎么买彩票中奖风水| www.213837.com-彩神vl预测-| www.66wl.com-杏耀彩票是正规的吗|