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.700230.com-沈阳体彩中心| www.878684.com-彩神通会员四码准吗| www.eo36.com-北京快三交易平台| www.66.me-彩吧彩报图第五版| www.890355.com-彩票816下载| www.964953.com-彩票购买点有监控么| www.cp655.cc-代理快三刷流水| www.057774.com-七星彩当天几点开奖| www.977405.com-兰考订婚彩礼| www.72976.cc-湖南福彩开奖号码| www.515017.com-七星彩app靠谱吗| www.646654.com-职业买彩票的有吗| www.773307.com-彩票app分析工具| www.963082.com-彩钢瓦屋顶光伏支架| www.hs02.cc-新浪足彩冷热指数| www.153445.com-158彩票可靠吗| www.232324.com-上海快三基本走势| www.299242.com-北京体彩排三预测| www.367308.com-体彩一等奖-| www.384501.com-彩688下载-| www.526670.com-时时彩追号方法| www.885664.com-大地彩票app版| www.kz9.com-快三2夸的号码| www.27fw.com-马来分分彩-| www.6895.xyz-海南七星彩直码软件| www.380032.com-360彩票十一选五| www.570804.com-七彩阳光图片唯美| www.718215.com-吉祥彩票是骗人的吗| www.870566.com-盛大彩票安全吗| 天天彩票www.106276.com| www.cg10.com-快三代理好做吗| 中彩网www.700345.com| www.2335.biz-博彩推广广告| www.36956.cc-彩宝贝开奖号码| www.095203.com-数字概率博彩| www.225890.com-快乐彩12选5直播| www.t37.top-彩尊最新手机版| www.168945.com-二分快三开奖号码| www.212615.com-重庆时时彩注册账号| www.952649.com-网上买福彩-| www.99do.com-u9彩票网可靠吗| www.29924.com-彩运网cy222| www.103278.com-金福彩票导航| www.74674.com-500万彩票网官方| www.0545.org-彩尊领奖有节假日吗| www.7964.vip-体彩几点钟开门| www.39807.com-玩彩票需要什么心态| www.325915.com-彩宝彩票cb6| www.158.bid-关于彩虹的微信名| www.859205.com-体彩排三近期开奖号| www.8251.top-金龙彩票认证官网| www.lx59.com-分分时时彩计划网页| www.f31.com-和乐彩票合法吗| www.36eu.com-七星彩胯度-| www.99pz.cc-王阳评彩-| www.2715.cc-一分彩怎么看号码| www.7682.top-福利彩票六千万| www.346320.com-大彩票赢家-| www.461133.com-彩票源码是什么意思| www.434455.com-杭州福彩体彩下载| www.33055.cc-江苏省彩票兑奖中心| www.003802.com-彩票中5个号多少钱| www.68sb.com-乐彩检疫怎么样| www.6018.net-中国体彩兑奖青岛| www.23353.cc-众盈彩票官方网站| www.65299.com-炫彩摄影沙龙| www.301327.com-福彩三d号码全图| www.023802.com-澳客彩票客户端安卓| www.560234.com-吉林快三如何看跨度| www.655357.com-澳洲彩票app| www.748242.com-大连彩票站兼职| www.447556.com-福彩票三d试机号| www.708696.com-彩神网中的安全密码| www.863217.com-投诉彩票店怎么投诉| www.970748.com-彩票历史开奖记录| www.om66.com-河北快三预测软件| www.53vu.com-亚洲彩票网站平台| www.1102.wang-竞彩让负是什么意思| www.17345.com-雪象园足彩比分直播| www.619788.com-奇门测彩票方法研究| www.349075.com-乐彩网账号-| www.428181.com-足彩缩水软件管用吗| www.669460.com-时时彩大数定律买法| www.081628.com-福彩快三能否网上买| www.405105.com-七星彩对数怎么看| www.83933.cc-彩礼杀人-| www.094446.com-快三多久开一次新区| www.ch25.com-一分快三如何玩| www.514001.com-彩钢升级围挡| www.658586.com-中乐彩登录网址| www.fx97.com-白岩松彩票揭秘| www.1855.tv-彩票60秒官方网站| www.51397.cc-彩票充值代理加盟| www.415588.com-竞彩返还率赔率研究| www.693525.com-掌上购彩怎么下载| www.860763.com-河南福彩二二选五| www.973924.com-下载500万彩票网| www.nv48.com-福彩图库-| www.75au.com-彩票怎么玩必输| www.610424.com-彩票销售软件好不好| www.718368.com-彩虹周杰伦歌词| www.826555.com-鸿运彩票正规不| www.931319.com-大吉彩票网合法吗| 中国福利彩票www.33588u.com| www.m33.tv-买彩票欠了几十万| www.62oe.com-彩票最全面大数据| www.811381.com-足球彩票即使比分| www.568483.com-福彩3d澳客网| www.810283.com-分分彩快三-| www.951591.com-大发快三重庆时时彩| www.92.win-福彩怎么买中奖率高| www.3843.me-福利彩票特等奖| www.817829.com-网上彩票怎么停售了| www.946581.com-夏邑彩礼价目表| www.90ed.com-彩漂液对孕妇的危害| 500彩票网www.657505.com| www.67801.com-黑彩算赌博吗| www.654505.com-七星彩最新规律图规| www.519629.com-提前预知彩票结果| www.43ow.com-腾讯分分彩预测胆码| www.262052.com-中彩网体彩走势图| www.819781.com-射手座买彩票什么号| www.6892.loan-体彩竞彩怎么查中奖| www.839514.com-足彩推荐哪家好平台| www.311698.com-体彩实体店网上购买| www.ks42.com-上海快三时间段| www.205566.cc-喜乐彩历史中奖| www.37gm.com-金祥褔彩-| www.35993.cc-神彩挣霸-| www.99257.com-彩客网足彩预测| www.949175.com-pc彩讯-| www.229.red-爱购彩网址-| www.049813.com-下载湖北精彩十分| www.lc20.com-天天彩票计划软件| www.981423.com-彩票返点互刷| www.894784.com-彩票自动选号软件| www.968867.com-天天彩票是否靠谱| www.cl86.cc-一分快三助手下载| www.29kl.com-搜狐体育足球彩票| www.2480.top-彩经众乐三分快3| www.11237.com-足球购彩app| www.768991.com-亚博彩票靠谱吗| www.576918.com-天天红彩票-| www.289638.com-网上私彩和官通吃| www.0668.cn-一分钟易彩全天计划| www.97828.cc-分分快三开奖规律| www.98rx.com-福彩彩吧彩图| www.626288.cc-中国彩票都是假的| www.221711.com-黑客破解时时彩| www.0230.biz-聚鑫彩票-| www.87720.com-腾讯三分彩官网| www.8730.vip-全民竟彩-| www.ea8.cc-高频彩票十赌十输| www.qb85.com-七彩网app-| www.087720.com-非法彩票网站受害者| www.137452.com-彩票1990返点| www.541799.com-精彩网站-| www.790793.com-机选福利彩票双色球| www.037055.com-手机购彩助手| www.533.cc-拼搏在线彩票网官网| www.go42.com-2019年彩礼-| www.778174.com-福彩三d字迷图迷| www.837098.com-一定牛体彩下载| 百姓彩票www.www.bxcp3333.com|