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天

知道了
彩01彩票 www.440438.com-宿迁买彩票中奖| www.590873.com-49彩票开奖结果| www.75vo.com-5d彩超图片-| www.6293.biz-福彩3d杀号软件| www.024193.com-彩票往期中奖号码| www.217036.com-省份快三是真是假| www.389527.com-北京加盟彩票站| www.591912.com-胜利彩票赠送礼金| www.980132.com-竞彩让球赔率| www.ao16.com-彩38下载-| www.m51.top-体彩还是福彩赚钱| www.288816.com-彩票常用术语| www.010713.com-彩163下载安装| www.mb7.cc-甘肃福彩快三预测| www.434040.com-贵州彩民5000万| www.664883.com-彩民之家图片| www.987563.com-福利彩票兑奖号码| www.po17.com-湖北快三遗漏号统计| www.59622.cc-彩厍宝典下载安装| www.106342.com-国外彩票的真实性| www.221012.com-手机中彩网开奖结果| www.315084.com-彩35元-| www.385703.com-彩吧论坛官网| www.501078.com-离婚律师彩票| www.570661.com-七彩云浏览器app| www.686185.com-澳彩盘大讲堂| www.758098.com-彩38网站靠谱吗| www.819761.com-海口彩票网早版互换| www.608800.com-彩杲及派彩-| www.716371.com-彩铅画河流-| www.037727.com-双色球彩票大师| www.221930.com-七星彩开奖记录| www.330851.com-一分大发快三邀请码| www.27337.com-网上买足彩票| www.003849.com-彩之源app网址| www.095910.com-竞猜型彩票有哪些| www.826038.com-江苏快三qq群骗局| www.926607.com-瑞彩网可靠吗| www.985413.com-腾龙时时彩官方网站| www.mq8.cc-安徽快三输钱| www.a81.cc-信彩彩票官网| www.648018.com-彩票网站开发定制| www.757647.cc-淘彩app手机下载| www.834307.com-四色好彩爆珠| www.898552.com-今日3d彩民乐彩吧| www.971541.com-快捷彩票合法吗| www.dx58.com-福彩一分钟快三网址| www.163713.com-彩票双色球走势图一| www.234906.com-福彩3d和值查询表| www.658087.com-多视彩电视是哪出的| www.736653.com-上海体彩网app| www.931767.com-体彩一万整交税吗| 双赢彩票www.sytg7.com| www.298893.com-手机新浪网彩票频道| www.935750.com-中富系统一分钟快三| www.cai220.cc-快三助手中奖宝典| www.763477.com-贵州福利彩票开奖| www.886694.com-有正规猜大小的彩票| www.5156.me-福彩3d全图九| www.0795.in-彩票共赢-| www.28278.com-溧阳有人中彩票| www.010458.com-彩票中奖最多多少钱| www.805998.com-彩票是否是骗局吗| www.903552.com-贵州快三游戏规则| www.998010.com-彩票反水高平台| www.21983.cc-app刷彩票-| www.86237.com-湖北快三78期| www.372992.com-外围竞彩软件| www.507662.com-福彩69期开奖| www.562728.com-彩票中奖到哪里领取| www.637611.com-彩虹6号辅助| www.716671.com-彩铅画古风唯美| www.791131.com-彩票模拟选号| www.860057.com-时时彩系统彩源码| www.915230.com-足彩竞彩推荐亚青赛| www.973361.com-彩虹岛手游下载| www.qo.com-中彩票-| www.pt46.com-彩票争霸2app| www.934447.com-跟彩票托摊牌| 爱购彩票www.403552.com| www.2542.pw-灯彩是什么-| www.85528.cc-彩票缩水软件是什么| www.069523.com-彩票查询双色球预测| www.905250.com-彩票网计划-| www.962934.com-澳洲时时彩计划软件| 全民乐彩票www.2934f.com| www.nf77.com-c038彩票网址| www.931904.com-网上中彩票图片| www.cp5997.com-福彩3d和值-| www.vv29.com-关于彩票的知识| www.30lw.com-极速时时彩网投| www.759944.com-彩票销售提成| www.858151.com-天下无敌彩报图| www.947521.com-外围足彩哪里买| 彩票5www.550243.com| www.vh36.com-体彩蓝琪儿今日断组| www.173253.com-江苏快三平台投注| www.925012.com-彩应用-| www.998554.com-北京福彩中心新地址| www.16oi.com-下载旺彩大乐透开奖| www.52ir.com-竞彩单关开奖统计| www.2099.love-南京福利彩票店转让| www.5412.vip-108彩票邀请码| www.23782.com-中国快三香港站| www.442737.com-双彩球开奖-| www.524565.com-鸿博彩票代理| www.582733.com-万达彩票网站| www.651972.com-幸运彩票赚钱| www.701484.com-淘彩票app官方| www.761437.com-腾讯分分彩玩法| www.813677.com-彩票抽奖-| www.872149.com-q彩客户端-| www.922287.com-约彩下载-| www.968594.com-注册英国五分彩| www.jc45.com-湖南体彩网首页| www.cai4234.com今天的内蒙快三开奖| www.125977.com-彩票巴巴app| www.355822.com-彩票学原理-| www.0539.date-易彩彩票是什么| www.760011.com-时彩计划-| www.817620.com-p3试机号彩吧助手| www.879233.com-重庆时时彩几号停盘| www.940700.com-飞鱼彩票-| www.984597.com-彩虹8平台能赚钱吗| www.fh4.com-三分快三福彩| www.nz86.com-河南福彩快三技巧| www.76nl.com-七乐彩多长时间过期| www.1397.cm-简单水彩画图片大全| www.7029.loan-nba彩票算加时吗| www.16089.com-多彩网下载-| www.49198.com-大乐彩-| www.546899.com-网上七星购彩靠谱吗| www.679536.com-搜索搜狗彩票| www.803713.com-百宝彩票吗-| www.939725.com-吉林快三新规定| www.cai6977.com易彩-彩民福地登录| www.sv18.com-彩票黄金分割技巧| www.46lv.com-玩竞彩足球能赚钱吗| www.789871.com-河南永城彩色沥青| www.856918.com-福彩3d字迷汇总| www.907031.com-彩票几位数字组成| www.960950.com-七天彩邀请码注册| 天天彩票www.7782q.com| www.177760.com-彩票外挂手机版| www.859092.com-u588发发彩-| www.917676.cc-彩库宝典下载并安装| www.972482.com-彩票七星彩开奖号码| www.dt8.cc-快三反倍投-| www.95lc.com-多彩科技还我血汗钱| www.07749.cc-高频彩开奖助手| www.86381.com-七星彩内部准确信息| www.065200.com-彩票33靠谱吗| www.173258.com-江苏快三哪个平台好| www.272510.com-pc彩-| www.373005.com-有南京快三吗| www.510304.com-泉州体彩网-| www.592380.com-我想看七星彩规律表| www.687502.com-福彩刮刮乐试刮| www.794368.com-黑客植入重庆时时彩| www.879100.com-七星彩奖表长条| www.961467.com-大奖彩票下载苹果| 超级彩票www.901068.com| www.sv21.com-体彩七星彩四等奖| www.32vb.com-全民赢彩票是合法|