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.784598.com-zc559众彩网| www.951026.com-平安彩票线路导航| www.7788.vip-彩票分享心得| www.w13.xyz-湖北体彩站点查询| www.7631.net-98彩票网站-| www.83293.com-安阳彩票中奖大乐透| www.502015.com-棒棒彩票5分快3| www.625757.cc-快开彩票改20| www.963946.com-500彩票百科| www.17095.com-足彩如何兑奖| www.951253.com-彩185-| www.dt07.com-5c彩票-| www.27904.com-宝马彩票官网| www.066066.cc-海口七星彩投注站| www.894561.com-福彩怎么玩儿| www.984207.com-糖果彩福利彩票| www.br42.com-彩经网旧版-| www.647935.com-重庆时彩计算公式| www.680973.com-佳缘男七星彩骗局| www.hw73.com-北京福彩网址是多少| www.55446.cc-水彩画-| www.627762.com-58彩票是黑平台吗| www.566452.com-福彩微投-| www.677083.com-彩色压模混凝土| www.761345.com-好彩店彩票提现不了| www.840923.com-彩妆加盟开店| www.907226.com-体彩装b神器| www.4685.cm-一张彩票可以买几注| www.038103.com-喜盈门彩票登录网址| www.032773.com-95彩票app下载| www.53oz.com-彩票22期预测号码| www.8234.vip-广西快三和值| www.117688.com-二分时时彩全天人工| www.0704.cm-福利彩票申请书样本| www.721851.com-彩票括括奖-| www.74270.com-彩虹??符号-| www.029959.com-大地彩票下载| www.637641.com-彩虹6号为什么火了| www.91677.cc-好彩香烟哪种好抽| www.99hd.cc-福彩3b天牛图库| www.6699.hk-彩票应用大汇集| www.321018.com-彩票开奖排三结果| www.484258.com-全中彩票软件| www.563241.com-大发快三最稳投注法| www.636192.com-彩虹六号机票多少钱| www.yi17.com-福彩快8app-| www.007796.com-兰州红古区体育彩票| www.448428.com-下载老杜说彩| www.675146.com-多玩彩票兼职可靠吗| www.180097.com-快三胆码1组合| www.i22.shop-七星彩走势图带联线| www.55ba.cc-微信福彩-| www.1506.me-彩虹儿童歌曲| www.8292.biz-江西福利彩票图片| www.75sa.com-稳赚不赔彩票秘诀| www.xv88.com-苏州福彩中心| www.256166.com-澳客购彩-| www.367146.com-体彩中返奖率最高的| www.499830.com-澳洲五分彩赚钱方法| www.663967.com-七星彩精准资料大全| www.755332.com-中国彩票3d开机号| www.867182.com-十大黑彩平台排行榜| www.kg95.com-辽宁彩票网站首页| www.02vw.com-菲律宾福彩合法化| www.0128.cc-彩色是不是一种颜色| www.122174.com-彩民论坛七星彩| www.921557.com-河北快三全天计划| 500万彩票www.937150.com| www.519114.com-用户登录众彩网| www.918852.com-如何举报私彩| www.qw79.com-香港时时彩介绍| www.827339.com-时时彩总和值玩法| www.795339.com-3d彩宝贝百位杀号| www.087905.com-临海彩票案-| www.157306.com-足彩冷热指数分析| www.932005.com-大发快三黑平台| www.5257.love-篮球彩票胜负翻多少| www.233706.com-快三开对子的概率| www.335345.com-搜狐世界杯彩票| www.404759.com-鸿运彩票真假| www.789860.com-足彩混合计算器| www.865456.com-分分彩牛牛计算公式| www.2004.in-体彩排列三活动| www.41wu.com-唯彩看球历史版本| www.116884.com-体彩试机号及金码| www.426124.com-今日体彩全部藏机图| www.914927.com-红运彩app下载| 百姓彩票www.bxcp3.com| www.9396.com-黑龙江结婚彩礼多少| www.35098.cc-天空天下彩与你同行| www.6014.cc-山东省体彩中心地图| www.179232.com-福彩安徽快三玩法| www.420543.com-开体彩店能赚钱吗| www.92vo.com-彩票站申请流程| www.5248.link-7号彩票网-| www.506527.com-彩天地娱乐计划软件| www.14cj.com-福彩杀戮数-| www.956133.com-彩影制作下载| 大赢家彩票网www.54400h.com| www.217136.com-快三一共多少注号码| www.708682.com-彩神lx坑人-| www.268013.com-5oocom彩票| www.291105.com-下一期彩票预测号码| www.zj25.com-福彩3d大号走势| www.708855.com-网络彩票为什么停售| www.xn0.com-福利彩票快3怎么玩| www.i40.mobi-特彩吧高手网电脑版| www.050509.com-河南福彩勇士争先| www.571867.com-天天好彩游戏| www.980362.com-体彩篮球竞猜规则| www.60vd.com-七彩开奖结果查询| www.566176.com-和彩放题能吃到几点| www.659644.com-智投彩票-| www.25rw.com-华彩官网-| www.546218.com-体彩机器换纸视频| www.627579.com-七星彩抓轨神器| www.m07.com-乐彩网快3-| www.765526.com-乐盈彩票可信吗| www.781074.com-彩虹糖-| www.062419.com-彩票166网-| www.009179.com-彩票机选有猫腻| www.875838.com-恒彩88登录-| www.948256.com-福彩与体彩-| www.999889.cc-福彩3d黑龙字谜| www.et41.com-彩神vlll合法吗| www.526390.com-彩票坐庄是什么意思| www.986348.com-567时时彩票下载| www.cp6690.com-快三大小奖金对照表| www.471224.com-香港三色彩有限公v| www.292559.com-贵州福彩快3中奖| www.770003.com-中国中国竞彩网首页| www.804716.com-欢乐时时彩官方开奖| www.812492.com-快三多少倍能封顶| www.3966.xyz-东北结婚彩礼用途| www.118360.com-体彩周一到周末开奖| www.219334.com-体彩排列五开奖结杲| www.123056.com-彩票一期计划网站| www.189871.com-皇都彩票首页| www.557083.com-vr彩票太假-| www.788322.com-19039足彩分析| www.739661.com-竞速bb彩-| www.813846.com-福彩刮刮奖金条多重| www.907111.cc-体育彩票有几位数字| www.002082.com-湖北福利彩-| www.467859.com-七乐彩万能十六码| www.987.tv-九彩霸王花-| www.412378.com-我想做彩票计划师| www.916030.com-体育彩票店怎么加盟| www.721705.com-5分快三计划群| www.05553.cc-搜索中彩网双色球| 爱购彩票www.3552e.com| www.059181.com-网易红彩-| www.434750.com-彩票双色球直播开奖| www.526898.com-彩票买大买小的软件| www.388609.com-线上买彩票违法| www.74302.com-彩虹旗emoji| www.029616.com-新利彩票平台合法吗| www.fj40.cc-内r蒙快三开奖号码| www.xp88.com-彩票双色球购买官网| www.04wx.com-彩铅阴影怎么画人物| www.72jh.com-海南四星彩奖项| www.7785.pw-陶瓷新彩技法| www.551555.cc-贵州快彩app| www.109034.com-足彩四大欧赔|