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.50117.com-体彩p5-| www.626038.com-巴西3分彩开奖网址| www.739329.com-利澳彩票平台| www.844176.com-彩票发行费管理办法| www.933224.com-澳客彩-| www.cai4567.com江苏快三遗漏表| www.04ak.com-彩客化学吧-| www.063590.com-帮人家卖彩票犯法吗| www.95280.com-竞彩篮球外围比分| www.259221.com-竞彩庄家-| www.369493.com-彩票程序开发妙招| www.520695.com-福星彩票下载| www.613814.com-平安彩票安全吗| www.709763.com-彩票促销方案| www.806752.com-网上买彩票软件下载| www.88sw.com-彩票开奖源去哪买| www.101544.com-信誉彩票导航| www.226941.com-福体彩开奖-| www.440460.com-彩票走势图用的电视| www.564999.com-河南快三和值| www.671873.com-彩店宝下载官网下载| www.799093.com-彩票的数学规律题| www.63jy.com-彩金卖多少钱一克| www.9918.love-天下彩免费资料综合| www.353895.com-长春彩票电话| www.529172.com-九宫飞星预测彩票| www.633340.com-手上买彩票这么买| www.952320.com-和值怎么看快三| www.139487.com-博彩彩票平台下载| www.291098.com-澳洲5分彩开奖号码| www.qh99.com-山东福彩23选5| www.978920.com-微信买彩票骗局| www.97jk.com-彩排意思是什么| www.334142.com-北京快三福彩自助| www.497989.com-一分快三技巧与规律| www.177951.com-青海快三开奖结果| www.344526.com-彩票微信交流群| www.82561.com-彩票排五走势图| www.274277.com-分分快三如何破解| www.253474.com-福建省福彩快3| www.708518.com-彩神三赚钱是真的吗| www.807093.com-彩票纸回收-| www.8907.org-竞彩兑奖期限有多长| www.51ps.cc-青蛙过河福彩| www.261625.com-福彩江苏基本| www.787862.com-19039期足彩| www.qa29.com-盈彩注册-| www.ca32.com-武汉快三的走势图| www.640191.com-777彩票网站| www.755691.com-旺彩ios-| www.861393.com-三d字谜双彩论坛| www.955496.com-福利彩票出什么事了| www.ho1.com-快三中几个号有奖| www.vl69.com-福彩快三新闻| www.47ug.com-中国移动彩铃官网| www.me37.com-彩票十分钟开奖号| www.67782.cc-网购彩票算赌博吗| www.37680.com-9万彩票手机网页版| www.014830.com-快彩王在哪下载| www.960014.com-快三对子哪个概率高| www.29282.cc-内蒙古快三彩票| www.56535.cc-竞彩网强胆推荐记录| www.369065.com-3d福彩图纸-| www.595126.com-扬彩k3618-| www.360630.com-江苏快三有多少期| www.489909.com-福利彩15选五号码| www.564896.com-福彩521前后关系| 凤凰彩票www.88266c.com| www.si76.com-乐8彩下载安装| www.855337.cc-天齐网彩吧-| www.280316.com-安徽省福利彩票| www.401507.com-七星彩书-| www.563593.com-福利彩票2323期| www.032135.com-体育彩票店加盟| www.91rr.cc-神兽竞彩团队公众号| www.39bp.com-神彩争霸邀请码最新| www.656265.com-顶尖的彩票分析软件| www.86113.cc-聊城彩涂钢板| www.768249.com-诚信中彩网-| www.953324.com-乐彩在线平台登录| www.am68.cc-福彩3d胆拖投注表| www.k00.in-河北体育彩票转让| www.67vh.com-福彩3d彩神通分析| www.96165.cc-福彩大奖组-| www.21687.cc-彩票大咖-| www.284258.com-福彩1d的奖金| www.580008.com-福彩天天选四中奖号| www.317187.com-足彩胜负结果| www.917348.com-红快三走势图带连线| 博亿彩票www.699by.com| www.105112.com-福利彩票靠谱吗| www.x66.top-彩票中奖需要福报| www.53vb.com-体彩排列三百度贴吧| www.0359.pw-彩票短期规律| www.598572.com-八马彩票官方网站| www.292967.com-福彩3d今晚开奖号| www.543851.com-意甲万博博彩| www.676777.cc-临沂彩色折纸| www.382939.com-彩昫香江项目| www.3854.vip-中国福彩3d和图| www.2xr.com-金牛在线彩票平台| www.bg25.com-黑彩票网站排名| www.32mo.com-彩票的数字规律| www.3294.biz-百位杀号彩经网| www.983786.com-北京快三每天多少期| www.ly62.com-彩之家官方正版下载| www.5349.vip-福利彩票2月1日| www.kr2.cc-河南省快三遗漏| www.833665.com-彩票复式投注计表| www.946238.com-河南彩礼贵吗| 500彩票www.343277.com| www.109899.com-时时彩都是假| www.178277.com-彩票直三什么意思| www.2600.com-爱淘彩平台-| www.727563.com-公益福彩app下载| www.770605.com-彩46是正规网站吗| www.6173.pw-彩钢板价格-| www.37028.com-好彩运88-| www.20ce.com-足彩19004-| www.719358.com-排列五游戏规则福彩| www.106991.com-彩票站网上接单| www.345511.com-行运彩怎么样| www.980635.com-做彩票赚钱吗| www.ca53.com-河北福彩排列五| www.xd31.com-北京快三走行态势图| www.860782.com-好彩一遗漏-| www.957818.cc-今日七星彩九组头尾| www.aq13.com-广东福彩快十预测| www.0fp.com-乐福彩票靠谱吗| www.155330.com-体育彩票胜负彩规则| www.837894.com-彩心炫光-| 吉利彩票www.80075n.com| www.082050.com-郑州彩色纸箱厂家| www.79pi.com-福彩了3d字谜| www.26770.com-七星彩胆拖图片| www.659533.com-足彩手机版-| www.817220.com-体彩四码遗漏| www.884433.com-中国彩吧遗漏| www.961349.com-竞彩猫好彩频道官网| 天下彩www.499680.com| www.77007.com-天涯论坛高频彩票| www.jf39.com-大发快三如何推广| www.1796.vip-福彩淘彩吧-| www.8618.in-彩票投注站用电视| www.824930.com-中国梦想彩票触屏版| www.904997.com-足球彩票怎么玩法| www.974006.com-福彩有几种刮刮卡| www.cai1990.com北京快三形态走势| www.it69.com-彩票官方-| www.4183.biz-封神国际腾讯分分彩| www.ht10.com-快三杀号技巧360| www.254579.com-大发快三开奖查询| www.708624.com-订做彩票店走势图| www.ba0.com-湖北快三分布图| www.392708.com-雅彩彩票下载安装| www.607531.com-南昌福利彩票店| www.699316.com-吉林快三95群| www.088082.com-亿彩真的可以提现吗| www.026317.com-彩票开奖时间表| www.6667.bid-天天体彩下载软件| www.923589.com-欧洲秒速时时彩开奖| www.978967.com-快三秒饮品加盟| www.cai5844.com吉林体彩-| www.60au.com-网易彩票正规嘛|