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.957429.com-王牌彩票是什么| www.926820.com-怎么才能戒掉彩票| 聚福彩票www.50989j.com| www.397556.com-猜福彩谜语-| www.530911.com-极彩登陆网页| www.667909.com-福利彩票现主任是谁| www.767588.com-牛蛙彩票安卓版| www.854567.com-众彩网赵公明3d| www.936325.com-凤凰彩票vlll| 3158彩票www.cp3158.cc| www.06ja.com-法郎彩真品图| www.va93.com-彩票中奖查训| www.1590.wang-彩票七星彩神算子| www.188694.com-快三中几个有钱| www.286850.com-安徽快三破解| www.19uz.com-彩仙阁注册-| www.27784.com-福利彩票中三个| www.923581.com-七星彩预测最准确| www.92649.com-立彩彩票软件可靠吗| www.152913.com-精彩11选5软件| www.369954.com-928彩票应用| www.560239.com-非凡体彩走势图| www.27cm.com-网赌一分彩-| www.296273.com-长春福彩快三| www.566702.com-青岛体育彩票| www.22il.com-拍拍贷彩虹计划| www.327116.com-双色球中奖彩票图片| www.448501.com-彩麒麟理财怎么样| www.805786.com-中国福利彩票第九期| www.636.tv-最快彩票开奖| www.04690.com-足彩最正规网站| www.021627.com-信彩彩票可靠吗| www.317226.com-彩霸王高手资料论坛| www.910986.com-三d彩票老头预测| www.dy33.com-澳客体彩-| www.87jg.com-体彩店邀请码| www.39515.cc-怎样登录豪彩| www.091699.com-久久发彩票资料站| www.394589.com-山东省体育彩票| www.584285.com-人人中彩票客服| www.692462.com-乐米彩票竞彩网| www.849011.com-新加坡福彩挂牌号码| 天天彩票www.1035h.com| www.50757.com-海南私彩中奖规则| www.081042.com-体彩大乐透论坛| www.192230.com-福利彩票快三| www.449972.com-下载七七彩票| www.796030.com-九鼎彩票网站注册| www.982014.com-app彩票微信登陆| www.8791.net-腾讯ai彩数据| www.cp1567.com-一分快三稳中计划| www.3777.vip-世界杯足彩中奖查询| www.64688.cc-竞彩输五万-| www.127744.com-98彩票官网登录| www.391716.com-搜狐足球彩票推荐| www.619713.com-足彩亚盘水位怎么看| www.12.gg-体育彩票资料大全| www.48163.com-网上打彩票-| www.082263.com-网赌时时彩害死我了| www.444591.com-黑彩3dqq群-| www.10eb.com-微商彩票-| www.241838.com-七星彩奖金规则表图| www.668183.com-福彩三地太阳红谜语| www.332369.com-买体彩输了几十万了| www.906528.com-迷彩网名-| www.2510.org-246天天好彩票| www.522732.com-快三大小怎么判断| www.624084.com-9288彩票主页| www.772180.com-福建快三赔率| www.969516.com-云南福彩20选8| www.031858.com-双色球开机号牛彩网| www.331787.com-手机福彩门户网址| www.849449.com-时时彩程序破译| www.qk82.com-江苏快三人工计划| www.8423.vip-m8彩票app-| www.091521.com-703彩票ios-| www.370903.com-奥门48彩-| www.665220.com-近10期七乐彩开奖| www.835268.com-免税红好彩-| www.cai0707.com江苏快三一定牛| www.310503.com-河北快三基本遗漏| www.528582.com-管家婆彩图库图库| www.982844.com-盈彩五分快三| www.34ga.com-海南七星彩开什么| www.2016.gg-和彩放题-| www.23863.com-中国福利彩票电话| www.313117.com-933彩票-| www.423300.com-七星彩开奖走势| www.607378.com-彩票未领奖-| www.939653.com-福彩网北京28| www.651358.com-创意美术水彩画| www.872107.com-湖北体育彩票中奖| www.25562.cc-彩客网苹果手机版| www.062871.com-彩民app-| www.223350.com-江苏福利彩票中心| www.462123.com-三d体彩开奖结果| www.128260.com-七星彩的游戏规则| www.220046.cc-一定牛吉林快三| www.692553.com-泰国彩票怎么中奖| www.897735.com-贵州省多彩贵州网| www.2gr.com-福彩3d和值购买| www.07527.com-彩票中大奖无好结局| www.024017.com-我想做网络私彩代理| www.254007.com-快三开奖信息| www.453907.com-竟彩网258-| www.743284.com-酷彩吧手机app| www.883766.com-黑彩快三应该咋玩| www.54169.com-重庆时时彩3星遗漏| www.113223.com-从手机怎么买彩票| www.484122.com-旭彩玩具车-| www.10436.com-福彩三d试机号今天| www.220829.com-彩神软件怎么样| www.615351.com-体彩七位随机号码| www.487813.com-福彩3d分解大帝| www.900291.com-500万彩票比分直| www.317345.com-重庆时时彩高手经验| www.h87.cn-福彩3d投注攻略| www.723057.com-福利彩票开店的利润| www.405866.com-彩库宝典官方齐全| www.648777.com-外国彩-| www.98cw.com-中国网比竞彩| www.328106.com-银川彩票-| www.595000.cc-唯博彩票软件下载| www.9677.in-6合和彩今天结果| www.704353.com-海南私彩玩法规则| www.611811.com-长春彩溢关门了吗| www.53505.com-彩虹六号下载手机版| www.591771.com-青海体育彩票网管网| www.851304.com-51中彩彩票骗人| www.236799.com-浙江体彩首页| www.51714.com-开学日变破产日竞彩| www.326044.com-万彩吧双色球预测| www.816994.com-中发彩票怎么回事| www.984307.com-淘彩票网的骗局揭秘| www.86102.com-彩涂印花板-| www.145274.com-3b彩报中心-| www.335002.com-福彩汇总预测| www.651926.com-吉林快三作弊软件| www.78785.cc-竞彩平台哪个好| www.214215.com-足彩分析师从业认证| www.355452.com-大彩网电话是多少| www.670429.com-七星彩票开奖计划| www.899878.com-彩51官网苹果版| www.131849.com-河南西平彩礼多少| www.74zp.com-体彩何时开始的| www.65228.cc-福彩双色球预测总汇| www.092079.com-体彩7刮刮乐中奖图| www.40077.cc-中彩那天易读错的字| www.143312.com-彩虹8真的假的| www.290774.com-3d五行彩票公式| www.547025.com-澳客彩店骗局| www.726832.com-1516app彩票| www.828702.com-福彩3d走势彩宝贝| www.886770.com-大大中彩票可靠吗| www.968292.com-河南福彩3d申奖号| www.fn97.com-竞彩计算器-| www.567339.com-南京市福彩中心| www.mq8.cc-安徽快三输钱| www.562865.com-实体店体彩怎么买| www.213810.com-彩神1软件下载| www.219713.com-彩票投注策略| www.702717.com-彩票赔率是什么意思| www.884546.com-排列三乐彩网蛋蛋| www.cai898.com-做快三是什么意思|