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.399575.com-海南七星彩808| www.58917.cc-80彩票苹果版| www.048929.com-福彩3d体彩-| www.0643.top-彩票群公告-| www.136597.com-成功彩票官网登录| www.43vq.com-我挂彩了-| www.3332.tv-汇彩网登录注册| www.24665.com-彩铅画入门基础教程| www.1935.org-佛山彩票没人领| www.943774.com-惠民乐彩票真的吗| www.br50.com-快三走势图分析| www.yq55.cc-彩票照片可以兑奖吗| www.790218.com-那种彩票软件好用| www.874329.com-七星彩360走势图| www.954919.com-博大彩票官网下载| www.lc17.com-天天彩票官方下载| www.w66.top-同辉和天彩粮啥关系| www.935603.com-时时彩跨度定胆码| www.448991.com-国内专业的高频彩种| www.72730.com-彩界九哥预测| www.883501.com-金百博网络彩票| www.770025.com-七彩西游记全集在线| www.869148.com-彩票数学计算| www.952953.com-新粤彩广东版| 126彩票网www.936126.com| www.oi11.com-江苏福彩3d试机号| www.110812.com-广州中彩票-| www.74476.com-七乐彩怎么七个号| www.417077.com-竞彩足什么时间开奖| www.0299.org-釉上彩餐具安全吗| www.9140.net-北京彩票店转让| www.18pa.com-彩王杨光华最新消息| www.455114.com-彩票网网站怎么开户| www.551639.com-有谁知道六开彩网站| www.643205.com-乐彩33可信吗| www.26137.cc-羽泉彩虹-| www.69344.com-腾信分分彩官网| www.018751.com-88彩票平台登录| www.061653.com-彩客网怎么提现不了| www.869026.com-今天福彩3d丹东图| www.287654.cc-彩票预测神器下载| www.457776.com-恒彩88是黑平台| www.680030.com-亚彩会登录手机版| www.881496.com-辉煌彩票靠什么赚钱| 凤凰彩票www.55228k.com| www.438135.com-北京五分彩彩官网| www.371965.com-快三三角图-| GO彩www.fen08.com| www.37nn.com-四川福彩兑奖地址| www.405.org-彩票五行取数法| www.525566.com-体育彩票七-| www.654532.com-天天中彩票提款审核| www.435123.com-七星彩画规图| www.91371.com-五福彩彩票下载| www.an83.com-足球彩票过滤软件| www.767993.com-体彩周几开奖| 凤凰彩票www.77802w.com| www.nn46.com-竞彩篮球投注app| www.90nk.com-优胜客博彩公司| www.710803.com-足彩任九场比赛结果| www.794679.com-彩票预算秘密公开| www.182287.com-彩票选号助手app| www.506333.com-茗彩注册-| www.654276.com-江西福彩下载安装| www.784458.com-乐彩彩票网站合法吗| www.283356.com-七乐彩算号公式| www.386112.com-123ls天下彩| www.503282.com-农彩娜-| www.921968.com-高频彩前三组绝技| www.181651.com-038彩票计划| www.370124.com-福彩36cc-| www.770879.com-买彩票彩票选号码| www.869751.com-七彩球-| www.940513.com-网易体彩开奖现场| www.992064.com-时时彩选胆诀窍| www.bz07.com-福彩快三今天预测| www.701448.com-竞彩足彩158| www.809062.com-排列三开机号乐彩网| www.659493.com-吉林福彩快三玩法| www.740034.com-时时彩走势技巧分析| www.1962.wang-彩吧图库红五牛材网| www.766229.com-风彩彩票靠谱吗| www.865520.com-彩票好中奖么| www.938668.com-亿彩彩票安卓旧版| 818合彩www.www.9889hc.com| www.725445.com-彩票分析师陆金简介| www.m30.top-三分钟时时彩万能码| www.zb3.cc-香港快三一天多少期| www.40ao.com-山东彩礼多少钱| www.gl82.com-彩票中奖概率| www.03pe.com-玩广西快三怎么能赢| www.867733.com-河南省体育彩票快赢| www.930046.com-体彩排列3基本走式| www.977424.com-平顶山彩礼-| www.cp8729.com-青海福彩快3走势图| www.21sl.com-bb彩票漏洞赚钱| www.026684.com-辉煌彩票咋样| www.630096.com-福利彩票分析最新| www.06xh.com-青蛙彩票香港开结果| www.si14.com-福彩三d出组三规律| www.8020.com-手机游戏免费送彩金| www.310133.com-长春彩票中奖| www.451931.com-时时分分彩官网下载| www.604986.com-彩色苹果箱子批发| www.cp8769.com-玩快三输的倾家荡产| www.964669.com-竞彩管房网比分直播| www.1250.vip-3d樂彩網-| www.292370.com-网上快三有技巧么| www.001510.com-分分28彩票合法吗| www.177294.com-彩票下级设置返点| www.887183.com-彩票标记-| www.29yf.com-古风眼睛彩铅画| www.88608.com-588彩票-| www.215208.com-福利彩票彩种及玩法| www.mb43.com-福彩打码快三app| www.174211.com-山东体彩11选5| www.432300.cc-体育彩票多钱一张| www.813478.com-新浪体育竞技彩票| www.cp5285.com-爱彩乐彩票-| www.397267.com-2017够力七星彩| www.983772.com-吉林快三规律口诀| www.13yb.com-七星彩中几个数有钱| www.904811.com-竞彩500网计算器| www.282882.com-足球体彩玩法介绍| www.139133.com-腾龙时时彩软件下载| www.219826.com-快三彩票网站源码| www.433884.com-彩81彩手机版| www.022043.com-中国彩票中奖故事| www.629078.com-淘宝买快三-| www.832075.com-122彩票-| www.926628.com-瑞彩祥云互动彩票| www.cp9895.com-快三和值算法| www.b98.club-七星彩大奖软件| www.798752.com-时时彩后二最新公式| www.055444.com-中国体彩开奖时间| www.183896.com-河北快三形态图| www.244884.com-福彩快乐十分机选号| www.316585.com-乐彩论17500坛| www.234750.com-体彩3d跨度走势图| www.480558.com-竞彩足球冷热| www.55ot.com-5800万竞彩-| www.615198.com-体彩大乐透算法公式| www.880552.com-七乐彩开奖今天| www.954383.com-牛蛙彩正版资料大全| www.36776.cc-体育彩票和福彩区别| www.386613.com-台湾威力彩-| www.037461.com-安装彩票大师| www.h69.club-澳洲高频彩票5分彩| www.46le.com-云烟五彩缤纷的意思| www.874664.com-大同彩票-| www.651.website黑桃k彩票注册| www.5224.cm-七星彩精准头尾码王| www.4625.cm-体彩篮球投注| www.041658.com-世界彩票巨奖号码| www.723302.com-四不像4scc彩票| www.950662.com-八亿彩老师带人| www.cm66.com-双色球快三玩法| www.eq00.com-上海快三查询结果| www.wr74.com-彩票二等奖容易中么| www.281004.com-重庆旧时时彩| www.d25.club-东方彩票是真是假| www.035074.com-倍率高的彩票网址| www.341499.com-四季彩票安全吗| www.564998.com-重庆市彩开奖分析|