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.nd81.com-保定体彩中心| www.5008.org-众彩网论坛是真的吗| www.813110.com-宁夏i体彩11选5| www.0925.vip-足彩代理违法吗| www.121437.com-彩芽冰华-| www.107698.com-梦到和人平分彩票| www.47052.com-足彩十四场开奖信息| www.030737.com-微信上那个中国彩| www.136695.com-易彩乐app-| www.501792.com-大丰彩票网靠谱吗| www.637448.com-小米彩虹电池容量| www.814864.com-邯郸彩票案宣判| www.960204.com-微信上高德彩票| www.ic92.com-国家允许的彩票软件| www.20nw.com-福彩在线官网下载| www.6162.biz-天马彩票是不是假的| www.260802.com-快三没赚钱-| www.33442.cc-快三网络平台| www.072533.com-cp彩票网页版| 恒彩www.hcw018.com| www.740.tv-八号彩票软件下载| www.qf17.com-晚晚好彩-| www.935670.com-预测彩票软件| www.806159.com-大连精彩彩票| www.917859.com-039彩票官网| www.981492.com-易彩彩票安全性如何| www.ps40.com-竞彩猫杨震-| www.275187.com-彩票中奖不捐款挨骂| www.198429.com-中国彩吧更懂彩民心| www.684754.com-体彩顶呱刮5元中奖| www.160440.com-七星彩解诗网粤| www.005097.com-728彩票网页| www.619357.com-重庆彩票中心地址| www.723571.com-常州福彩中心电话| www.826658.com-98彩票下载安装| www.926195.com-福建省体彩31选7| www.990177.com-体彩排列三3走势图| www.88414.com-彩票赊销案例| www.950678.com-app乐彩网-| www.9298.pw-大学生买彩票| www.133960.com-九万彩票app安卓| www.389690.com-体彩排3综合走势图| www.726625.com-用手机能买彩票么| www.851873.com-乐米彩票中一等奖| www.934306.com-智博彩票下载| www.990423.com-下载彩票软件可靠吗| www.bt06.com-彩票过滤大师| www.tw57.com-河北爱乐彩11选五| www.07sl.com-蓝鲸水彩画唯美高清| www.80yh.com-599彩票骗局| www.1959.win-体彩店审批流程| www.316190.com-体彩店销售额| www.834927.com-日本加税好彩| www.181767.com-湖北快三预测号| www.925983.com-深圳福彩店-| www.66034.com-千禧彩票官网| www.093031.com-彩色混凝土地面做法| www.293283.com-体育彩票开奖时间| www.373971.com-七星彩大星-| www.484228.com-大乐透一定牛彩票网| www.11036.cc-手机足球彩票app| www.115411.com-七星彩直播开奖视频| www.266341.com-即开彩-| www.10tk.cc-时时彩演示-| www.388656.com-3个数的是哪种彩票| www.691191.com-高美梅彩票网投平台| www.44392.com-全民彩网是不是骗局| www.9241.cc-乐彩网是个什么网站| www.51653.com-东盛彩报4版今天| www.397495.com-飞来福彩吧app| www.09099.cc-金利彩票怎么老是黑| www.026374.com-怎样开一个私彩平台| www.13nd.com-时时彩玩法技巧规律| 大赢家彩票平台www.811030.com| www.mi69.com-好彩投苹果版下载| www.905603.com-竞彩混合过关计算器| www.999638.com-福利彩票走势大全| www.dj09.com-七乐彩玩法介绍及| www.wr23.com-体育彩票双色球| www.14vv.com-3d福彩怪字-| www.603913.com-趣彩彩票正规吗| www.730402.com-易彩快三实时开奖| www.823029.com-彩美旬果-| www.010930.com-腾讯彩票游戏平台| www.089440.com-uu快三高手计划| www.av88.com-甘肃快三走势图甘肃| www.h41.net-彩票看一下-| www.35qo.com-福彩3d周六走势图| www.5186.me-中国竞彩网亚洲杯| www.8793.live-彩票下载官网| www.621400.com-玩彩票解封有风险嘛| www.771490.com-重庆市彩时彩开奖网| www.872007.com-贵州开体彩投注站| www.ob12.com-黑客玩时时彩稳赚| www.0156.top-无彩色系与有彩色系| www.08582.com-139彩app下载| www.7410.pw-设计色彩图片| www.97081.com-竞彩网单场推荐| www.794261.com-九龙国际彩票网站| www.9627.biz-手机彩票外挂| www.21737.com-买彩票诈骗案例| www.87648.com-唯彩会软件下载安装| www.275637.com-美国彩票开奖结果| www.395347.com-彩虹岛270武器| 500彩票www.50052h.com| www.oe63.com-彩票中奖查询结果| www.26.cc-快乐双彩开奖说明| www.70133.com-彩票站购彩大厅| www.848451.com-彩要开奖结果查询| www.956750.com-哪个彩票软件好用| www.hk7.com-福建快三开奖视频| www.xl57.com-甘肃45快三-| www.49ki.com-足彩伤停情况| www.3049.top-月夜飞龙体彩预测| www.120965.com-被骗玩快三-| www.390001.com-多玩彩票下载安装| www.578933.com-福彩3d牛彩杀码图| www.021249.com-福彩山东快报| www.126208.com-电玩8彩票网安全吗| www.232044.com-旺彩大乐透软件下载| www.413362.com-水立方彩票ios| www.565831.com-怎样下载金彩网| www.695193.com-干货竞彩返还率| www.773323.com-中国福彩作弊案| www.hf61.com-上海快三查询| www.954273.com-时时彩宝典苹果老版| www.325193.com-云购彩票主页| www.66447.cc-苏宁彩票加盟吗| www.013821.com-分分快三软件是什么| www.79477.cc-微信女孩玩彩票| www.tc47.com-江西福彩中心地址| www.95co.com-探探彩票托有回扣吗| www.489773.com-小白彩票竞彩| www.ol78.com-中彩网七乐彩走势图| www.410606.com-七彩球开奖情况| www.cp9622.com-旺球彩店下载| www.580487.com-福彩兑奖地址| www.741477.com-彩票平台怎么做| www.888299.cc-福利彩票官方邀请码| 大赢家彩票平台www.609710.com| www.xn78.com-河北快三连线走势图| www.59kt.com-彩钢板有哪些厚度| www.2300.biz-365微彩票-| www.5845.xyz-199期彩吧图库| www.224424.com-上海快三开-| www.083178.com-福彩3d组六85注| www.537417.com-彩色的填什么| www.703128.com-竞彩完场比分完整版| www.984424.com-福利彩票还可以买吗| www.70fm.com-关于彩票的诗词| www.bf99.cc-开个私彩网要多少钱| www.093059.com-室内彩色水泥地面| www.182651.com-平台彩票赌博被骗| www.778047.com-248彩票苹果手机| www.61re.com-利彩票-| www.2034.org-彩虹六号iq-| www.9461.vip-美国彩票23亿是谁| www.57336.cc-七星彩画规软件下载| www.017113.com-河北快三中奖| www.003731.com-盈盈彩计划群| www.993279.com-福利彩票站怎么盈利| www.42588.cc-中彩网是什么| www.598432.com-关于彩票中奖的小说| www.686801.com-沈阳福彩出租出兑|