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天

知道了
亚洲28 www.mg70.com-爱乐彩票合法吗| www.887536.com-下彩网这两天打不开| www.973769.com-下彩网网站-| www.cp6651.com-河南福彩快三开奖| www.7527.loan-彩票店内还可卖什么| www.44038.cc-江苏快三违法吗| www.770251.com-青海快三专家推荐| www.514758.com-韩国lotto彩票| www.615984.com-省福彩中心照片| www.685063.com-福彩走势和制图搜索| www.766908.com-信彩彩票官网首页| www.838444.cc-竞彩篮球害人| www.918543.com-外国博彩app| www.982623.com-彩之星app下载| www.mb2.com-甘肃快三电视走势图| www.tu66.com-福彩票开奖查询| www.31125.cc-彩票助手计划平台| www.004567.cc-双色球彩报联销图| www.793666.com-沉迷买彩票-| www.816367.com-博彩被骗了怎么办| www.219548.com-广西快三开奖诂果| www.059398.com-k彩娱乐线路| www.951666.com-彩91-| www.cp4.cn-贵州彩票中心| www.im39.com-手机快三能玩吗| www.10027.com-七乐彩专家测号码| www.287936.com-合买时时彩网站| www.414822.com-江苏快三时间| www.396312.com-彩博论坛-| www.560099.com-彩乐乐7位数预测| www.707339.com-彩票高手选号秘笈| www.837536.com-博牛彩票是真的吗| www.tc0.com-重庆时彩十年心得| www.rt07.com-众彩网专家推荐汇总| www.96zn.com-人生没有彩排议论文| www.yv06.com-快乐彩坐标-| www.82ef.com-胜负彩中几个有奖金| www.6021.cc-重庆彩票大奖| www.375393.com-今晚七星彩直播| www.526203.com-竞彩绝招-| www.d60.net-天天彩票网站大全| www.29ja.com-彩票丢了还能兑奖吗| www.04tz.com-彩铅临摹世界名画| www.628.in-彩票直通车图片| www.365928.cc-今日福彩几点开奖| www.533909.com-七星彩赔法-| www.659764.com-明发彩票安卓软件| www.qr63.com-福彩宗旨是什么意思| www.36vq.com-七星彩最精准预测号| www.789604.com-竞彩亚赔干货| www.883567.com-奔驰彩票是合法的吗| www.960245.com-淘彩app是骗局吗| 大赢家彩票平台www.068630.com| www.515061.com-快三福利-| www.xq34.com-体彩19022期| www.358926.com-福彩十选五规则| www.zm6.com-福彩福建快三| www.74wv.com-地下六仺彩152期| www.880.xyz-时时彩怎么控制止损| www.8518.in-彩票中奖二维码| www.85696.cc-蓝彩电子-| www.314547.com-时时彩怎样玩稳定| www.580315.com-世界杯彩票蛋糕| www.209340.com-彩票开奖快3| www.022359.com-恒大彩票注冊| www.186517.com-上海快3爱彩乐| www.310544.com-奇门测彩-| www.308829.com-万彩吧专家3d预测| www.2925.shop-甘肃彩票中心电话| www.2378.vip-自己可以发行彩票么| www.69290.com-足彩任选九-| www.479996.com-大奖彩票极速赛车| www.024423.com-国彩彩票跟单被骗| www.126979.com-彩宝贝网彩票网址| www.213925.com-大发快三大小预测| www.qw13.com-全天重庆彩计| www.052978.com-竞彩足球彩票网| www.269223.com-珠江彩票是真的吗| www.hh78.cc-49.cc金彩网| www.6344.vip-乐享彩票是正规的吗| www.0104.top-天天彩票开奖结果| www.435277.com-贵州体彩范松| 网易彩票www.062wy.com| www.ji64.com-安徽快三有什么规律| www.520364.com-彩票极限数据| www.115480.com-七星彩直播视频| www.j35.com-青海福利彩票下载| 优点彩票www.139620.com| www.m95.com-不黑的彩票平台| www.909961.com-彩界大佬-| www.cai2898.com福彩是什么东西| www.6mi.com-博雅彩票网站| www.638126.com-足彩网点-| www.863503.com-qq彩票抓娃娃| www.97iz.com-彩排的说说-| www.pr85.com-98彩是正规平台吗| www.1949.cc-天娱彩票平台骗局| www.365833.cc-彩铅需要勾线吗| www.oa46.com-彩八彩票下载安装| www.78ej.com-竞彩就是赌博| www.9539.biz-凤彩的意思是什么| www.kd87.com-福彩网平台是骗| www.16.me-七星彩复式投注方法| www.235598.com-彩票吧app-| www.58211.com-精彩音乐汇点歌| www.007241.com-qq彩票可靠吗| www.103808.com-福彩3dapp-| www.164031.com-盈彩计划-| www.297822.com-四川福彩中心在哪| www.020671.com-极速快三开奖走势| www.338452.com-福彩3地d走是| www.301567.com-易彩彩民福地测速| www.509129.com-福彩大转盘-| www.675062.com-彩店云系统-| www.770529.com-时时彩资金分配方案| www.315111.cc-篮球彩票规则穿法| www.473889.com-福利彩票是假的吧| www.950604.com-体育福利彩票怎么买| www.cp7398.com-今日湖北快三开奖号| www.a19.cn-新浪爱彩手机网页| www.55cz.cc-都匀彩票中心在哪| www.1752.win-信彩平台计划软件| www.9910.top-江苏体彩7-| www.544236.com-彩宝店买彩票| www.778175.com-高频彩是什么东西| www.8505.cn-北京福彩快三app| www.959512.com-老彩民时时彩app| www.440153.com-越南5分彩开奖| www.579453.com-体彩今日开奖号码| www.906466.com-吉林快三报盘正规吗| www.968620.com-彩世界ios-| 8k彩票www.803244.com| www.hz45.com-彩票网站排行榜| www.yg96.com-腾讯分分彩胆码技巧| www.958325.com-福彩3d怎么买法| 金掌柜www.83993o.com| www.023260.com-甘肃快三早知道| www.113819.com-彩掌柜计划群| www.129744.com-七星南国彩票论坛| www.116538.com-体彩14场规则| www.394170.com-周五开什么彩票| www.561956.com-豪彩app苹果版| www.657247.com-时时彩公式软件| www.ji7.com-手机彩票网-| www.3828.bid-金帝香港5分彩| www.361357.com-六开开彩开奖结果| www.737.vip-美国彩票收入| www.01287.com-足彩胜负彩历史开奖| www.63106.com-365彩票开奖信息| www.067577.com-搭建彩票平台| www.9210.top-彩票返亏损的平台| www.35498.com-57彩票官方网站| www.828689.com-盗窃彩票中了大奖| www.892516.com-彩彯榜-| www.946868.cc-上海彩钢复合板机| www.980439.com-苏州福彩中心官网| www.cp6771.com-大发快三规律| www.510517.com-男朋友彩虹屁| www.604609.com-新粤彩100网彩图| www.658841.com-五洲彩票破解程序| www.30946.com-生彩宝官方下载| www.88pg.com-众彩物流要搬走| www.106091.com-彩宝彩票官方网址| www.3389.org-苏宁彩票怎么办理|