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.cp869.com-快三大小技巧规律| www.511876.com-彩票投注站转让上海| www.ua10.com-下载全民彩票软件| www.544658.com-天天竞彩-| www.653904.com-速8彩票官网| www.762273.com-3d福彩试机号码| www.838867.com-福利彩票推荐| www.922876.com-投诉福利彩票站| www.987872.com-正规售彩网站| www.ub9.cc-全国彩票开奖公告| www.tc69.com-官方彩票有哪几种| www.298290.com-购彩吧688345| www.883485.com-信博彩票怎么登录| www.789677.cc-彩钢瓦围挡施工方案| www.893613.com-彩票中奖去哪里兑换| www.lp41.com-创富彩票-| www.31dn.com-体彩去南京哪里领| www.3182.biz-天天送彩金斗地主| www.21268.com-网上买彩票每张中奖| www.96757.cc-唯彩彩票投注技巧| www.818936.com-绵阳福彩机转让| www.709838.com-网络彩票代购合法吗| www.p19.cn-中国体育彩票成本| www.2065.shop-1588彩票可靠吗| www.998974.com-分分彩后三500注| www.zn49.com-3d选号彩报-| www.93ik.com-玉林体育彩票| www.3778.cn-福利彩票3d八卦图| www.120965.com-被骗玩快三-| www.949762.com-快三豹子跨度| 幸运彩票网www.33598y.com| www.563544.com-购彩大厅q彩| www.156391.com-好彩堂中特网| www.20168.com-河南快三二码| www.qa11.com-帝王彩票真假| www.32139.com-彩钢板围挡生产设备| www.88074.com-彩民网怎么下载| www.38597.com-苹果彩77官网下载| www.101141.com-彩运网是黑平台吗| www.733159.com-江苏彩票管理中心| www.10475.com-福彩3d多久开一次| www.196708.com-彩票开奖情况| www.171311.com-山东体彩十一选5| www.928750.com-牛彩彩票-| www.556769.cc-苹果彩票计划| www.1912.cc-下载购彩助手| www.055046.com-彩色射击换东西| www.303331.com-7彩国际是什么| www.52017.cc-天津时时彩爱彩乐| www.gv95.com-盈彩网揭秘在线| www.15221.com-时时彩数字计算公式| www.08719.com-假体彩店-| www.092074.com-梦见大便买彩票号码| www.311091.com-大发快三怎么买豹子| www.mt42.com-彩中彩平台安全吗| www.42sn.com-彩票怎么玩视频| www.467189.com-中国体育彩票开奖| www.546551.com-体彩推广方案| www.619290.com-云南福彩管理中心| www.690672.com-被华夏彩票黑了| www.768313.com-体彩山西十一选五| www.858439.com-时时彩一赔多少| www.924716.com-福彩双色球奖金等级| www.981413.com-彩票下级返点越高| www.75257.cc-网络彩票的特点规律| www.644168.com-万彩双色球走势图| www.004196.com-新旺发彩票-| www.982074.com-重庆福彩站点助手| www.cp6568.com-体彩浙江6+1| www.mr84.com-河北快三中了多少钱| www.n70.pw-中彩网专家杀号| www.43og.com-足彩任九复式计算表| www.48143.com-彩之家网址平台| www.867147.com-彩票网站制作多少钱| www.948045.com-牛彩专家-| 购彩票www.c5906.com| www.94aw.com-在易彩堂输钱| www.2549.cc-彩胜团队微信号| www.8391.org-网易彩票合不合法| www.8414.com-彩票单式生成| www.94pv.com-福星福彩3b预测| www.5684.vip-麒麟彩票网骗局| www.538496.com-中国福利彩票案| www.663388.com-体彩号-| www.750563.com-中彩在线多人玩么| www.830553.com-上海彩票店电话号码| www.899166.com-公用彩票数据接口| www.973221.com-儿歌彩虹岛mp3| www.ri99.com-极速快三有挂吗| www.563950.com-分分彩投注-| www.646001.com-竞彩对冲二串一理论| www.731485.com-易彩堂大发快三规律| www.174444.com-快三网上-| www.255923.com-彩线躲球下载| www.1234.pw-大数研彩软件| www.0435.net-体彩排列三杀码预测| www.90029.cc-788彩票几个版本| www.988082.com-彩民乐十阳光探码图| www.3615.online上海竞彩足球店| www.58999.cc-彩票小游戏-| www.595010.com-唯博彩票-| www.yk84.com-长春三地彩报| www.83go.com-五位数彩票开奖| www.688167.com-福彩3论坛手机版| www.781331.com-彩票规律研究方法| www.127873.com-彩虹的图片照片| www.251952.com-网上拉人玩彩票| www.513501.com-三分重庆时时彩计划| www.588214.com-福彩3d周日试机号| www.57177.cc-排列三黑彩平台技巧| www.in15.com-福利彩票怎么买| www.26dj.cc-发彩公司系列染膏| www.024745.com-福利彩票代理青岛| www.8331.cm-彩客彩票2.1版本| www.77572.cc-彩票店规定-| www.185351.com-北京福彩快三和值| www.858777.com-3g彩票网-| www.993502.com-足彩通道玩法| www.hm86.com-时时彩个位对胆| www.457459.com-七星彩赔率-| www.595083.com-彩票领奖时间| www.8178.me-博彩概念股票有哪些| www.321198.com-彩票开奖公告奖| www.803639.com-体彩购买网上| www.043922.com-时时彩挂机软件骗局| www.372733.com-贵宾彩票-| www.547767.com-高频彩票接口| www.co59.com-彩客彩票骗局| www.107665.com-彩票黑-| www.556010.com-手机彩票哪个靠谱| www.209016.com-快三屠龙最多几个| www.365665.com-西西彩神-| www.578460.com-福彩店装修图片| 华夏彩票www.hx5566.com| www.733793.com-福彩多久开奖一次| www.910718.com-中国足彩网官方首页| www.21337.cc-彩神xapp下载| www.011494.com-腾讯分分彩官网开奖| 500万彩票www.96386v.com| www.388954.com-网上销售彩票合法吗| www.525613.com-中国竞彩体育网| www.612146.com-m5彩票登录| www.696377.com-刮刮彩票怎样破解| www.788165.com-足彩单关查询| www.873198.com-605彩票-| www.952258.com-中国彩票官方版下载| www.cai7666.com江苏快三号码开奖| www.nt49.com-大发快三团队计划| www.h88.net-香港49码彩票网| www.424033.com-乐彩33软件-| www.553020.com-高手网天空彩票| www.769069.com-江苏快三猫腻| www.829249.com-微信卖彩票违法吗| www.883985.com-来彩020彩票| www.948052.com-四川省体彩中心电话| www.992234.com-k彩一彩民中奖福地| www.cb14.com-易彩游戏app下载| www.129747.com-1588彩票app| www.211982.com-比分彩客网-| www.539945.com-助赢彩票软件手机版| www.625444.com-全民彩票真假问题| www.715536.com-天天爱彩票微信提现| www.801189.com-网上宝马彩票| www.889955.cc-委托买彩票-|