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天

知道了
1分快三 www.35320.com-体彩3d彩-| www.78bh.com-博彩软件开发公司| www.360125.com-黑彩网真的能入侵吗| www.562712.com-网上高频彩-| www.671111.com-时时彩胆定位开奖| www.786995.com-七星彩的中奖号码| www.779544.com-七星体彩开奖表| www.8008.mobi-什么彩票玩的人最多| www.432886.com-七乐彩彩票7位| www.41ng.com-体彩排到三开奘结果| www.560619.com-爱彩app注册| www.128086.com-唐山快三开奖结果| www.206136.com-五分彩是合法的吗| www.296976.com-三宝乐购彩票合法吗| www.n24.link-足彩开奖公告| www.419118.com-彩票春节休市几天| www.242.in-快三定一胆技巧| www.6210.pw-巴夏讲彩票-| www.092105.com-248彩票下载安卓| www.35968.com-今天福彩图纸| www.318949.com-福利彩票代销费返还| www.126157.com-彩票带人回血靠谱吗| www.0752.ren-福彩三d图库大全| www.7759.loan-多彩网3d字迷汇总| www.31571.cc-有哪些竞彩外围平台| www.91232.com-好彩柠檬爆珠图片| www.134336.com-广州哪有好彩烟| www.cai0977.com安徽快三开奖是多少| www.799183.com-闲聊彩票群-| www.657839.com-电视没有彩怎么办| www.456211.com-福彩p62怎么玩法| www.584277.com-快乐彩票3网址| www.673078.com-手机彩票作弊器| www.761413.com-搜神记电视剧好彩妹| www.846233.com-小崔网友提问彩票| www.954060.com-足彩竞彩官网| 彩票大家乐www.21202m.com| www.50ac.com-彩格旭-| www.965014.com-境外彩票网站大全| www.9727.xyz-安徽快三和值计划号| www.588653.com-七星彩头尾怎么看的| www.753869.com-709手机版彩票| www.953053.com-1700九州彩票| www.pa3.cc-买彩票怎样选号码| www.3397.cn-58彩票公司-| 日彩网www.rcw789.com| www.30119.com-安卓彩8娱乐| www.100359.com-百宝彩账号密码| www.526646.com-时时彩怎么倍投盈利| www.639927.com-广东东方亮彩精密| www.731355.com-易彩堂破解器| www.812670.com-3d彩票怎么兑奖| www.895539.com-彩票合买系统在哪| www.964174.com-彩经网杀号-| 大赢家彩票网www.544010.com| www.51869.cc-牛蛙彩票免费大全| www.000380.com-云南时彩开奖结果| www.gx75.com-新彩票走势网| www.y66.biz-查看福彩开奖结果| www.65bb.com-七星彩什么开奖| www.396932.com-3d走势彩吧助手| www.027075.com-彩34彩票-| www.1501.vip-被别人说彩虹屁| www.981885.com-贵阳体彩兑奖中心| www.vt94.com-乐购彩票能不能报警| www.090529.com-帮买彩票赚佣金的群| www.906198.com-下载黑彩快三| www.973428.com-彩虹宝宝第一集| www.cp0731.com-快三骗局揭秘江苏| www.769399.com-江苏快三快乐彩| www.849914.com-浚县善堂镇彩礼多少| www.919617.com-谁有靠谱的彩票网站| www.985886.com-福彩3第字图迷会总| www.zi5.com-福彩3d玩发-| www.pd11.com-彩票网络购买平台| www.422453.com-爱彩网〈旧版)| www.512652.com-儿童彩铅菊花图片| www.574190.cc-彩票类app苹果| www.957443.com-彩语v868-| 吉利彩票www.80065f.com| www.99mp.com-体彩二元网走势图| www.89631.com-广州彩妆-| www.055664.com-辽宁沈阳快三| www.294539.com-黑龙江福彩官网下载| www.365986.com-儿童彩铅铅成品画| www.380747.com-福彩彩票最晚几点买| www.708577.com-潜龙神彩-| www.973042.com-彩虹世界最新版下载| www.633823.com-m5彩票代理开户| www.740083.com-澳閠彩票有限公司| www.889193.com-乐彩网3d之佳首页| www.5ko.com-刘军彩票教程| www.3321.online中彩网十一选五| www.833979.com-加税美产无嘴好彩| www.937143.com-乐福彩票是黑彩吗| 彩票坊www.022v.cc| www.iv90.com-体彩e球彩奖金规则| www.40mr.com-彩票密码线图片| www.1654.win-足彩高手推荐| www.9786.online排三排五乐彩论坛| www.208081.com-彩票走势图全国| www.063389.com-十大私彩排行| www.863986.com-体彩开奖结果| www.951707.com-500万竟彩网| 8号彩票www.81520n.com| www.864511.com-人人彩票怎么玩法| www.js32.cc-王者彩票赚钱吗| www.q22.cc-山东体彩中心电话| www.85fs.com-微信中彩网-| www.571214.com-红快三360-| www.656111.com-中发彩票真伪| www.716362.com-够力七星彩奖表| www.784666.com-官方乐优彩票网| www.842424.com-福彩不好干了| www.896716.com-网彩代理怎么找人玩| www.962905.com-陕西体彩在哪里兑奖| www.cp2819.com-宝马彩app下载| www.03di.com-广西福彩去哪里领奖| www.4428.cn-1分钟快三平台| www.859730.com-体彩排列三开奖给果| www.8713.space-彩票大乐-| www.951246.com-彩票aqq下载大全| www.xd57.com-福彩排列7规则| www.2716.top-开心网彩票走势图| www.267000.com-彩票是骗局揭秘| www.056333.com-文昌七星彩梦册查码| www.83003.com-今日足球竞彩二串一| www.424449.com-世界著名博彩地| www.550816.com-私彩导航入口| www.613740.com-天乐乐彩票网| www.675838.com-天津福彩网官网| www.123588.com-台湾运彩首页| www.025787.com-喜乐彩彩控-| www.38127.cc-福彩中心站怎么样| www.86189.cc-中国体彩360| www.608758.com-派彩金额是不是反水| www.897611.com-竞彩足球暂定赛程| www.262408.com-宝马彩票登录| www.625359.com-98c彩票网-| www.941162.com-大发快三代理如何做| 大赢家彩票www.346311.com| www.628840.com-多赢钱彩票-| www.778221.com-彩迷葫芦第西瓜视频| www.861852.com-幸运彩票手机版下载| www.932973.com-众信彩票app下载| www.980867.com-福彩店怎么盈利| www.vr8.com-星彩3d论坛网址| www.929693.com-彩8计划助手| www.jq40.com-江苏快三算赌博吗| www.u94.com-足彩分析新浪| www.034.in-中兴彩票正规吗| www.1096.wang-竞彩如何长期盈利| www.7710.cn-香港地下六仺彩开奖| www.409889.com-3d彩票开机号| www.505380.com-福彩3dz字谜图谜| www.zi89.com-盈丰彩票客户端| www.835012.com-焕彩美容学校| www.930732.com-境外彩票大平台推荐| 中彩网www.6611e.cc| www.092663.com-福建福彩乐透型网| www.588922.com-江苏福利彩票十五| www.066229.com-039彩票官网| www.148849.com-网络彩票能追回吗| www.243169.com-网络彩票赌博案告破|