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天

知道了
1分快三 www.525477.com-玩彩乐苹果版| www.806776.com-好用的体育彩票软件| www.949398.com-购彩中心360彩票| www.hp48.com-足球彩票比分值| www.96lm.cc-易彩网络平台| www.97787.cc-彩光嫩肤仪价格| www.065367.com-88彩票网不让提款| www.47728.com-好彩自然来什么意思| www.01df.cc-国家彩票放假日| www.89ov.com-彩漂液成分是什么| www.4558.org-七星彩规律软件功| www.7664.xyz-时时采彩宝典安卓版| www.973580.com-漂亮彩虹图片| www.uf30.com-体育博彩app| www.099533.com-彩票盈app-| www.79090.com-成功彩票诈骗| www.263648.com-彩票合理倍投方法| www.6856.space-海南飞鱼彩票软件| www.515389.com-怎么网上买七星彩票| www.736417.com-保定市福彩中心电话| www.20438.com-竞彩网篮球比分直播| www.419055.com-江苏快三快彩| www.761848.com-福彩3d中奖坑人| www.984873.com-长城彩app-| www.j77.me-彩票彩金能取现吗| www.8099.cm-永利国际彩票网站| www.83370.com-我和福彩的小故事| www.140840.com-985彩票app-| www.293767.com-彩票帮投骗局| www.559705.com-7071彩票-| www.739194.com-快三和值三最大遗漏| www.994801.com-好彩客最新版本苹果| www.00uv.com-彩虹怎么形成的| www.79113.com-福彩快3输钱| www.125286.com-特区彩票论坛开| www.230536.com-福彩3d字谜新彩吧| www.324225.com-青岛福彩养老院| www.490149.com-9b彩票会员登录| www.648166.com-史蒂夫彩票计算公式| www.751734.com-中彩这个软件可靠吗| www.850633.com-用家人的生日买彩票| www.913009.com-有人报警好彩客吗| www.973484.com-彩虹壁纸少女心| www.cai568.com-福建快三今日开奖| www.vq19.com-快三四码黑红| www.994850.com-选彩票神器-| www.98zi.com-彩票ddcc-| www.329933.com-奥门搏彩网-| www.x11.pw-兜里最后钱都买彩票| www.2628.in-好运彩快三-| www.505196.com-注册送彩金彩票网站| www.811458.com-最新彩票信息信息| www.917788.com-海南七星彩投注| 博亿彩票www.626by.com| www.633302.com-竞彩蓝球规则| www.209234.com-彩票开奖湖北快三| www.361344.com-7k彩票网567| www.295626.com-快三稳赚方法| www.064908.com-永盛永盛彩票官网| www.263878.com-陈赫中奖彩票号码| www.500407.com-英国五分彩吧| www.751434.com-福利彩票有几种买法| www.66059.cc-好彩爆珠毫克| www.132116.com-彩妆店加盟哪家好| www.367960.com-大众彩票网app| www.343490.com-大连体育彩票局电话| www.603617.com-高频彩赢钱技巧| www.kj65.cc-福彩选号器2.0| www.065312.com-亚洲彩票提款不了| www.530829.com-怎么网上买时时彩| www.727556.com-山东福彩客户端| www.046907.com-黑龙江快三助手| www.357089.com-体彩门头牌设计规范| www.217114.com-各省份快三开奖| www.323204.com-乐彩518直播城| www.411834.com-竞彩对冲保本打法| www.518398.com-皇都彩票我的账户| www.591708.com-sb博彩-| www.658478.com-英博彩票app| www.736308.com-彩票输了怎么回血| www.811316.com-广西快三计算方式| www.879133.com-天天福彩当天重播| www.944767.com-福彩全部图标| 500彩票网www.97655y.com| www.169807.com-快三甘肃号开奖号码| www.303928.com-分分时时彩技巧集锦| www.438787.com-广东福彩36开奖| www.582689.com-优彩网官网app| www.666391.com-中体彩开奖结果| www.734247.com-福彩6加1-| www.803647.com-728彩票网页版| www.872817.com-福彩兑奖中心地点| www.933068.com-网赌时时彩会作弊么| www.990777.com-最新正规购彩平台| www.ms6.com-吉林快三直播开奖| www.pk99.com-北京快三早晨几点开| www.6cw.cc-江苏快三追号计划表| www.60pa.com-高价收中奖彩票被调| www.0185.pw-彩云国物语重华番外| www.5828.bid-体育彩票串子输一半| www.567093.com-彩神通四码资料网站| www.585422.com-爱彩乐天津快乐十分| www.761517.com-体彩十一运夺金开奖| www.104108.com-黄好彩爆珠-| www.214742.com-上海快三爱彩乐| www.293927.com-快三精准计划网| www.503872.com-倍乐网6a彩票| www.gl31.com-腾讯分分彩开奖直播| www.545096.com-开福彩-| www.6916.top-海南七星彩下注网站| www.652177.com-彩票网站会泄露| www.bc53.com-十分彩开奖结果查询| www.59169.com-福彩三d和值| www.3464.vip-体育彩票双色| www.ol73.com-体彩网首页官网| www.90935.com-香港商报晚晚好彩| 手机购彩www.721588.com| www.cp8278.com-江苏快三结果| www.56227.cc-会员登陆49c彩票| www.9490.loan-体彩2串1什么意思| www.024748.com-红包彩票玩法规则| www.095037.com-大奖彩票网是黑彩| www.152510.com-福彩3d八卦图片| www.270209.com-500彩下载安装| www.336717.com-河北快三分析预测| www.423887.com-星彩网双色球| www.515197.com-体彩排列三图谜区| www.581631.com-吉林快三窍门| www.650525.com-体智能彩虹伞教案| www.713679.com-红坛博彩500| www.807404.com-连云港彩票获奖查询| www.887374.com-靠谱的私彩网站| www.958438.com-今晚七星彩直播现场| 天天彩票www.215880.com| www.in15.com-福利彩票怎么买| www.i11.cn-明天彩票开奖号码| www.360013.com-正规彩票店卖私彩| www.483907.com-福利彩票亭转让| www.570051.com-吉林快三多少组号码| www.657295.com-凤凰福彩快3| www.739171.com-彩民心水之一| www.819982.com-彩钢瓦拆除文件| www.62eh.com-竞彩足球比分串| www.2336.biz-手机收到博彩广告| www.8384.net-快三猜一个号规则| www.41266.com-幸福彩手机报| www.91567.cc-印第安红好彩| www.058172.com-5分快三是什么彩票| www.127454.com-好运彩网站可靠吗| www.215722.com-vr3分彩开奖结果| www.282532.com-彩票有什么玩法| www.359539.com-体育彩票要怎么选号| www.440303.com-中彩那天短文理解| www.534407.cc-我玩彩票哪个平台好| www.780738.com-体彩5d的开奖号| www.025905.com-七乐彩开奖今日开奖| www.097759.com-微信群教玩快三| www.193529.com-中福快三开奖规律| www.258708.com-竞彩单场分析推荐| www.322199.com-七天彩票在线投注| www.380733.com-绿色彩票是什么意思| www.1927.wang-时时彩前二72注| www.04873.com-彩票店开微信| www.50166.com-彩票检举-|