jQuery在线课程分类导航和banner图片布局特效代码下载


jQuery在线课程分类导航和banner图片布局特效代码下载
jQuery在线课程分类导航和banner图片布局特效代码下载以及课程分类导航等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/ux-micro-icon.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>

3. HTML代码

<div class="m-indextopwrap f-pr">
	<div class="m-indextopnav">
		<div class="g-flow">
			<div class="topnav f-pr f-cb">
				<div class="u-indexnavcatebtn">
					<a href="#" target="_blank" class="cbtn f-cb">
					<div class="ic f-fl">
					</div>
					<span class="qb f-fl f-f0">全部精品课</span></a>
				</div>
				<div class="u-indexnavcatedialog f-pa" id="j-nav-indexcatedialog">
					<div class="f-fl cateleft f-pa">
						<div class="catebg f-pa">
						</div>
						<div class="items f-pa">
							<div class="item">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">办公效率</a>
										<a href="#" target="_blank" class="second">PPT</a>
										<a href="#" target="_blank" class="second">Excel</a>
										<a href="#" target="_blank" class="second">Word</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">职业发展</a>
										<a href="#" target="_blank" class="second">个人成长</a>
										<a href="#" target="_blank" class="second">演讲口才</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">编程开发</a>
										<a href="#" target="_blank" class="second">人工智能</a>
										<a href="#" target="_blank" class="second">Python</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">产品和设计</a>
										<a href="#" target="_blank" class="second">软件</a>
										<a href="#" target="_blank" class="second">产品运营</a>
										<a href="#" target="_blank" class="second">新媒体</a>
										<a href="#" target="_blank" class="second">产品策划</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">生活方式</a>
										<a href="#" target="_blank" class="second">摄影</a>
										<a href="#" target="_blank" class="second">书法</a>
										<a href="#" target="_blank" class="second">理财</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">升学辅导</a>
										<a href="#" target="_blank" class="second">考研</a>
										<a href="#" target="_blank" class="second">STEAM</a>
										<a href="#" target="_blank" class="second">小学</a>
									</p>
								</div>
							</div>
							<div class="item last">
								<div class="curbg">
								</div>
								<div class="inn">
									<p>
										<a target="_blank" href="#" class="f-f0 first">语言学习</a>
										<a href="#" target="_blank" class="second">英语</a>
										<a href="#" target="_blank" class="second">日语</a>
										<a href="#" target="_blank" class="second">新概念</a>
										<a href="#" target="_blank" class="second">实用口语</a>
										<a href="#" target="_blank" class="second">韩语</a>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="cateright f-pa f-cb">
						<a class="close f-pa j-close" onclick="$('.rwrap').hide();"></a>
						<div class="f-pr rwrap f-cb cur">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">办公效率·精选好课</a>
									<a class="top-rec f-fl" href="#" target="_blank">跟刘万祥学Excel商务图表</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">办公软件</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">PPT</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">Excel</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Word</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Project</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Keynote</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Outlook</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">更多软件</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">工作效率</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">时间管理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">思维导图</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">电脑基础</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a 基础操作" target="_blank" href="#" class="f-f0 ">基础操作</a>
										<span class="slash">|</span>
										<a 常用工具" target="_blank" href="#" class="f-f0 ">常用工具</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">从Excel到Power BI数据分析可视化</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">Excel+PPT+Word小白变大神</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">英语口语指南——为暑期出境旅游定制</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">向《经济学人》学图表</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">向商业期刊学图表</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">如何成为真正的PPT高手</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/4ff708d8-9b24-43ea-a423-2496ee0cc901.png" class="f-pa pic">
								</a>
							</div>
						</div>
						<div class="f-pr rwrap f-cb">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">职业发展·精选好课</a>
									<a class="top-rec f-fl" href="#" target="_blank">2018年提升路线图</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">求职应聘</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">职业规划</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">求职简历</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">面试技巧</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">个人提升</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">知识管理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">习惯养成</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">演讲与口才</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">个人品牌</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">思维方式</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">职场能力</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">职场经验</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">人脉管理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">礼仪形象</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">人际沟通</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">团队协作</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">专业岗位</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">医学科研</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">文献写作</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">商务谈判</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">职业培训</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">特色职业</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">管理能力</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">领导力</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">人力资源</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">财务管理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">项目管理</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">职业考试</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">财会金融管理类</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">公务员</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">工程医学类</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">电子商务师</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">新媒体运营师</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">更多考试</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">市场营销</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">市场销售</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">电子商务</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">品牌推广</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">网络营销</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">商业创业</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">经济学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">商业创业</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">向500强精英学习职场经验</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">跟秋叶一起轻松学会职场技能</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">高效成长:芝士魔方课程合集</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">跟职场教练柏永辉学人生进阶术</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">快速提升批判性思维系列课</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">改变职场命运的9门必修课</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/cde905b0-d7ff-4edb-b1fb-352ff9c1f598.jpg" class="f-pa pic">
								</a>
							</div>
						</div>
						<div class="f-pr rwrap f-cb">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">人工智能行家带你学</a>
									<a class="top-rec f-fl" href="#" target="_blank">Python实战好课</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">编程语言</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">Python</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">PHP</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">C语言</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">Java</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">C++</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">C#</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Swift</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">R</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Git</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">人工智能与数据</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">人工智能</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">数据科学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">大数据</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">数据库</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">区块链</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">前端开发</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">开发语言</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">开发框架</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">开发实践</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">后端开发 </a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">Java Web</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">PHP Web</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Python</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Ruby</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Node.js</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">.NET</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">J2EE</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">开发实践</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">游戏开发</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">游戏开发</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">移动开发</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">iOS</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">Android</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Windows Phone</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">微信开发</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">手游开发</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">系统/硬件</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">云服务</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">信息安全</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">物联网</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">运维管理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">硬件开发</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">Python数据分析与挖掘实战</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">Python人工智能实战</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">Web前端,JavaScript入门到全栈</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">用WordPress做网站系列课程</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">Java学习指南系列</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/b39a41a9-5fa6-4507-bd71-85565b16f86b.png" class="f-pa pic">
								</a>
							</div>
						</div>
						<div class="f-pr rwrap f-cb">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">设计软件一课通关</a>
									<a class="top-rec f-fl" href="#" target="_blank">轻松学做产品经理</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">产品策划与运营</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">产品经理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">产品运营</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">新媒体运营</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">平面设计</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">广告海报</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">字体设计</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">电商视觉设计</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">用户体验</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">UI设计</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">交互设计</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">用户研究</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">设计软件</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">Photoshop</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">Illustrator</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">After Effects</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">Axure</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">Sketch</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">CoreIDRAW</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">3DMAX</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">AutoCAD</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">其他软件</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">游戏美术</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">角色</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">场景</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">模型设计</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">特效设计</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">动画设计</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">游戏UI</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">动漫设计</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">插画漫画</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">工业设计</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">工业设计</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">微互动:精品运营专题</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">微信运营营销全攻略(2017全面升级)</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">互联网运营推广精讲版</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">设计必学2大利器</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">设计必学--全套四部超级合辑</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">商业设计师成长计划</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/51726a13-4263-4f08-814a-4b0594c88029S.jpg" class="f-pa pic">
								</a>
							</div>
						</div>
						<div class="f-pr rwrap f-cb">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">韩松摄影</a>
									<a class="top-rec f-fl" href="#" target="_blank">生活方式·精选好课</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">摄影影视</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">摄影基础</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">摄影后期</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">影视基础</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">影视后期</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">手机摄影</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">PR剪辑</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">AE特效</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">微课视频制作</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">音乐乐器</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">乐理基础</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">声乐唱歌</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">编曲创作</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">吉他与Ukulele</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">钢琴与电子琴</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">更多乐器</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">投资理财</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">理财基础</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">基金</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">股票债券</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">保险</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">外汇</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">房产</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">P2P</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">区块链</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">运动健康</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">体育运动</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">健身</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">舞蹈</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">瑜伽</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">武术</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">两性</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">医疗养生</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">心理学</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">恋爱</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">情绪管理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">思维训练</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">居家生活</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">美食烹饪</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">家居装饰</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">时尚美妆</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">生活妙招</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">风水运势</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">宠物绿植</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">个人修养</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">绘画</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">书法</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">手工DIY</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">游戏棋牌</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">方言与普通话</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">科普</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">人文</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">亲子育儿</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">家庭教育</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">孕期分娩</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">宝宝喂养</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">生长发育</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">护理保健</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">疾病重症</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">影视制作基础班:一起搞“视”!</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">做一个讲究的“吃货”</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">【严选】云课堂理财精品课</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">40万人在学的吉他课</a>
									<a class="f-cb f-fc6 f-f0" target="_blank">跟曾兰老师一起学摄影</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">每天5分钟,刷一集摄影「泡面番」</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/b59d158b-daa8-4d27-a4d0-8ae1afaa3dde.png" class="f-pa pic">
								</a>
							</div>
						</div>
						<div class="f-pr rwrap f-cb last">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">数学思维提升课</a>
									<a class="top-rec f-fl" href="#" target="_blank">亲子教育·精选好课</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">综合素质</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">英语启蒙</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">国学教育</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">STEAM教育</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">自然科学</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">小学</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">语文</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">数学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">英语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">奥数</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">其他</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">初中</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">数学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">英语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">语文</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">物理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">化学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">其他</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">高中</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">数学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">英语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">语文</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">物理</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">化学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">其他</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">高考</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">留学</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">本科·自考</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">大学本科</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">自考</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">专升本</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">考研</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">19考研</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">数学</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">英语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">政治</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">专业课</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">规划指导</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">考研综合</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">学术</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">2020考研新手必修课</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">3-6岁孩子综合素质培养</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">如何给孩子进行性教育</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">考研政治基础班</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">考研政治强化提高班</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">年轻新手宝妈必学的育儿技能</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/88840543-76b4-4bb2-99ef-695825502032.jpg" class="f-pa pic">
								</a>
							</div>
						</div>
						<div class="f-pr rwrap f-cb">
							<div class="rwrap-left f-cb">
								<div class="top-rec-box f-cb">
									<a class="top-rec f-fl" href="#" target="_blank">英语口语指南——为暑期出境旅游定制</a>
									<a class="top-rec f-fl" href="#" target="_blank">跟着杜松老师说文解词</a>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">实用英语</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">口语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">英语单词</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">四六级</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">新概念</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">商务英语</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">出国留学</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">托福</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">雅思</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">日语能力考试</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">日语</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">五十音图</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">标准日本语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">新编日语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 ">大家的日语</a>
										<span class="slash">|</span>
										<a target="_blank" href="#" class="f-f0 rec">日语能力考试</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">韩语</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 rec">韩语</a>
									</p>
								</div>
								<a href="#" class="f-f0 first cat2 tit f-fl" target="_blank">其他小语种</a>
								<div class="links">
									<span class="seperate">|</span>
									<p class="cate3links">
										<a target="_blank" href="#" class="f-f0 ">西班牙语</a>
									</p>
								</div>
							</div>
							<div class="rwrap-right f-cb">
								<a class="f-f0 tit" href="#" target="_blank">系列课程</a>
								<p class="links">
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">英语口语指南——为暑期出境旅游定制</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">跟着杜松老师说文解词</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">带着外语的力量 行走世界</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">跟外教学地道英语口语</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">无痛英语</a>
									<a href="#" class="f-cb f-fc6 f-f0" target="_blank">学完这些,看韩剧不用字幕</a>
									<a href="#" class="f-fc6 f-f0" target="_blank">更多&gt;&gt;</a>
								</p>
								<a href="#" target="_blank" class="picwrap">
								<img src="images/97256bf9-a1d6-4bd2-94aa-80e531cfe7f5.png" class="f-pa pic">
								</a>
							</div>
						</div>
					</div>
					<script type="text/javascript">		
						jQuery("#j-nav-indexcatedialog").slide({ 
							titCell:".item", //鼠标触发对象
							targetCell:".rwrap", //titCell里面包含的要显示/消失的对象
							delayTime:100, //效果时间
							defaultPlay:false,
							triggerTime:0, //鼠标延迟触发时间(默认150)
							returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
						});
					</script>
				</div>
				<div class="mainnav f-cb j-navFind">
					<a class="nitem f-f0" href="#" target="_self" >微专业</a>
					<div class="f-cb nitem f-f0 x-hoverItem">
						<span>课程体系</span>
						<div class="f-pa u-navdropmenu x-child">
							<span class="arrr f-pa"></span>
							<a class="f-f0 dropitem " target="_blank" href="#" >
							<span>IBM认知计算</span>
							</a>
							<a class="f-f0 dropitem " target="_blank" href="#" >
							<span>大学计算机专业</span>
							</a>
							<a class="f-f0 dropitem " target="_blank" href="#" >
							<span>互联网职业技能</span>
							</a>
							<a class="f-f0 dropitem last" target="_blank" href="#" >
							<span>职场提升课程体系</span>
							</a>
						</div>
					</div>
					<a class="nitem f-f0 f-dn" target="_blank" href="#" >企业版</a>
					<div class="nitem f-f0 x-hoverItem down-wrap">
						<span class="downApp">下载APP</span>
						<div class="u-navapptip f-pa x-child">
							<div class="arrr f-pa">
							</div>
							<img src="images/nav_qrcode.png" class="ewm f-fl" alt="下载APP" title="下载APP">
							<div class="rcon f-fr">
								<h4 class="txt">扫码下载官方App</h4>
								<a href="#" target="_self" class="store apple"></a>
								<a href="#" target="_self" class="store android"></a>
							</div>
						</div>
					</div>
					<a class="nitem f-f0" href="#" target="_blank">企业培训</a>
				</div>
				<div class="search off f-cb">
					<div class="box f-cb">
						<input type="text" maxlength="30" placeholder="搜索课程">
					</div>
					<div class="submit f-hide f-pa"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="m-slide-container">
	<div>
		<div class="m-slide f-pr">
			<div class="f-pr m-slide-wrap" id="j-slidewrap">
				<div class="slide" target="_blank" id="j-slide" href="#">
					<ul>
						<li><a href=""><img src="images/22f32255-a49c-4db1-a93b-8f3a508b0ed6.jpg"></a></li>
						<li><a href=""><img src="images/8A52811B4B0D8869DD974FE5075EA597.jpg"></a></li>
						<li><a href=""><img src="images/8e164ab4-4f74-4445-aca6-321b67dcf7f5.jpg"></a></li>
						<li><a href=""><img src="images/a336d02e-7a42-47b0-8631-9034c9471c71.jpg"></a></li>
						<li><a href=""><img src="images/bc4f08ee-aa9c-4d49-a14a-5cbf3d59f80f.jpg"></a></li>
						<li><a href=""><img src="images/e4954183-4f72-45f4-ac45-e6ebb2dfc275.jpg"></a></li>
						<li><a href=""><img src="images/01C52854E262EAD6FD4AC98B74B45B96.jpg"></a></li>
					</ul>
				</div>
				<a class="lbtn prev"></a>
				<a class="rbtn next"></a>
				<div class="u-slidepg">
					<ul class="f-cb f-pr f-ib pbox">
						<li class="on">1</li>
						<li class="">2</li>
						<li class="">3</li>
						<li class="">4</li>
						<li class="">5</li>
						<li class="">6</li>
						<li class="">7</li>
					</ul>
				</div>
				<div class="sideNav f-pa">
					<div class="yktqr f-pa" style="display:none;">
						<img src="682c5edb-c0b2-4725-bf2b-cc7c441d7e30.png">
					</div>
					<a href="#" class="sidelink" target="_blank">
					<div class="livecard f-pr">
						<img src="images/000C36B6E1BE3E4D6ADC284F104D7DB1.jpg" alt="直播卡片图" class="sideimg">
						<div class="cnt f-f0 j-cnt">
							<p class="title">
									十大影响因素,教你轻松提升手淘搜索排名
							</p>
							<p class="time">
									时间:7.28 20:00 ~ 22:00
							</p>
							<p class="teacher">
									讲师:齐论高级讲师 无铭
							</p>
						</div>
					</div>
					</a>
				</div>
			</div>
			<div class="lbevel f-pa">
			</div>
			<div class="rbevel f-pa">
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">		
	jQuery("#j-slidewrap").slide({
		titCell:".u-slidepg ul li",
		mainCell:".slide ul",
		autoPlay:true,
		delayTime:0,
	});	
</script>
<div class="m-micro" id="j-micro">
	<div class="g-flow f-pr">
		<div class="f-cb m-micro-wrap">
			<div class="cntwrap" id="j-cntwrap">
				<div class="cntlist" id="j-cntlist">
					<ul>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001360001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								初级前端开发工程师
						</div>
						<div class="tip f-f0 f-thide">
								网易一线前端工程师亲授
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001359001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								Python数据分析师
						</div>
						<div class="tip f-f0 f-thide">
								带你一起用数据认识世界
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001359003 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								产品经理
						</div>
						<div class="tip f-f0 f-thide">
								系统学习产品方法论
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001429007 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								区块链开发工程师
						</div>
						<div class="tip f-f0 f-thide">
								带你成为链接未来的人才
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001358003 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								人工智能数学基础
						</div>
						<div class="tip f-f0 f-thide">
								精准掌握人工智能核心数学
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001360002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								初级UI设计师
						</div>
						<div class="tip f-f0 f-thide">
								网易设计专家经典出品
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001127001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								产品运营
						</div>
						<div class="tip f-f0 f-thide">
								运营大咖强强联合
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001358002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								机器学习工程师
						</div>
						<div class="tip f-f0 f-thide">
								一线机器学习专家联合打造
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001180001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								python应用基础
						</div>
						<div class="tip f-f0 f-thide">
								名校名师的python实践课
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001352005 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								互联网项目管理
						</div>
						<div class="tip f-f0 f-thide">
								网易一线成功产品项目经验
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								高级UI设计师
						</div>
						<div class="tip f-f0 f-thide">
								最详尽深入的产品设计指导
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001420002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								大数据开发工程师
						</div>
						<div class="tip f-f0 f-thide">
								网易专家带你玩转Hadoop
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001106002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								交互设计师
						</div>
						<div class="tip f-f0 f-thide">
								网易&amp;浙大最强交互设计导师
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001386007 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								Web安全(进阶)
						</div>
						<div class="tip f-f0 f-thide">
								网络安全高手蜕变之旅
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001405003 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								自由摄影师
						</div>
						<div class="tip f-f0 f-thide">
								摄影爱好者向专业进阶
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001359002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								高级前端开发工程师
						</div>
						<div class="tip f-f0 f-thide">
								网易前端开发专家亲授
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001268002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								全栈新媒体运营
						</div>
						<div class="tip f-f0 f-thide">
								成为行业抢手的新媒体人
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-28001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								自由摄影师 Plus
						</div>
						<div class="tip f-f0 f-thide">
								培养一个能赚钱的爱好
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001180001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								Python Web开发工程师
						</div>
						<div class="tip f-f0 f-thide">
								快速上手的全栈训练营
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001122002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								测试工程师
						</div>
						<div class="tip f-f0 f-thide">
								打造最专业的测试人
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-85002 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								Java 开发工程师
						</div>
						<div class="tip f-f0 f-thide">
								浙大Java男神翁恺执教
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001227001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								Web安全工程师
						</div>
						<div class="tip f-f0 f-thide">
								“白帽子黑客”训练营
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-85001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								独立音乐制作人
						</div>
						<div class="tip f-f0 f-thide">
								最易懂的音乐制作课程
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001197001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								用户研究员
						</div>
						<div class="tip f-f0 f-thide">
								网易&amp;浙大导师带你“读心”
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-20001 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								MySQL数据库工程师
						</div>
						<div class="tip f-f0 f-thide">
								网易一线DBA团队打造
						</div>
						</a>
						</li>
						<li class="item f-fl">
						<a href="#" target="_blank">
						<div class="imgbox f-icon ux-micro-icon-1001426003 f-fl">
						</div>
						<div class="tit f-f0 f-thide">
								大数据开发工程师(Spark)
						</div>
						<div class="tip f-f0 f-thide">
								手把手带练Spark大数据
						</div>
						</a>
						</li>
					</ul>
				</div>
				<div class="larr f-pa prev">
				</div>
				<div class="rarr f-pa next">
				</div>
			</div>
			<script type="text/javascript">		
					jQuery("#j-cntwrap").slide({
						mainCell:"#j-cntlist ul",
						autoPage:true,
						effect:"left",
						autoPlay:true,
						scroll:1,
						vis:6
					});
			</script>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章