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天

知道了
百盈PK10 www.9951.in-新粤彩报100网| www.064820.com-亚洲彩票进群靠谱吗| www.389324.com-彩票刘大军-| www.523157.com-彩票王成周最新消息| www.794338.com-大掌柜彩票官网| 500彩票网www.976550.com| www.1mo.cc-湖北体彩手机app| www.4549.vip-七星彩历史开奖注数| www.59263.cc-今日福彩三b开奖号| www.385301.com-k8彩票网注册登| www.522383.com-5亿彩票是骗人吗| www.596058.com-彩票法律法规赊账| www.670821.com-彩色的中国资料| www.298844.com-专家推荐快三号码| www.391664.com-中国体彩网手机在线| www.552705.com-玩彩票安卓官网| www.678808.com-开福彩店哪些赚钱| www.762622.com-二分时时彩是哪里的| www.799303.com-一品堂彩票计划| www.901960.com-聚诚是黑彩吗| www.045999.com-福利彩票站转让协议| www.172286.com-江西省多乐彩走势| www.280385.com-重庆时时彩最稳方案| www.365665.cc-彩色铅笔画人物简单| www.469107.com-彩票诈骗立案标准| www.561781.com-鸿彩网彩票-| www.642332.com-时时采彩软件计划稳| www.06755.com-福彩金胆王一语定| www.81328.com-中国福利彩开奖号| www.064808.com-富鑫和乐迎彩票| www.131528.com-重庆彩礼-| www.09570.com-3地彩吧助手| www.75345.com-中华彩票计划| www.072103.com-自己坐庄彩票群| www.163722.com-玩彩票的软件| www.239318.com-58福彩下载安装| www.cai949.com-爱彩乐北京快三| www.931846.com-中国福利彩票导师| www.81226.cc-体彩近期开奖号码| www.7448.top-中国福彩慈善| www.53661.cc-虹口竞彩网点查询| www.109500.com-特区彩票论坛手机| www.231925.com-一分快三计划手机版| www.323987.com-福彩手机彩票| www.402166.com-乐85彩票-| www.504898.com-拾荒彩票-| www.586468.com-澳门赠送彩金网站| www.664536.com-简单彩铅画风景建筑| www.067959.com-辉煌彩票是什么| www.221983.com-金利彩票平台靠谱么| www.362805.com-每天买彩票好吗| www.519037.com-88彩票手机app| www.389525.com-彩票有扫码-| www.588142.com-乐米彩票网址| www.712396.com-香港四亿彩-| www.283751.com-新时时彩怎么玩| www.552897.com-和彩名堂类似的软件| www.722895.com-怎么破解彩票漏洞| www.837687.com-家家好彩报纸图片| www.206165.com-易彩堂是正规的吗| www.369861.com-体彩排列五走势综合| www.573547.com-快三倍投追号计划表| www.680811.com-彩票网站提现成功| www.842757.com-中央彩票公益金官网| www.967815.com-100585彩专家| www.cp2037.com-新快三网-| www.vg92.com-江苏福彩网首页| www.75cc.com-时时彩倍数是多少| www.891033.com-至尊彩首页-| www.967323.com-找个玩彩票的群| www.pk.cc-买彩票算是赌博吗| www.wo54.com-彩票热号冷号判断| www.9427.vip-七星彩中二个数| www.90982.com-新浪福彩开奖| www.101455.com-腾讯qq7彩票| www.234668.cc-193彩票-| www.360115.com-彩票网大数据准不准| www.84it.com-300cp彩票-| www.27ni.com-众乐彩票网怎么样| www.7704.vip-幸福彩票平台怎么样| www.105027.com-好彩双爆珠新加坡| www.278020.com-分分彩官网app| www.426886.com-免费彩票工具| www.586222.cc-彩聊下载安装到手机| www.773310.com-微彩吧安卓下载| www.927578.com-快三六十一期开奖号| www.cai3122.com时时彩胆拖投注| www.wr06.com-大奖网彩票网址下载| www.9989.online彩妆进货批发市场| www.96189.com-石家庄福彩弃奖| www.119859.com-福彩帮投兼职导师| www.232916.com-足球单场体育彩票| www.366999.com-彩铅百合花图片| www.641741.com-彩票图标大全集| www.659291.com-彩票开奖查绚| www.831370.com-彩票店请员工| www.948026.com-彩票店的刮刮乐| www.58726.cc-江西时彩时彩app| www.055184.com-买彩票取什么网名好| www.169149.com-福彩湖北快三开奖| www.262698.com-长春福彩中心网站| www.356843.com-彩票店赠品什么合适| www.596696.com-福彩3d赢钱口诀| www.692558.com-泰国彩票开奖查询| www.7352.top-体彩和竞彩-| www.261602.com-网络快三大小单双| www.380024.com-彩益健康浴场电话| www.524911.com-绑定app送彩金| www.626486.com-3d彩吧开机-| www.695956.com-足彩计算器胜| www.53fo.com-天天时时彩手机版| www.007495.com-幸运彩28下载| www.155644.com-彩客网篮球预测| www.023198.com-香香彩票资料大全| www.155728.com-13彩-| www.250247.com-购彩网官网-| www.375114.com-好彩特供香烟图片| www.cp0566.com-网上快三平台官网| www.yl91.cc-大乐购彩票开奖| www.52sx.com-彩牛网官方网站| www.2091.cm-江苏福彩快三彩彩乐| www.7686.cm-彩汪汪彩票-| www.20878.com-快三历史开奖结果| www.1549.vip-彩经网体彩-| www.9911.vip-竞彩足球胜负评| www.69534.com-99彩是不是正规的| www.108831.com-福彩预测专家最准确| www.305979.com-买彩票中500万| www.431030.com-利彩是怎样的骗局| www.840045.com-f福彩3d-| www.961043.com-神彩争霸邀请码| www.5020.cm-平台彩票可靠吗| www.866553.com-昨天晚上福彩开奖| www.989495.com-51彩店下载-| www.ns92.com-福利彩票43期| www.744.tv-幸运五星是彩票| www.23452.com-彩神三是真的吗| www.30258.com-辽宁福彩中心网| www.87591.com-开体育彩票竞彩店| www.672521.com-彩票赢家资料| www.034943.com-彩52-| www.6eb.com-完美娱乐香港分分彩| www.3070.vip-七星彩番外十小馒头| www.gd65.cc-街机快三是什么游戏| www.777020.com-手机彩播直播| www.929562.com-七星彩第五位杀号| www.987324.com-吉林快三计划表| www.cp832.com-贵州福彩中心地址| www.7793.cm-女人梦见买彩票中奖| www.46276.com-福利彩票票样| www.9875.in-爱彩票登录-| www.lj4.com-河北快三跨度表| www.725.red-分分彩后2公式| www.9230.in-乐事彩票app| www.64500.cc-好用的竞彩app| www.062425.com-瑞彩祥云ios| www.144056.com-重庆分分时时彩计划| www.333288.com-竞彩扣税吗-| www.444707.com-五彩斑斓什么填空| www.971207.com-体育彩票怎么中奖| www.jm91.com-分分彩坑人-| www.a48.cc-时彩冠军最牛技巧| www.za50.com-福彩10分钟规则| www.63za.com-竞彩9000万大奖|