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.0068.mobi-美国的彩票几种类型| www.346567.com-众益彩票不能提现| www.151360.com-多乐彩十一选五官网| www.01680.com-福利彩抢红包| www.70271.com-玩运彩朋友圈| www.047213.com-福彩6+1官网| www.137515.com-易彩娱乐主页网址| www.004458.com-彩神计划全能版| www.ru97.com-3分快三是官方的吗| www.30mc.com-中国体彩啥时候开奖| www.278.net-护肤品彩妆加盟| www.665703.com-七乐彩什么时候上市| www.767216.com-彩界联盟简介| www.111905.com-手机购彩软件安全吗| www.31yh.com-博友彩怎么下载| www.181455.com-安徽快三坐标走势图| www.671096.com-牛彩网排列3| www.768665.com-趣头条彩票-| www.852962.com-彩客化学戈弋照片| www.947091.com-彩世界app苹果版| 爱米彩www.am6633.com| www.689032.com-齐鲁风采彩友沙龙| www.fg59.com-易彩快3骰子规律| www.227589.com-分分快三坑人| www.364528.com-刚力彩芽男装| www.483048.com-福彩3d字迷专区| www.575877.com-体彩7码最大遗漏| www.663862.com-五百大富翁体彩| www.757441.com-中彩网的点数是什么| www.857807.com-盈彩计划app| www.974241.com-分分快三漏洞| www.87no.com-天猫彩票下载安装| www.3339.online体育彩票高频走势图| www.904440.com-668彩票骗局| www.115056.com-彩色混凝土压花路面| www.771199.com-彩虹台在线直播| www.02515.com-福利彩票胆拖投注表| www.983499.com-上海福彩选四走势图| www.19qc.com-彩票七天乐是真是假| www.01017.com-福彩3d精确杀一码| www.52983.cc-快乐彩票注册| www.2297.pw-丹东麻将去彩杠是啥| www.8655.biz-彩吧彩票单双大小号| www.366860.com-彩铅手绘麋鹿图片| www.522107.com-手机版博悦分分彩| www.610229.com-淘宝上的彩票在哪里| www.691037.com-足彩159-| www.576101.com-牛蛙彩票36码网站| www.690712.com-南京市省体彩中心| www.771861.com-体彩竟彩开奖时间| www.854621.com-足彩雪缘圆比分直播| www.920633.com-福建快三玩法| www.197735.com-安然七星彩专家预测| www.662614.cc-重庆时彩网盘代理| www.768363.com-网上黑彩漏洞| www.867946.com-海南七星彩千军万马| www.970037.com-中国官方体彩下载| www.ep15.com-快三走势软件| www.90rf.com-500彩票做任务| www.657692.com-彩神通在哪下载的| www.728168.com-重庆时时彩测号| www.795102.com-七乐彩票主页| www.mw68.com-彩票官方app下载| www.379814.com-彩鸾归令格律| www.2466.vip-福彩3d老人布衣图| www.18937.com-福彩3d手机app| www.81308.com-福彩南方开机号| www.037055.com-手机购彩助手| www.355624.com-昨天足彩比赛结果| www.v18.top-中彩票大奖得主生活| www.cai4944.com江苏快三推荐和预测| www.218560.com-2元彩票网-| www.64qq.com-体彩二十十一选五| www.137904.com-红彩会彩票网| www.544552.com-彩票包赚不赔| www.617075.com-彩票可以冒领吗| www.691905.com-app彩乐-| www.701778.com-彩票网注册秒送38| www.619300.com-云南中彩票-| www.022087.com-安徽福彩快三一定牛| www.093742.com-0567好彩提现| www.x19.top-体彩排列三折线| www.31731.cc-激励彩民的话| www.280870.com-中国体育彩票规则| www.358751.com-关于彩票的说说| www.1gr.cc-快三套选是什么意思| www.66qb.com-3k彩票首页-| www.660127.com-彩票亏损分红套利| www.028217.com-奔驰彩票是合法的吗| www.223896.com-61体彩开奖结果| www.876032.com-香港彩合宝典下载| www.861501.com-赢彩助手排3开机号| www.3840.cc-江苏快三预测计划| www.814985.com-彩票与刑法赌博罪| www.902560.com-福利彩票自助售票机| www.992904.com-微信彩票赚钱下载| www.ci59.com-七乐彩开奖号码| www.sf75.com-重庆时时彩软件苹果| www.599099.com-3d福彩35期-| www.679319.com-中彩票的都是哪些人| www.764702.com-玩彩app官方下载| www.134861.com-龙彩-| www.266630.com-三分彩是正规的嘛| www.456035.com-4scc彩票最齐全| www.581103.com-江苏快三大小吧| www.068882.com-福彩网上投注站下载| www.41kw.com-彩妆店加盟连锁网| 福彩www.86267d.com| www.362702.com-三等奖彩票-| www.456555.cc-彩票全天计划记录表| www.16bu.com-7星体彩预期号| www.cp6692.com-上海新快三开奖结果| www.060184.com-今日福彩3d藏机诗| www.255966.cc-浙江快乐时时彩| www.364421.com-全球彩票骗局吗| www.541634.com-和田市体彩店| www.020446.com-下载最新彩38| www.56206.com-金彩网一句中特| www.026911.com-078彩-| www.111251.com-彩民周刊彩票服务| www.654095.com-彩票的骗局有哪些| www.i50.cc-彩吧论坛首页页| www.552932.com-合盈彩票网址| www.779949.com-今晚七乐彩开奖情况| www.87696.com-彩论坛首页高手| www.410013.com-彩票大乐透新软件| www.2666.in-久久彩票下载地址| www.42647.com-高彩中彩-| www.258650.com-nba唯彩预测| www.581386.com-中彩双色球彩票软件| www.467258.com-足彩开奖公告开| www.568470.com-彩站宝客服-| www.021436.com-乐彩8-| www.019634.com-福彩端是什么软件| www.ey58.com-双色球彩票谜语| www.902308.com-开黑彩判刑多久| www.970009.com-双彩网开奖查讯| 500彩票www.641377.com| www.fe42.com-七星彩4个头4个尾| www.279663.com-分分彩技巧与方法| www.603562.com-买彩票作弊及图片| www.22774.com-吉林快三赌博新闻| www.73435.com-海南七星彩规律大全| www.736693.com-中国彩吧更懂民| www.66ut.com-彩巴巴彩票-| www.582775.com-彩色的梦课文| www.671129.com-福彩3d开售几年了| www.749011.com-1000万彩票网| www.14920.cc-香港资料彩票正版| www.893949.com-彩牛彩票网安全吗| www.679077.com-彩票时间调整| www.788399.cc-足彩19050吧| www.870815.com-彩票投注翻倍计算器| 易彩网www.36166n.com| www.15377.com-嘉兴福利彩票官网| www.023743.com-一分彩票app下载| www.019265.com-我要查彩票中奖| www.535962.com-彩票买几注最合适| www.587160.com-体彩客服电话| www.635937.com-七彩印象16支香烟| www.318289.com-万象城博彩娱乐地址| www.385439.com-吉祥彩票是骗钱的吗| www.491786.com-体彩可以买足球吗| www.97zd.com-自己玩黑彩犯法吗|