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天

知道了
9彩注册 www.591716.com-七星彩单双走势图| www.706414.com-时时彩在线预测网站| www.785508.com-彩票守号中了4个| www.879481.com-爱彩通下载-| www.961494.com-福彩刮刮乐中奖字母| 亿万彩票www.770490.com| www.756177.com-58彩票维护-| www.872047.com-彩票中奖历史查询器| www.977495.com-彩妆店赚钱吗| www.t25.biz-彩票在支付宝兑奖| www.350536.com-彩色铅笔画教程| www.60977.com-快三彩票投注平台| www.251297.com-3号彩票app下载| www.356836.com-怎样查彩票-| www.662657.com-彩名堂计划ios| www.9179.net-今晚七乐彩中奖情况| www.69083.com-网络彩票稳赢| www.ot67.com-江苏快三跨度| www.112156.com-彩票网站送彩金大全| www.957816.com-大发时快三网址| www.c04.top-玩快彩真能赚钱吗| www.163039.com-唐龙说彩-| www.975446.com-彩票有假国家不管吗| www.jq53.com-五百彩票网官方端口| www.7995.win-早教彩虹伞亲子游戏| www.68080.cc-彩票端app邀请码| www.023.in-中国移动短信买彩票| www.4756.biz-梦想彩票骗-| www.ua05.com-彩票达人登入| www.00723.com-福利彩票乐彩论坛| www.8892.bid-足彩8串8玩法介绍| www.67708.com-为什么买彩票是赌博| www.124655.com-分分彩最新漏洞| www.235044.com-天天中彩票1| www.88aq.com-福彩009app-| www.26zs.com-广州福利彩票加盟| www.634648.com-3d彩跨度复试表| www.752255.com-01彩票官方网址| www.940878.com-快三真假-| 500彩票www.641277.com| www.065312.com-亚洲彩票提款不了| www.bs8.cc-3分彩骗局-| www.98758.cc-竞彩365直播| www.140943.com-快3购彩大厅| www.336010.com-私彩快三骗局| www.631288.com-中国体育七星彩| www.3xf.com-程阳彩票是干什么的| www.330059.com-网上买时时彩的软件| www.3885.biz-体彩足球竞猜赔率| www.9339.cc-福利彩票新闻| www.692389.com-大发快开彩有规律吗| www.nk52.com-专家足彩推荐预测| www.27lk.com-彩票中上亿-| www.2016.tv-恒发彩票app| www.63800.com-足彩赚钱-| www.010882.com-昨晚彩票开奖结果| www.195329.com-快快三走势图| www.301680.com-体彩字迷汇总| www.385439.com-吉祥彩票是骗钱的吗| www.28nf.com-顺发彩票手机| www.ku19.cc-福彩字谜晚间总汇| www.13gx.com-新彩吧藏机三字谜| www.671276.com-好彩高手论坛| www.93239.com-竞彩足球如何买平局| www.rq19.com-时时彩二星直选复式| www.6815.xyz-梦码解码七星彩公鸡| www.52940.com-竞彩篮球大小分规则| www.94546.com-云南省体彩中心| 1号彩票www.yi695.com| www.26066.cc-江苏快三赔率| www.87055.com-尼彩手机游戏| www.545489.com-单场彩必发盈亏指数| www.625713.com-进入新星彩-| www.694341.com-金博彩票-| www.784636.com-全部彩票集合网| www.854409.com-微信快三公众号| www.911220.com-k彩彩民福地登录| www.982042.com-南充体彩兑奖处| www.gj70.com-广西快三百科| www.64oq.com-足彩手机软件| www.135487.com-彩票互动区-| www.216221.com-三分快三计划全天| www.32wu.com-2000年彩票-| www.0246.cx-乐盈彩安卓-| www.7176.loan-老挝博彩-| www.4390.biz-山东竞彩87网站| www.9405.cc-体彩图迷字谜总汇| www.36545.com-澳门彩票网站大全| www.82827.cc-大彩-| www.161900.com-青海快三推荐今天| www.934.live-5d彩色打印机出租| www.84068.com-七星彩小精英彩图版| www.737979.com-中彩网快三靠谱不| www.801252.com-七彩连珠单机版下载| www.071618.com-金口诀占卜彩票| www.77060.com-网络彩票害死多少人| www.044766.com-足彩让球竞猜技巧| www.sx5.cc-上海快三预测专家| www.080828.com-百度福彩网-| www.180768.com-江苏快三开奖结果号| www.912078.com-快三数链-| www.977406.com-安徽灵璧彩礼价格表| www.cp097.com-江西快三跨度走势图| www.89503.com-网易彩票软件下载| www.242490.com-广西快三遗漏号| www.775556.cc-彩富网之旺角彩票| www.4080.org-大喜彩票-| www.24898.com-儿童可爱彩铅画| www.82309.com-网络彩票中奖骗局| www.060456.com-私彩软件违法吗| www.779161.com-大众彩票登录| www.907409.com-合肥彩票站-| www.972680.com-彩铅画人物脸部处理| www.cp806.com-快三平台靠谱吗| www.pu75.com-98彩票网输钱| www.604958.com-体彩顶呱刮规则| www.8618.cm-彩送-| www.569126.com-梦想彩票网站计划网| www.704270.com-手机福彩快三的讲解| www.804836.com-福利彩票1分快| www.887336.com-迅盈彩票破解| www.cu40.com-淘宝彩票双色球官网| www.470778.com-招财猫彩票-| www.17pz.cc-福利七乐彩-| www.5663.net-生肖彩票下载| www.431726.com-高频彩缩水器| www.305503.com-彩票机选中奖| www.438545.com-彩票店申请流程| 大玩家彩票www.9478j.com| www.916096.com-时时彩有多少网站| www.bn2.com-湖北快三时间| www.993391.com-新手怎么看足彩| www.hl28.com-旺彩双色球手机软件| www.c63.cc-快三软件是真的么| www.484878.com-北控京彩买彩票| www.744479.com-彩虫app下载| www.871236.com-彩71官方下载| www.985897.com-河北快三能组多少组| www.iz61.com-中国足球竞彩网| www.vr74.com-甘肃快三微信群号| www.002296.com-时时彩小妙招| www.102244.com-彩神合法性-| www.807717.com-七彩app官网| www.931667.com-97彩票平台-| www.979678.com-开体育彩票的店| www.az79.com-内蒙古快三开奖直播| www.415228.com-篮球体彩兑奖规则| www.581518.com-凤凰vip快三网址| www.8205.vip-徐州彩票8000万| www.48314.com-买足球竞彩的软件| www.022288.cc-彩易达-| www.1811.top-天天体彩应用| www.653942.com-ll彩票网址-| www.zm77.com-好彩1复式投注表| www.47je.com-足彩金手指app| www.0004.link-彩票交易记录| www.7886.vip-澳门好彩运公司简介| www.50178.com-投诉彩票实体店| www.370123.com-132.cc彩票-| www.485979.com-竞彩篮球胜分差教程| www.470855.com-香港可以买国外足彩| www.562527.com-重庆快三真假| www.23940.com-彩票回本了戒掉| www.872817.com-福彩兑奖中心地点|