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.06030.com-竞彩足彩彩票软件| www.620279.com-足彩倍率的计算公式| www.63011.com-阿飞足彩新浪博客| www.qz79.com-一分钟快三能做假吗| www.966144.com-全民快三真的假的| www.11sk.com-赢天下彩票正规吗| www.277173.com-七星彩结果-| www.187378.com-下载时时彩投注平台| www.285087.com-彩票靠概率取胜| www.992131.com-中国足彩在线网站| www.09li.com-大通彩票注册官网| www.250679.com-豪彩哪里下载| www.17550.com-华赢彩票网站| www.019468.com-体彩排列三字谜论坛| www.277002.com-吉林快三最新走势图| www.688148.com-福彩3d交流群| www.3535.cc-澳门赠送彩金网站| www.76933.cc-优彩彩票下载| www.269851.com-下载彩九送19元| www.375763.com-福利彩票山东群英会| www.634821.com-建盏兔毫养出彩| www.4154.cm-航天11院彩虹公司| www.34034.cc-玩彩票的有挣钱的没| www.699695.com-福彩山地走势图| www.069590.com-神彩网69880| www.058381.com-365彩票网首页| www.133648.com-cp258好彩-| www.216581.com-彩票里面有uu直播| www.33116.com-彩票被洗了-| www.1512.cn-k3彩票网站-| www.8472.top-m5彩票登录平台| www.2048.red-彩虹小鸡视频| www.091759.com-希望彩票网是真的吗| www.74fw.com-彩票怎么在手机上买| www.400313.com-时时彩杀跨度和值表| www.93577.cc-星光财团彩票| www.52420.com-亚博买彩票-| www.014986.com-七星彩规律讲解| www.096717.com-江西体彩官方网站| www.872065.com-福彩三弟跨度走势图| www.229338.com-梦想彩票官方网站| www.ma76.com-福建省福彩中心官网| www.kd88.com-福彩双色球球选号器| www.65vx.com-博彩高倍-| www.06831.com-采购彩涂板-| www.45877.com-时时彩宝典868| www.653688.com-吉林快三合值跨度| www.803672.com-新生彩票测速| www.954919.com-博大彩票官网下载| www.fg69.com-福彩十分钟开奖规则| www.951638.com-红彩网app邀请码| www.gh05.com-四川体彩网大乐透| www.551000.com-怎么和别人合买彩票| www.722539.com-足彩胜负彩任九规则| www.922362.com-彩票365新版| www.cai7567.com江西多乐彩-| www.169068.com-体彩481-| www.95550.cc-本周彩票中奖号码| www.998234.com-关注彩票结果| www.972773.com-彩客网软件-| www.795370.com-福彩3d领奖流程| www.cz95.com-彩神争ⅷ-| www.p90.shop-中彩彩票手机版下载| www.625137.com-众吧彩票-| www.701584.com-中国足彩官网电脑版| www.796493.com-分分彩定位胆怎么玩| www.mr9.cc-彩票预测软件下载| www.962247.com-福彩3d74期跨度| www.98667.com-足彩容错玩法怎么买| www.142744.com-彩虹8彩票网站| www.028895.com-彩吧网首页-| www.21tv.com-黑客侵入福彩| www.731880.com-a22爱彩下载| www.3877.cm-竞彩足球场次| www.78517.com-双彩网下载客户端| www.bw07.com-湖比快三走势图| www.77637.com-228好彩票-| www.1741.cc-哪个彩票送体验金| www.335626.com-安徽快三加奖| www.470127.com-日本彩票哪里兑奖| www.567475.com-七乐彩42期-| www.303297.com-七彩国际投资| www.393305.com-体彩中四个红球| www.869197.com-七星彩机选号码器| www.358747.com-体彩中6个数字| www.055.in-网上投注彩票合法吗| www.563879.com-淘彩票计划-| www.219742.com-正规网上购彩网站| www.450069.com-湖北体彩中心新地址| www.91212.cc-彩烟烟花价格| www.053028.com-快三跨度和值组合表| www.286336.com-481彩票网注册| www.635703.com-彩虹6号围攻单机| www.80802.cc-下载旺彩3d-| www.803237.com-河北有那些彩票种类| www.540518.com-迪士尼彩乐园下载| www.mm99.cc-金沙免费送68彩金| www.6zo.cc-足彩大乐透走势图| www.287373.com-28彩票app-| www.03fg.cc-彩票k线软件安卓| www.173832.com-福建快三走势图结果| www.2340.pw-亚博彩票线路检测| www.23520.cc-彩神争霸88czj| www.555148.com-时时彩会不会作弊| www.713843.com-福彩3的图谜总汇| www.3548.cc-香港彩缘网最快报码| www.621887.com-宁波一员工中彩票| www.558711.com-天津体育彩票有几种| www.xd28.com-彩票中奖号码生成器| www.354324.com-人人体育彩票可靠吗| www.764449.com-中国彩软件-| www.1001.vip-甘肃快三开奖官网| www.032691.com-爱乐彩票-| www.114568.com-最近手机彩票app| www.407841.com-七星彩中奖地方查询| www.21380.com-腾讯分分彩先赢后输| www.vv97.com-购彩平台下载| www.41dm.com-体育彩票放假时间| www.065.cm-sina爱彩-| www.562183.com-万彩影像大师| www.831199.com-三月足彩-| www.906061.com-中国彩8-| www.982045.com-福利彩票开奖器| www.40kq.com-彩慧堂美白片| www.663.win-上海体彩快3| www.1306.net-乐彩神真的假的| www.2317.wang-千万国际彩票| www.97tx.com-竞赢彩票真的假的| www.6713.shop-什么是极速快三| www.57692.cc-香港5分彩-| www.000614.com-浙江嘉兴福彩官网| www.384.date-中彩网双色球热议| www.0473.net-海南彩开奖下载| 500万彩票www.583792.com| www.hz28.com-体彩五开奖-| www.vu92.com-中信彩票是不是真的| www.493639.com-彩票投注站成本| www.l76.com-彩票对压赚返金| www.6815.net-彩票656-| www.26139.com-彩虹的形成视频| www.cp0331.com-快三预测软件| www.11fz.com-新彩水料-| www.6999.date-力彩芽-| www.9523.me-彩钢夹芯板设备价格| www.735055.com-彩票买哪一个| www.863569.com-体育彩票超级大乐透| www.937005.com-七乐彩3十1几等奖| www.994721.cc-体彩十一选五任三| www.981732.com-567彩票靠谱吗| www.pv1.com-长春快三开奖查询| www.uc08.com-怎么做黑彩平台代理| www.18iu.com-我我要查彩票开奖| www.0303.la-彩拾彩票软件下载| www.031499.com-网络彩票赌博经历| www.110039.com-甘肃省快三软件下载| www.182380.com-快三有人赚么| www.268278.com-彩神下载app| www.059064.com-甘肃快三和尾走势图| www.46663.com-福彩三d之新彩网| www.386555.com-3d彩宝贝金码| www.494612.com-篮球竞彩一定牛推介| www.548577.com-分分彩刷钱技巧| www.607698.com-新管家彩图图片| www.690737.com-蓝鲸彩票-|