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.410815.com-本金2000玩彩票| www.707772.com-签到领彩金的彩票| www.828484.com-彩票99网址-| www.959011.com-650彩票-| 亿彩网www.108805.com| www.034899.com-胜负彩360-| www.159170.com-福利彩票假的嘛| www.284080.com-彩色表示颜色吗| www.400314.com-多彩网2599-| www.30.hk-彩票排列三开奖| www.3142.cc-宝哥胜负彩推荐| www.009348.com-178彩票下载| www.125456.com-家彩开奖三d| www.227600.com-快3彩票正规| www.369824.com-福彩几点封机| www.464603.com-福彩030期形态| www.565159.com-彩票没人领-| www.654752.com-七星彩预测图规| www.5020.in-吉祥彩票网址是多少| www.15898.com-体彩大乐透手机投注| www.69332.cc-中国竞彩赛事公告| www.368632.com-体彩开机号今天晚上| www.478336.com-河北快三50期| www.562375.com-彩71专业彩票| www.133543.com-福彩3d常跟版图片| www.287363.com-彩票开奖接口| www.667427.com-吉隆坡时时彩| www.804465.com-彩票输改赢软件代码| www.918475.com-彩票双色球模拟投注| 凤凰彩票www.77802k.com| www.sw00.com-准提咒求财中彩票| www.936.vip-7星彩怎么中奖呢| www.9546.biz-中彩票40万图| www.691310.com-许仙足彩-| www.788003.com-亚博体育竞彩安全么| www.875117.com-微彩吧app官网| www.970834.com-高频彩票漏洞赚钱| 大赢家彩票平台www.585065.com| www.je92.com-湖南福彩网官方站| www.75wv.com-利赢国际彩票app| www.3363.in-足彩过滤软件哪个好| www.14834.com-浙江体彩网电脑版| www.59227.cc-福彩三d大讲堂| www.512705.com-大星彩票走势图官网| www.577674.com-湖南体彩中心电话| www.642424.com-中彩网全偶统计图| www.703699.com-福彩选号助手安全吗| www.772645.com-七七彩票真假问题| www.919625.com-快三概率分析软件| www.973447.com-视频彩虹宝宝| www.ch73.com-安徽快三购买技巧| www.j36.com-蒙古快三彩票平台| www.62yj.com-彩票代销证一般几年| www.4843.cm-太原福彩领奖中心| www.08440.cc-最火的彩票销售系统| www.56149.com-9彩平台-| www.005035.com-爱购彩票我的账户| www.110458.com-重庆时时彩9码计划| www.183781.com-彩票开奖查询图| www.148666.com-福利彩票25选七| www.351467.com-好彩客彩票最新| www.496335.com-查福彩上期中奖号码| www.589241.com-福彩论坛中国最大| www.567202.com-时时彩生肖-| www.686759.com-中彩那天课文朗读| www.956322.com-下载全部彩票软件| www.876654.com-pp彩票可以赚钱吗| www.990267.com-比较正规的彩票软件| www.ab50.com-快三三同号通选技巧| www.39371.cc-分分中彩票怎么样| www.44js.com-安徽快三28期| www.56py.com-多赢彩票注册| www.7747.vip-腾讯五分彩开奖号码| www.866358.com-搜狐分钟彩票官网| www.8786.net-腾讯分分时彩| www.322709.com-国彩网-| www.501827.com-英国彩票开奖记录| www.283078.com-澳门六星彩153| www.741763.com-江苏福彩公开| www.xm65.com-体彩排列三中奖号| www.505.in-彩经网走势大全| www.99853.com-168官方彩票| www.266902.com-兰州体彩中心地址| www.552199.com-火剪彩票apd| www.894520.com-彩票理财是真的吗| www.400543.com-福利彩票3d类型| www.689072.com-双色球专业玩彩微博| www.834366.com-好彩蓝莓爆珠好抽吗| 126彩票网www.126309.com| www.24vy.com-华章溢彩-| www.5156.cc-多乐时时彩平台| www.61876.com-双色球彩票兑奖时间| www.931825.com-中原彩票怎么样| www.gj89.com-分分快三套路| www.9355.online三涉彩-| www.139406.com-竞彩足球软件下载| www.268969.com-彩票2元网走势图| www.388813.com-竞彩这个倍率怎么算| www.787654.com-6合宝典彩下载| www.909526.com-彩95彩票官方网站| 天地彩www.2tdc.com| www.234727.com-江西快三前二奖结果| www.437755.com-彩票振幅有什么用| www.954840.com-七彩娱乐注册平台| 大赢家彩票平台www.609816.com| www.vs13.com-爱彩乐快三助手| www.28pz.cc-今年网彩会开售吗| www.130323.com-彩票查询大乐透预测| www.420186.com-澳客彩票赢平台| www.555144.com-福彩与体彩谁最假| www.673033.com-今日3d开机号彩宝| www.830789.com-手机cp彩票下载| www.938121.com-快三开奖有没有猫腻| www.523120.com-内蒙古福利彩票中心| www.795290.com-博彩乐时时彩平台| www.971338.com-双色球彩票中奖| www.6867.cc-如何查看彩票中奖| www.207308.com-彩71首页-| www.693910.com-国外彩票app下载| www.815289.com-福彩排列7怎么买| www.ow99.com-福彩3d论坛贴吧| www.467.mobi-快三为何限号| www.459655.com-足彩跟单稳赢的技巧| www.854097.com-安徽快三选号技巧| www.06xk.com-彩铅画大全少儿| www.373.date-福彩3d牛人票票| www.9788.cc-七星彩中奖玩法| www.93322.cc-快三怎么定胆码| www.101183.com-时时彩彩神通| www.220366.com-大奖彩票网官方网站| www.346482.com-红绿彩鉴定-| www.544304.com-3d彩3d彩吧图库| www.689131.com-福彩3d彩霸一休| www.33562.com-19041足彩推荐| www.194593.com-重庆时时彩骗局| www.599001.com-七乐彩巧35期开| www.818362.com-五百万彩票注册网址| www.gj05.com-快三秒热水器| www.025693.com-内蒙古体彩网| www.355634.com-足彩胜负彩缴税| www.735433.com-注册五分快三| www.973443.com-彩虹小镇-| www.2264.shop-今日福彩通知| www.10807.com-彩票坚持守号靠谱吗| www.086864.com-中国福彩怎么买彩票| www.350039.com-彩票对压有什么用| www.cp9597.com-网上中彩网是真的吗| www.nz01.com-中彩平台正规吗| www.52mr.cc-同城彩票是正规的吗| www.0304.pw-玩时时彩被平台追杀| www.72366.cc-福彩双色球投注手机| www.232228.com-福利彩票玩法规则| www.345100.com-棋牌加彩票无限代| www.556408.com-乐彩33是正规的么| www.639547.com-7星彩所有开奖结果| www.698914.com-青丘白凤九彩铅画| www.776289.com-时时彩后三平刷大底| www.870368.com-全球彩骗局-| www.947503.com-今日福彩3d双彩图| www.988335.com-彩娃彩票下载| www.ga83.com-河北燕赵福彩排列七| www.4506.mobi-彩票行业赚钱吗| www.32877.com-彩票译站-| www.010882.com-昨晚彩票开奖结果|