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.f23.com-福利彩票助手手机版| www.611655.com-77838巨龙彩票| www.564213.com-南粤福彩34期结果| www.867363.com-一定牛彩票网首页| www.997799.com-福彩pk10真假| www.qk48.com-中原彩票是正规的吗| www.199954.com-体育彩票任选3| www.3876.biz-3d彩票跨度高手| www.013989.com-七星彩一二位和| www.175820.com-广西福彩快3走势图| www.319249.com-江西快三哪里买| www.396553.com-彩虹龙卷风图片| www.985400.com-金山彩票最新版本| www.da80.com-体育彩票跨度表| www.wl58.cc-福彩开奖信息| www.1916.top-合肥体彩店什么赚钱| www.06480.com-牛彩大全图谜大全| www.58592.cc-彩票怎么投注方法| www.396.win-中彩堂zzyzc| www.gw4.cc-淘彩票大发快3开挂| www.752998.com-买足彩软件-| www.878545.com-足彩双平是什么意思| www.973103.com-彩虹六号搞笑表情包| www.cai7676.com广西快三形势走势图| www.mt75.com-彩乐彩票app| www.136644.com-陕西福彩快3| www.154567.com-网购体彩-| www.827744.com-14彩票网-| www.909209.com-福彩3d预测总汇测| www.975854.com-福彩三哥杀码| www.ex10.com-极速快三破解器开挂| www.vq78.com-安徽快三大小计划| www.39pz.cc-百福彩票app| www.295882.com-中国体彩票开奖公告| www.386633.com-韩国彩票扣税| www.715065.com-五分彩怎么推算的| www.814323.com-今日体彩排列三奖号| www.901718.com-网上黑彩-| www.hr34.com-青快三开奖结果| www.007.space-在百度怎么买彩票| www.4506.vip-足彩奖金分配| www.03659.com-豪彩娱乐网址下载| www.58629.cc-3d今天银海彩票图| www.034546.com-nba彩票-| www.115514.com-福彩代购app| www.509414.com-河内五分彩人工计划| www.620762.com-如意彩票开奖网| www.733486.com-安徽快三和值计划好| www.839595.com-程序员彩票骗局| www.912058.com-非法经营网络私彩| www.974041.com-网上体彩投注| www.ny34.com-彩票解密-| www.579454.com-福彩今天开机号码| www.804655.com-福彩三地牛材网| www.46py.com-必发彩票是不是骗局| www.723730.com-福彩3d的骗局| www.993966.cc-竞彩庄家盈亏| www.520521.com-e球彩总进球数奖项| www.13699.cc-连中彩彩票官网| www.024018.com-重生中彩票北京买房| www.275900.com-七乐彩单-| www.466730.com-23彩票分分彩| www.97tr.com-彩票平台登陆| www.8742.xyz-重庆时时彩联系中心| www.72644.com-迷彩天地-| www.178633.com-彩乐乐-| www.428979.com-大赢家足球彩票软件| www.611159.com-彩38领导者-| www.4069.cn-七星彩二元网| www.219748.com-中彩快三-| www.ac00.com-彩票开奖结果彩宝贝| www.1235.net-吹吹七星彩论坛专区| www.092519.com-彩九c9com下载| www.304893.com-11选5彩票网站| www.986706.com-彩客足球胜平负| www.06vy.com-上期体彩号码是多少| www.7791.in-买重庆市彩高手心得| www.96287.com-国彩票-| www.687571.com-陕西福彩中心官网| www.055398.com-幸运十分彩走势图| www.cp3366.com-河南福彩22选5| www.26809.com-福彩查询开奖号| www.893039.com-竞彩过滤软件手机版| www.269097.com-98c彩票线路| www.417724.com-下载盛大彩票| www.590353.com-竞彩14场开奖奖金| www.689725.com-玩彩票下载安装| www.6524.biz-玩3d彩票能赚钱么| www.68811.cc-中彩票有什么诀窍吗| 大赢家彩票平台www.377823.com| www.pc27.com-北京快三二-| www.lg37.com-心心彩票-| www.03ig.com-现金彩票app官网| www.085.org-3d彩报图库手机| www.30189.com-体彩销售时间| www.869329.com-中彩网快三下载| www.139933.com-彩399-| www.964899.com-彩票炒群话术怎么说| www.1405.com-双色球杀红球彩经网| www.g95.net-彩宝彩票官方版下载| www.807357.com-体彩客户端未开通| www.n69.cn-彩票怎么看懂| www.55311.com-希腊五分彩官方| www.833599.com-双彩球开奖洁果| www.493754.com-体彩排列三专家荐胆| www.7290.cc-彩虹符号emoji| www.137086.com-七彩意匠涂料| www.522556.com-时时彩公式0369| www.961415.com-环宇体育直播竞彩猫| www.589788.com-排3跨度中彩网| www.65vb.com-完美国际彩票平台| www.874534.com-老版258竞彩下载| www.995742.com-棒棒彩票违法吗| www.427077.com-旭彩技巧-| www.168605.com-快3彩票官网内蒙| www.wh45.com-体彩排列三开奖视频| www.370318.com-网上玩彩票倾家荡产| 亚投彩票www.ya515.com| www.763200.com-北京时时彩的骗局| www.666187.com-亏损反拥的彩票平台| www.878361.cc-彩票乐三的玩法| 亚投彩票www.ya949.com| www.233459.com-p3走势图乐彩网| www.775110.com-快三回血的有吗| www.780938.com-彩库宝典下载软件| www.33oz.com-七星彩自动画规软件| www.78189.cc-中国福利彩试机号| www.055901.com-吉林省体彩主任| www.131800.com-重庆哪些区县要彩礼| www.221029.com-彩神争viii-| www.305325.com-七星彩历史查询器| www.383468.com-英国有什么彩票开奖| www.503110.com-体彩胆拖是什么意思| www.53663.cc-时时彩app排名| www.57699.com-七乐彩中彩网| www.695774.com-360足彩即时比分| www.681.cm-百事彩票网-| www.019615.com-福彩迷app可信吗| www.312927.com-玩彩网网站怎么样| www.634876.com-网上重庆市彩真劣| www.1100.la-足彩如何买稳赚不赔| www.11965.com-山东彩票手机投注| www.033914.com-凤凰网彩网-| www.165867.com-福利彩票中奖案例| www.368360.com-彩涂铝卷厂家直销| www.665013.com-703彩票资料网| www.868515.com-七星彩跨度走势| www.fy03.com-浙江福彩官方网| www.53np.com-凤凰微彩手机注册| www.6851.biz-彩票密籍-| www.73528.com-我爱彩票网官网下载| www.234894.com-福彩平台-| www.505396.com-ig传统彩pk10| www.859886.com-1分快3开是国彩吗| www.29kh.com-单张彩票中奖最多| www.622722.cc-甘肃彩票领奖| www.177291.com-福彩店快三-| www.042355.com-彩票合买广告语| www.85ly.com-财神8五分彩| www.269822.com-彩588下载-| www.474256.com-体彩乐呱呱在线试刮| www.661064.com-博彩娱乐论坛平台| www.547432.com-开彩票店刷销量| www.571697.com-国彩彩票好-|