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.1954.org-全中国有多少彩民| www.4329.biz-下载福彩在线app| www.7109.pw-特区论坛七星彩| www.jt96.com-贵州福彩快三规则| www.w47.com-百乐时时彩平台| www.190533.com-e球彩走势图| www.370328.com-福利彩票双色球奥秘| www.566860.com-彩虹六号进游戏好慢| www.709618.com-彩票网站诈骗| www.936871.com-七乐彩的奖金| www.zw4.cc-河北福利彩票| www.344999.cc-八亿彩靠谱吗| www.12002.com-中联国际彩票| www.070011.com-彩神争霸新版本下载| www.vy24.com-怎么在手机上玩快三| www.7800.cc-足彩彩民多少| www.636183.com-彩虹六号季票在哪买| www.111450.com-甘肃福彩中奖结果| www.768089.com-最新彩票资讯网| www.378583.com-福彩排七走势图| www.cp9295.com-河北快三一定牛走势| www.j27.cc-青海福彩网官网| www.865900.com-熊猫体育彩票| www.958283.com-鸿运快3彩票| www.gd55.com-彩铅画风景-| www.x19.club-8848彩票在线| www.72xj.com-彩票平台如何赚钱| www.08rh.com-古典美人彩铅画图片| www.od53.com-易彩幸运快三app| www.nw92.com-99彩票网页-| www.t34.bid-预测七乐彩-| www.809692.com-体彩奖号-| www.c12.vip-江西快三开奖爱彩乐| www.2897.xyz-779木漫画全彩| www.624896.com-速8彩票邀请码| www.756951.com-体彩排三定胆杀码| www.875291.com-江苏快三直播| www.950611.com-乐彩客彩票网页版| 大赢家彩票平台www.273215.com| www.133054.com-25彩票是什么意思| www.79tu.com-彩库触屏版-| www.4571.biz-彩票天机图-| www.986198.com-蓝球竞彩专家预测| www.65015.com-竞彩娱乐诈骗| www.7356.org-体彩双色球中奖号码| www.30271.com-雪缘园足彩即时比分| www.130647.com-时时彩算号公式| www.216819.com-江苏快三彩票| www.339265.com-九五彩票是真的吗| www.360885.com-国家高频彩票害人| www.6308.cn-福彩乐透型开奖结果| www.52090.com-福彩快三的倍投方法| www.800050.com-如何购买体育彩票| www.062492.com-爱购彩票下载| www.586051.com-快三助赢软件官网| www.965913.com-体彩大乐透字谜图谜| www.cp1233.com-内蒙福彩10分钟| www.971999.com-福彩35选7走势图| www.994126.com-上海快三共有多少期| www.ak91.com-吉林市3彩票| 天天彩票www.7782d.com| www.254977.com-时时彩龙虎预测软件| www.372908.com-体彩排五奖号| www.568408.com-好彩头彩票网站| www.682235.com-微信登陆彩票app| www.769182.com-伯爵彩票全天计划| www.848012.com-古建筑彩绘旋子图案| www.919795.com-买彩票系统全套源码| www.980453.com-彩铃下载排行榜| www.ma3.com-甘肃快三k3遗漏| www.qo54.com-极速3d彩票走势图| www.9bh.com-美国的彩票玩法| www.77408.com-众乐彩票是真的吗| www.700881.com-福利彩票价格表| www.887807.com-竞彩股票-| www.r99.top-大发快三百家号| www.87ih.com-彩票选购技巧| www.305132.com-乐彩35-| www.402898.com-聚鑫彩票骗人| www.651475.com-网彩输钱能赚回来吗| www.776447.com-快三拉花致青春| www.909711.com-高频彩开奖直播网址| 网易彩票www.083wy.com| www.112447.com-彩票内部计划群| www.171513.com-手机体彩福彩网| www.456274.com-彩票忏悔视频| www.947696.com-关注多彩贵州网| www.964295.com-天天彩票试机号| www.31jw.com-昨天晚上的彩票| www.36385.cc-双色球彩票几个字| www.016546.com-出彩是什么意思| www.62252.com-全民福彩3d-| www.180309.com-快三投注方法| www.638737.com-江苏体彩竞彩店标准| www.954384.com-90年亚运彩票| www.fc66.cc-网络彩票有赢钱的吗| www.133302.com-四川彩钢围挡价格| www.60077.cc-七星彩开码直播| www.122089.com-时时彩群怎么弄| www.480054.com-购乐彩网-| www.740282.com-香港澳门彩票网| www.873654.com-六盘水体育彩票中心| 大赢家彩票平台www.863630.com| www.w39.club-743好彩期期中特| www.87uo.com-澳博彩票计划| www.4696.com-买彩票中几千万| www.33323.com-生彩宝3d时时彩| www.268385.com-福彩3d模拟-| www.429822.com-简单好看的水彩画| www.605951.com-江苏体彩一选五| www.750462.com-福彩报纸在哪里订| www.915381.com-淘宝彩票可以买了吗| www.7hi.cc-为什么彩票老是中奖| www.3832.org-好彩堂幽默玄机| www.70039.com-专打竞彩让胜| www.005239.com-体彩开机号试机号| www.525301.com-重庆彩票中心加盟| www.108541.com-全部彩票下载安装| www.219904.com-快三计划微信群| www.739103.com-福利彩票抽宝马查询| www.3367.vip-真正的足彩大咖| www.eb14.com-吉林私人快三网站| www.25al.com-湘潭华彩置业| www.3603.cc-南方双彩网下载苹果| www.2688.wang-牛彩测速-| www.9122.net-双色球复式彩票| www.18484.com-彩256彩票-| www.615329.com-体彩几位数才算中奖| www.188075.com-开彩票店经历| www.280049.com-时时彩1998奖金| www.372299.com-上海快三走势和值| www.467643.com-彩票售票几点结束| www.8129.biz-体育彩票还是福彩| www.233320.com-仙彩足球彩票app| www.365230.cc-周四体彩开奖| www.vb84.com-3d彩吧图库丹东| www.883717.com-208彩票送彩金| www.954341.com-彩28彩票下载安装| 大赢家彩票平台www.232651.com| www.5267.org-7k彩票网正规吗| www.13221.com-彩票缴款通-| www.56681.cc-玩时时彩输了20万| www.001875.com-釉上彩成分-| www.739923.com-用什么下载万博彩票| www.811481.com-幸运彩票能赚钱吗| www.872528.com-湖南体彩赛车| www.12kq.com-看到彩虹代表什么| www.185525.com-北京快三开奖结果呢| www.269671.com-518彩票下载| www.492688.com-黑彩票是什么| www.654740.com-七星彩大奖图片| www.730111.com-彩神2邀请码| www.822746.com-江苏快三彩500| www.89428.com-粉肉和彩毒的区别| www.802766.com-連中彩票-| www.883444.cc-彩排和排练-| www.g81.cn-彩宝网3d基本走势| www.29ln.com-江苏体彩领奖地址| www.113.cc-呼市体彩中心电话| www.861559.com-彩票18143期| www.385628.com-七星彩彩票-| www.017015.com-彩掌柜江苏快三| www.729508.com-新浪爱彩双色球基本| www.3575.biz-南方双彩官网下载|