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.835917.com-广东彩王彩图网站| www.83972.com-周三开什么彩票| www.758817.com-买彩票中大奖的新闻| www.786553.com-vlp彩票-| www.907981.com-七星彩中五号多少钱| 鑫彩网www.xcw866.com| www.v48.com-彩吧彩报第一二三版| www.1731.org-彩票306官网下载| www.06528.com-亚慱彩票网址| www.vq06.com-云南福利彩票玩法| www.bn01.com-吉林快三跨度怎么看| www.612609.com-巴西三分彩官网| www.693675.com-中国体彩中心石景山| www.777381.com-手机彩票怎么回事| www.885126.com-七彩网骗局-| 大赢家彩票平台www.210602.com| www.081516.com-论坛山东体彩论坛| www.199471.com-全民快三彩票网| www.297868.com-人人猜球可以买彩票| www.157688.com-足彩只买半场平局| www.255783.com-彩神8快3违法吗| www.385308.com-快三技巧二不同号| www.500928.com-彩票员工被判11年| www.hi79.com-湖北快三开奖分布图| www.175171.com-大发快三有什么规律| www.276895.com-三分钟时时彩网站| www.772203.com-时时彩任10混选| www.914778.com-爱购彩票下载| 彩82www.c2813.com| www.65569.cc-快三如何定胆码| www.fn79.com-贵州福彩中心位置| www.723.bid-竞彩足球今晚开奖吗| www.937654.com-中国福彩怎么买彩票| www.pj86.cc-足彩胜负概率计算| www.34464.com-谁知道众彩彩票网站| www.395476.com-竞彩2串1稳赚模式| 福利彩票www.99677t.com| www.mv13.com-正规的彩票软件制作| www.20jf.com-赢发彩票真假问题| www.213608.com-彩票注册送50元| www.005769.com-娱乐彩票下载| www.420732.com-金手指买彩网| www.129095.com-体彩大乐透推荐号码| www.0405.net-彩票大赢家下载| www.78537.com-八仙过海艳彩图片| www.221451.com-安徽快三形态牛| www.580962.com-手机客户端正规彩票| www.663992.com-今天打什么码七星彩| www.747039.com-云彩厅彩票合法吗| www.932516.com-彩钢围挡报价明细| 华亿彩www.cai001.vip| www.df30.com-快三开奖爱彩乐| www.uo23.com-澳洲三分彩开奖结果| www.260.tv-足彩串串容错表| www.7725.space-致富彩票下载安装| www.875332.com-江苏快三几点开始| www.957471.com-快三龙是什么意思| 奔驰彩票www.29178e.com| www.ny06.com-彩票怎么选-| www.08om.com-彩民网论坛网址| www.94hc.com-七星彩怎么看走势图| www.4384.cn-2005年福彩和值| www.837615.com-福彩3千喜开机号| www.906884.com-高频彩技巧论坛| www.964324.com-七星彩幸运选号| www.cai5503.com甘肃快三直选走势图| www.089858.com-马耳他瓦莱塔彩票| www.99315.com-经彩出行退押金| www.071195.com-昆山福彩投注站转让| www.89929.com-七彩影视违法吗| www.930866.com-彩8彩票安卓官网| www.356413.com-容易赚钱的彩票网站| www.602786.com-彩虹6号禁播| www.890081.com-彩票平台试玩| www.638731.com-800万彩票网站| www.005854.com-怎样下载时时彩软件| www.070523.com-91彩神网页-| www.320920.com-台湾福彩星奖直播| www.443500.com-利彩票-| www.26300.cc-有人带我玩七星彩| www.919218.com-快三走势图表格图片| www.909972.com-彩界联盟正版| 中国福利彩票www.33588d.com| www.02ku.com-vr3分彩怎么玩| www.467224.com-足彩庄家预测有多准| www.t43.com-福利彩票投注算法| www.01462.com-糖果派对3个彩金| www.6810.me-9988彩票-| www.107490.com-彩22作弊器-| www.355852.com-欧洲彩票交税多少| www.577009.com-七星彩最新专家预测| www.132404.com-河南开封的彩礼| www.292368.com-彩票的专业术语| www.658814.com-好运来彩票计划| www.175283.com-日结佣金彩票| www.329273.com-蒙古快三彩票平台| www.615362.com-体彩七位数中四位| www.570285.com-七彩蛋糕店-| www.cai6665.com快三吉林走势图| www.29582.com-乐彩缩水软件| www.926946.cc-投资达人彩票平台| www.999359.com-e球彩害人不浅| www.dd81.com-福彩彩图-| www.sy39.com-七星彩中了两个号| www.dj84.com-计划彩票助赢app| www.304363.com-甘肃快三官网| www.773575.com-谁有彩票送彩金的| www.961895.com-猜大小彩票软件| www.ni57.com-福建体育彩票爱彩乐| www.42ik.com-收米竞彩软件| www.591775.cc-977wwcc彩票| www.780738.com-体彩5d的开奖号| www.934501.com-动物福彩网-| www.00178.cc-彩钢板围挡的价格| www.715837.com-压彩票-| www.811800.com-七乐彩2拖9多少钱| www.83352.cc-福彩中奖新闻今天的| www.186094.com-今日广西快三走势图| www.cai29.com-内蒙古快三开奖结果| www.860569.com-外围彩票网站排名| www.987836.com-c38com彩票-| www.294698.com-牛彩网3d全部断组| www.791062.com-手机时时彩自动投注| www.949823.com-乐米炫彩官网app| www.ij79.com-福彩3dqq群-| www.66ll.cc-海南七星彩qq群| www.209438.com-福彩排列5怎么玩| www.05209.com-2019体彩新规定| www.06xz.com-澳门有哪些福利彩票| www.0451.com-怎么弄网址平台彩票| www.888152.com-香港赛马派彩| www.777996.com-978彩票99单机| www.875324.com-双色球中奖彩票故事| www.cp9558.com-下载旺彩安装| www.171371.com-查一下福利彩票| www.430699.com-永利彩票网址| www.864499.com-178彩票平台真假| www.237764.com-福彩快三中奖查询表| www.371708.com-中国足彩馆露露女主| www.878462.com-2元网彩票开奖| www.799301.com-下载恒大彩票| www.545574.com-彩票任选5结果| www.309299.com-生肖彩票网站| www.611852.com-大透乐彩票开奖号码| www.679614.com-中华彩吧试机号排三| www.313199.cc-三分时时彩计算公式| www.559209.com-克市红山体彩| www.697216.com-体彩排三历史开奖| 财神网www.29277y.com| www.8996.cm-双色球论坛双彩论坛| www.31551.cc-凤凰竞彩下载app| www.379522.com-700万彩票-| www.891073.com-大奖彩票下载安装| www.571.me-时时彩开豹子的规律| www.587623.com-香港c8万彩吧| www.340049.com-竞彩足球理论奖金| www.433117.com-彩票刮刮乐纠纷案例| www.869758.com-唯彩看球推荐| www.498829.com-山东福利彩网| www.620759.com-如意彩是合法的么| www.709595.com-买彩票网站诈骗| www.981740.com-大中华网络彩票| www.kn12.com-大型彩票网投平台| www.88208.cc-讯飞彩票是真的吗|