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.1687.top-彩票追号软件下载| www.00135.com-网上的推测彩票准吗| www.831170.com-2019实体彩票站| www.947296.com-麦久3d彩票网| 天天彩票www.106235.com| www.jw14.com-澳客彩票客户端| www.s33.live-青海省十一选五体彩| www.961923.com-下载双彩网论坛官网| www.kl5.cc-牛彩网3d字谜| www.vx78.com-贵州省福彩中心领导| www.806025.com-福彩3d奖号走势图| www.893419.com-彩票在线选号工具| www.969889.com-高频彩联盟走势图| www.ei6.com-牛彩网-| www.oj58.com-杭州体彩11选五| www.23vl.com-234好彩票-| www.162.in-今晚体彩乐透不开奖| www.3748.vip-七星彩财迷-| www.9475.loan-下载够力七星彩长条| www.544662.com-立彩彩票真能赚钱吗| www.692503.com-足球竞彩完场比分| www.772484.com-福利彩票被国家承包| www.845656.com-369中国福利彩票| www.930378.com-我要投诉天天爱彩票| www.984968.com-竞彩外围网站app| www.cp24.com-广西快三每期多久开| www.tv60.com-屠龙团队江苏快三| www.00tt.com-中彩大乐透开奖结果| www.67uk.com-华达竞彩现在能用吗| www.1622.wang-彩票中奖表情包图片| www.7846.com-体彩胜负彩吧| www.129561.com-七星彩头尾定位| www.2508.vip-一分快三豹子计划| 55彩票www.755864.com| www.207178.com-nba篮球彩票| www.20nv.com-开福利彩票店月收入| www.2215.com-掌上京彩-| www.444424.com-台湾福彩奖眷| www.549522.com-足彩平台哪个好| www.118757.com-tkcc天空彩资料| www.210268.com-彩票yy挂机-| www.336953.com-青海彩票查询| www.848744.com-时时彩送彩金40| www.169338.com-百姓彩票-| www.261268.com-北京时时彩是官方| www.355539.com-徐文轩彩票骗子| www.444178.com-彩票免费资枓大全| www.557753.com-众彩网杀号定胆| www.630627.com-3d东盛彩报-| www.705395.com-竞彩全能王-| www.784678.com-乐米彩票官网资讯| www.856667.com-天下彩票广西快3| www.937810.com-最好的彩票销售平台| www.986914.com-江苏快三倍投怎么投| www.hg1.com-vip彩票官网| www.cp8796.com-福彩上海快三形态图| www.091268.com-连连中彩票app| www.959160.com-春天彩票-| www.rw20.com-时时中彩票手机登录| www.47nb.com-网上购双色球彩票| www.3714.com-乐优炫彩官方| www.1870.in-彩票合买系统彩票| www.704089.com-88彩票网骗人| www.800036.cc-中国体彩开奖情况| www.965746.com-彩神8网页登录| www.eg5.com-彩票app下载快三| www.661541.com-足球竞彩过关计算器| www.850837.com-生日买彩票-| www.908785.com-全国彩票走势图大全| www.966892.com-福建快三直播| 吉利彩票www.66376l.com| www.377079.com-体彩票试机号| www.525957.com-超信做彩票帮投单| www.828372.com-龍之彩娱乐-| www.933386.com-地区快三是正规的吗| 500万彩票www.583792.com| www.rg56.com-彩6彩票-| www.53as.com-家家好彩报纸图| www.1460.live-胜负彩半全场九场| www.8104.loan-8828彩票注册| www.127605.com-彩虹玫瑰能种出来吗| www.298866.com-贵州快三玩法| www.571873.com-盈彩网是什么意思| www.474803.com-六合地下彩开奖结果| www.v55.cn-天气网首页福彩3d| www.46sl.com-彩票世界cp-| www.807273.com-温州福彩网征召| www.654.org-3d福彩彩报第三版| www.7626.loan-今日大乐透彩民乐| www.44465.com-海南体彩高频彩| www.034888.com-花生彩票真假| www.210977.com-安徽快三遗漏号技巧| www.307072.com-福利时时彩查询结果| 500万彩票www.5441n.com| www.698153.com-浙江体彩怎么买| www.806862.com-彩票纸有人收吗| www.873135.com-贵州体彩大乐透| www.183268.com-河南福利彩票快3| www.278044.com-中彩网有客户端吗| www.365981.cc-彩铅牌子-| www.520831.com-玩黑彩有发财的人吗| www.606101.com-彩神彩票怎么看走势| www.689915.com-如何加盟体育彩票| www.777401.com-5分彩平台-| www.862221.com-体育彩票19084| www.939665.com-中国福彩网址| www.981910.com-彩之星app-| www.uy68.com-福彩3d新彩吧字谜| www.160082.com-体彩篮球竞猜网| www.322696.com-网易彩票是真的吗| www.486341.com-体育彩票胜负彩预测| www.095167.com-体育足彩直播| www.337730.com-六后彩开奖查看资料| www.446820.com-彩票店微信群被封号| www.560687.com-彩票属于五行属什么| www.632201.com-彩票提现不了怎么办| www.700526.com-彩票破了还能兑奖| www.773389.com-送彩金多的棋牌游戏| www.887560.com-做时时彩黑平台代理| www.953702.com-中国彩是正规的吗| 优彩网www.974091.com| www.37998.cc-三地福彩走势图| www.72953.com-彩票中奖一亿交税| www.82979.com-传统足球彩票对阵表| www.273109.com-福彩刮刮卡在哪进货| www.8840.site-天天彩票一分赛车| www.37269.cc-一分快三开挂器| www.77333.cc-彩生财彩票-| www.021653.com-太原彩票站-| www.587583.cc-彩票開獎查詢| www.385133.com-入侵彩票黑网站方法| www.536845.com-带彩有内涵的网名| www.619057.com-彩妆店装修图片欣赏| www.751951.com-幸运彩票破解器| www.828298.com-买大小的彩票| www.907667.com-福利彩票4选4| www.977593.com-世界杯足彩网络竞猜| www.hm0.com-博彩屠龙技巧| www.4dz.com-胜负彩身价对比| www.81oj.com-足彩单关配玩法| www.9427.vip-七星彩中二个数| www.884408.com-广西快三好运走势图| www.959273.com-捡彩票-| 乐8彩票www.6539w.com| www.lf81.com-中彩彩票注册链接| www.87sj.com-大地彩票黑钱| www.357267.com-公司赠送彩票中奖| www.185529.com-分分快三假的| www.062916.com-手机怎么买福彩3d| www.351036.com-接手彩票店风险| www.434001.com-唏关彩外国人| www.195126.com-彩票新浪竞技体育| www.361005.com-长春高新区彩票站| www.522709.com-时时彩第一球是万位| www.625683.com-开心100彩票官网| www.722869.com-168好彩票app| www.830670.com-顶级彩app-| www.900799.com-彩票爱彩人彩票网| 快彩在线www.cpkk7.com| www.34174.com-保定彩票中心电话| www.49.cx-四平体彩中心地址| www.42019.com-中彩吧网站代码| www.795729.com-聊城竞彩店-| www.sy77.com-彩票都有什么种类|