QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery网络技术在线学习网站分类导航图片布局

原创商用 jQuery网络技术在线学习网站分类导航图片布局

jQuery网络技术开发在线教育学习网站分类导航菜单和图片轮播布局代码,一款非常实用的教育类型网站导航和banner图片布局样式。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="css/index.css">

2、head引入js文件

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

3、body引入HTML代码

<div class="boxbg">
	<div class="bannerbg">
		<ul>					
			<li><div class="bk" style="background-image: url(images/5b506931000179e909360316.jpg"></div></li>										
			<li><div class="bk" style="background-image: url(images/5b4c0686000136fc18720632.jpg"></div></li>												
			<li><div class="bk" style="background-image: url(images/5b55372d000173c909360316.jpg"></div></li>												
			<li><div class="bk" style="background-image: url(images/5b191458000144b309360316.jpg"></div></li>												
			<li><div class="bk" style="background-image: url(images/5b3c2d6e0001241b09360316.jpg"></div></li>												
			<li><div class="bk" style="background-image: url(images/5af41f3d0001db8509360316.jpg"></div></li>						
		</ul>
	</div>
</div>	
		
<div class="bk" style="background-image: url(images/5b3c2d6e0001241b09360316.jpg);"></div>
<div class="bgfff banner-box">
	<div class="g-banner pr">
		<div class="menuwrap"></div>
		<div class="submenu a hide" data-id="a" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">前沿技术</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">微服务</a>
								<a target="_blank" href="#">区块链</a>
								<a target="_blank" href="#">以太坊</a>
								<a target="_blank" href="#">人工智能</a>
								<a target="_blank" href="#">机器学习</a>
								<a target="_blank" href="#">深度学习</a>
								<a target="_blank" href="#">计算机视觉</a>
								<a target="_blank" href="#">数据分析&挖掘</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="区块链入门与去中心化应用实战" class="clearfix">
					<img src="images/5af2a67500016b9905400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">区块链入门与去中心化应用实战</h3>
						<div class="course-card-price l">
							¥199.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>509
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="区块链技术核心概念与原理讲解" class="clearfix">
					<img src="images/5ae3e5b80001818c06000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">区块链技术核心概念与原理讲解</h3>
						<div class="course-card-info l">
                                                                    入门
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>20167
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="基于Python玩转人工智能最火框架 TensorFlow应用实践" class="clearfix">
					<img src="images/5a5ddeda000145b405400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">基于Python玩转人工智能最火框架 TensorFlow应用实践</h3>
						<div class="course-card-price l">
							¥299.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>1186
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="Python人工智能常用库Numpy使用入门" class="clearfix">
					<img src="images/5a7048580001670506000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">Python人工智能常用库Numpy使用入门</h3>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>20040
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="submenu b hide" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">前端开发</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">HTML/CSS</a>
								<a target="_blank" href="#">JavaScript</a>
								<a target="_blank" href="#">Vue.js</a>
								<a target="_blank" href="#">React.JS</a>
								<a target="_blank" href="#">Angular</a>
								<a target="_blank" href="#">Node.js</a>
								<a target="_blank" href="#">jQuery</a>
								<a target="_blank" href="#">Bootstrap</a>
								<a target="_blank" href="#">Sass/Less</a>
								<a target="_blank" href="#">WebApp</a>
								<a target="_blank" href="#">前端工具</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="HTML5与CSS3实现动态网页" class="clearfix">
					<img src="images/5836c00a0001916906000338.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">HTML5与CSS3实现动态网页</h3>
						<div class="course-card-price l">
							¥628.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
					    						5步/29课
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>1818
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="微信小程序入门与实战 常用组件API开发技巧项目实战" class="clearfix">
					<img src="images/583e42fb0001e04f05400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">微信小程序入门与实战  常用组件API开发技巧项目实战</h3>
						<div class="course-card-price l">
							¥149.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>13621
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="揭秘一线互联网企业 前端JavaScript高级面试" class="clearfix">
					<img src="images/5a9dfab40001bf1005400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">揭秘一线互联网企业 前端JavaScript高级面试</h3>
						<div class="course-card-price l">
							¥366.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    高级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>548
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="前端JavaScript面试技巧" class="clearfix">
					<img src="images/595067d5000132a105400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">前端JavaScript面试技巧</h3>
						<div class="course-card-price l">
							¥149.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>2706
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="submenu c hide" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">后端开发</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">Java</a>
								<a target="_blank" href="#">SpringBoot</a>
								<a target="_blank" href="#">Python</a>
								<a target="_blank" href="#">爬虫</a>
								<a target="_blank" href="#">Django</a>
								<a target="_blank" href="#">Go</a>
								<a target="_blank" href="#">PHP</a>
								<a target="_blank" href="#">C</a>
								<a target="_blank" href="#">C++</a>
								<a target="_blank" href="#">C#</a>
								<a target="_blank" href="#">Ruby</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="C++零基础入门 热门编程语言 二级考试必备" class="clearfix">
					<img src="images/5a405a7700010f1c06000338.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">C++零基础入门  热门编程语言  二级考试必备</h3>
						<div class="course-card-price l">
							¥428.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
					    						3步/34课
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>385
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="Java并发编程与高并发解决方案" class="clearfix">
					<img src="images/5aaa55850001a3ef10800600.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">Java并发编程与高并发解决方案</h3>
						<div class="course-card-price l">
							¥299.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>2001
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="全网最热Python3入门+进阶 更快上手实际开发" class="clearfix">
					<img src="images/59b8a486000107fb05400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">全网最热Python3入门+进阶 更快上手实际开发</h3>
						<div class="course-card-price l">
							¥366.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>5138
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="最火Python3 玩转实用小工具" class="clearfix">
					<img src="images/5b3307f50001859e05400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">最火Python3 玩转实用小工具</h3>
						<div class="course-card-price l">
							¥166.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>87
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="submenu d hide" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">移动开发</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">Android</a>
								<a target="_blank" href="#">iOS</a>
								<a target="_blank" href="#">React native</a>
								<a target="_blank" href="#">WEEX</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="零基础入门Android语法与界面" class="clearfix">
					<img src="images/585243df00014f2406000338.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">零基础入门Android语法与界面</h3>
						<div class="course-card-price l">
							¥499.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
					    						5步/43课
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>1984
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="新浪微博资深大牛全方位剖析 iOS 高级面试" class="clearfix">
					<img src="images/5abe148300014c3305400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">新浪微博资深大牛全方位剖析 iOS 高级面试</h3>
						<div class="course-card-price l">
							¥366.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    高级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>376
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="BAT大咖助力 全面升级Android面试" class="clearfix">
					<img src="images/5909a1250001197e05400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">BAT大咖助力 全面升级Android面试</h3>
						<div class="course-card-price l">
							¥288.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>3013
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="Android通用框架设计与完整电商APP开发" class="clearfix">
					<img src="images/5959a60f0001cfd305400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">Android通用框架设计与完整电商APP开发</h3>
						<div class="course-card-price l">
							¥348.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    高级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>1374
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="submenu e hide" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">算法&数学</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">算法与数据结构</a>
								<a target="_blank" href="#">数学</a>
							</div>
						</div>
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">云计算&大数据</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">大数据</a>
								<a target="_blank" href="#">Hadoop</a>
								<a target="_blank" href="#">Spark</a>
								<a target="_blank" href="#">Hbase</a>
								<a target="_blank" href="#">Storm</a>
								<a target="_blank" href="#">云计算</a>
								<a target="_blank" href="#">AWS</a>
								<a target="_blank" href="#">Docker</a>
								<a target="_blank" href="#">Kubernetes</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="以慕课网日志分析为例 进入大数据 Spark SQL 的世界" class="clearfix">
					<img src="images/5940e2a20001045a05400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">以慕课网日志分析为例  进入大数据 Spark SQL 的世界</h3>
						<div class="course-card-price l">
							¥366.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>973
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="轻松愉快之玩转SpringData" class="clearfix">
					<img src="images/58e6081c00012ec206000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">轻松愉快之玩转SpringData</h3>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>22935
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="系统学习Docker 践行DevOps理念" class="clearfix">
					<img src="images/5a9614850001bc3405400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">系统学习Docker 践行DevOps理念</h3>
						<div class="course-card-price l">
							¥299.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>695
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="HBase入门" class="clearfix">
					<img src="images/598986ae0001f07706000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">HBase入门</h3>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>16656
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="submenu f hide" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">运维&测试</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">运维</a>
								<a target="_blank" href="#">自动化运维</a>
								<a target="_blank" href="#">Linux</a>
								<a target="_blank" href="#">测试</a>
								<a target="_blank" href="#">功能测试</a>
								<a target="_blank" href="#">性能测试</a>
								<a target="_blank" href="#">自动化测试</a>
								<a target="_blank" href="#">接口测试</a>
								<a target="_blank" href="#">安全测试</a>
							</div>
						</div>
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">数据库</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">MySQL</a>
								<a target="_blank" href="#">Redis</a>
								<a target="_blank" href="#">MongoDB</a>
								<a target="_blank" href="#">Oracle</a>
								<a target="_blank" href="#">SQL Server</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="阿里大牛亲授 阿里云主机(ECS)与CentOS7实战" class="clearfix">
					<img src="images/5b0b60480001b95e06000338.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">阿里大牛亲授  阿里云主机(ECS)与CentOS7实战</h3>
						<div class="course-card-price l">
							¥288.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>89
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="使用java构建和维护接口自动化测试框架" class="clearfix">
					<img src="images/593a3b0f0001383606000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">使用java构建和维护接口自动化测试框架</h3>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>18429
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="Web自动化测试 Selenium基础到企业应用" class="clearfix">
					<img src="images/5965c159000184e305400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">Web自动化测试  Selenium基础到企业应用</h3>
						<div class="course-card-price l">
							¥266.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>862
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="Linux系统管理" class="clearfix">
					<img src="images/5697799a0001e99006000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">Linux系统管理</h3>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>60326
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="submenu g hide" style="display: none;">
			<div class="innerBox clearfix">
				<div class="subinnerBox">
					<div class="cates-box">
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">UI设计</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">模型制作</a>
								<a target="_blank" href="#">动效动画</a>
								<a target="_blank" href="#">设计基础</a>
								<a target="_blank" href="#">设计工具</a>
								<a target="_blank" href="#">APPUI设计</a>
								<a target="_blank" href="#">产品交互</a>
							</div>
						</div>
						<div class="fe-base-box clearfix">
							<div class="banner-line">
								<span class="bold mr10 l small-title">游戏</span>
							</div>
							<div class="tag-box l">
								<a target="_blank" href="#">Unity 3D</a>
								<a target="_blank" href="#">Cocos2d-x</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="recomment-box">
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="移动端App UI 设计入门与实战" class="clearfix">
					<img src="images/5a123d7e00011fa705400300.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">移动端App UI 设计入门与实战</h3>
						<div class="course-card-price l">
							¥199.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>321
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="高薪设计师必修课 AE移动UI动效设计从入门到实战" class="clearfix">
					<img src="images/5aa9d2c1000104d510800600.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">高薪设计师必修课 AE移动UI动效设计从入门到实战</h3>
						<div class="course-card-price l">
							¥199.00
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
                                                                    中级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>83
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="Axure入门初体验" class="clearfix">
					<img src="images/587db7af00016b7e06000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">Axure入门初体验</h3>
						<div class="course-card-info l">
                                                                    入门
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>44228
						</div>
					</div>
					</a>
				</div>
				<div class="l banner-course-card">
					<a href="#" target="_blank" title="前端工程师必备的PS技能——切图篇" class="clearfix">
					<img src="images/578741d3000151e806000338-240-135.jpg" class="l">
					<div class="l course-card">
						<h3 class="course-card-name">前端工程师必备的PS技能——切图篇</h3>
						<div class="course-card-info l">
                                                                    初级
						</div>
						<div class="course-card-dot l">
							<i class="imv2-dot_samll"></i>
						</div>
						<div class="course-card-info l">
							<i class="icon-set_sns"></i>228410
						</div>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div class="menuContent">
			<div class="item">
				<a href="#">
				<span class="group">前沿 / 区块链 / 人工智能</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
			<div class="item">
				<a href="#">
				<span class="group">前端 / 小程序 / JS</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
			<div class="item">
				<a href="#">
				<span class="group">后端 / JAVA / Python</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
			<div class="item">
				<a href="#">
				<span class="group">移动 / Android / iOS</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
			<div class="item">
				<a href="#">
				<span class="group">云计算 / 大数据 / 容器</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
			<div class="item">
				<a href="#">
				<span class="group">运维 / 测试 / 数据库</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
			<div class="item">
				<a href="#">
				<span class="group">UI设计 / 3D动画 / 游戏</span>
				<i class="imv2-arrow1_r"></i>
				</a>
			</div>
		</div>
		<script type="text/javascript">		
			jQuery(".g-banner").slide({ 
				titCell:".item", //鼠标触发对象
				targetCell:".submenu", //titCell里面包含的要显示/消失的对象
				delayTime:100, //效果时间
				defaultPlay:false,
				triggerTime:0, //鼠标延迟触发时间(默认150)
				returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
			});
		</script>

		<div class="g-banner-content">
			<div class="g-banner-box">
				<div class="banner-slide">
					<ul>					
						<li><a target="_blank" href="#"><img src="images/5b506931000179e909360316.jpg"></a></li>										
						<li><a target="_blank" href="#"><img src="images/5b4c0686000136fc18720632.jpg"></a></li>												
						<li><a target="_blank" href="#"><img src="images/5b55372d000173c909360316.jpg"></a></li>												
						<li><a target="_blank" href="#"><img src="images/5b191458000144b309360316.jpg"></a></li>												
						<li><a target="_blank" href="#"><img src="images/5b3c2d6e0001241b09360316.jpg"></a></li>												
						<li><a target="_blank" href="#"><img src="images/5af41f3d0001db8509360316.jpg"></a></li>						
					</ul>
				</div>
				<div class="banner-dots">
					<ul class="dian">
						<li class=""></li><li class=""></li><li class=""></li><li class=""></li><li class=""></li><li class="active"></li>
					</ul>
				</div>
				<a href="javascript:void(0)" class="banner-anchor prev icon-left2"></a>
				<a href="javascript:void(0)" class="banner-anchor next icon-right2"></a>
				<div class="cb"></div>
			</div>
			<script type="text/javascript">		
				jQuery(".g-banner-box").slide({
					titCell:".banner-dots ul li",
					mainCell:".banner-slide ul",
					autoPlay:true,
					delayTime:0,
				});
				jQuery(".boxbg").slide({
					mainCell:".bannerbg ul",
					autoPlay:true,
					delayTime:4000,
				});
			</script>		
			<div class="path-banner clearfix">
				<a href="#" target="_blank">
				<i class="i-web"></i>
				<p class="tit">Web前端攻城狮</p>
				<p class="desc">互联网时代最火爆的技术</p>
				</a>
				<a href="#" target="_blank">
				<i class="i-java"></i>
				<p class="tit">Java攻城狮</p>
				<p class="desc">综合就业排名第一</p>
				</a>
				<a href="#" target="_blank">
				<i class="i-android"></i>
				<p class="tit">Android攻城狮</p>
				<p class="desc">移动设备市场份额第一</p>
				</a>
				<a href="#" target="_blank">
				<i class="i-php"></i>
				<p class="tit">PHP攻城狮</p>
				<p class="desc">世界上最好的语言:)</p>
				</a>
				<a href="#" target="_blank">
				<i class="i-ios"></i>
				<p class="tit">iOS攻城狮</p>
				<p class="desc">可能是全球最好用的系统</p>
				</a>
			</div>
		</div>	
	</div>
</div>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
中乐彩票 www.nl32.com-中国体育足彩竞彩| www.232544.com-足彩玩法说明| www.900071.com-51彩虹登录app| www.994490.com-江西新快三和值表| www.jv80.com-彩铅画星空简单| www.h56.com-彩绘等级-| www.59ec.com-体育彩票杯-| www.2066.vip-旺旺彩票app网站| www.891986.com-中国体育彩-| www.ic5.cc-内蒙体彩11选五| www.k16.biz-体彩贵州11选五| www.678571.com-彩之网青铜骑士| www.345773.com-高频彩票开奖直播网| www.520785.com-彩票中奖没领| www.653600.com-快三和值单双秘籍| www.755264.com-福利彩票旺彩| www.840209.com-足彩赔率分析软件| www.933837.com-玩彩票跟计划靠谱吗| 网易彩票www.560121.com| www.36395.cc-福利彩票有几个号码| www.008680.com-体彩19029开奖| www.369412.com-牛b彩票-| www.490757.com-湖北省体彩中心电话| www.568984.com-福彩刮刮乐坑| www.637873.com-淮北福利彩票网点| www.706960.com-天下天彩票免费大全| www.788545.com-足彩米客新浪博客| www.861365.com-安徽体育彩票| www.922719.com-嘉兴福利彩票店转让| www.983535.com-彩16安卓版本| www.cc93.com-爱彩乐彩票网遗漏| www.755104.com-中国彩票3d试机号| www.874999.com-皇冠投彩-| www.948986.com-国彩网站有哪些| 彩乐坊www.77clf.com| www.2172.cn-从手机怎么买体彩| www.7584.cm-大通彩票网页手机版| www.036289.com-彩票自动发计划软件| www.8481.cm-k彩民福地登录| www.114804.com-京东彩票网站是什么| www.399715.com-南囯体彩-| www.86wv.com-七乐彩单式5等奖| www.288322.com-爱彩乐快乐十分| www.457613.com-彩票大数定律| www.83167.com-竞彩让球欧赔分析| www.812093.com-线上怎么买彩票| www.27690.com-体彩门头图片| www.tz45.com-彩票屠龙法-| www.14dn.com-湖北快三牛一定| www.fq2.cc-时时彩9码漏洞| www.397851.com-章鱼彩票老版本| www.am79.cc-福利彩票快三预测| www.277253.com-吉林快三推荐二不同| www.456480.com-乐博28彩票-| www.054177.com-足彩14场比分直播| www.137047.com-彩788贴吧-| www.367058.com-花卉绘画彩铅彼岸花| www.866782.com-全天彩是合法的吗| 大赢家彩票网www.83033o.com| 鑫亿彩www.051069.com| www.496600.com-宝马彩票是什么| www.843987.com-福彩与慈善相结合| www.968345.com-谁有时时彩的微信群| www.hw39.com-快三精准计划软件| www.229413.com-大发快三彩票合法吗| www.447429.com-大吉大利彩票玩法| www.156016.com-福彩3地试机号口诀| www.93pj.com-高频彩客户端| www.201304.com-亿网彩票-| www.461044.com-360黑彩平台| www.14125.com-七星彩数字组合方法| www.47773.cc-好彩妹是谁-| www.1908.shop-福利彩票机器| www.824588.com-百福彩票是什么意思| www.939468.com-彩吧彩票是真的吗| www.994998.com-好彩堂切0232| www.ai60.com-南国体彩-| www.158426.com-北单彩票店-| www.225961.com-天天中彩票网络骗局| www.121721.com-彩票刘亮-| www.9181.cm-直播彩票游戏平台| www.315443.com-彩虫七下载-| www.627626.com-互联网彩票上市公司| www.722111.cc-彩票近30期开奖图| www.816080.com-河北快三技巧视频| www.919637.com-玩彩票什么网站可靠| 发彩www.50732r.com| www.84pl.com-北控京彩彩票新零售| www.199092.com-皇都彩票用户注册| www.qy57.com-分分彩连死50把| www.605885.com-购彩之家网址| www.582433.com-e77乐彩注册登录| www.358970.com-买体彩用什么app| www.07qb.com-彩铅古风场景图片| www.50817.com-今晚七星彩神算子| www.059547.com-迷彩恋彩专栏| www.150850.com-彩漂剂-| www.239584.com-快三赌博新闻| www.719.websitevr彩票真实的吗| www.6403.cc-雅迪迷彩48-| www.21213.com-中国足球体育竞彩网| www.594142.com-今日说法失控的黑彩| www.689097.com-别人推同乐彩彩票| www.806061.com-黑龙江正好彩票网| www.940102.com-彩神争霸11-| www.cai5345.com快三怎么玩赚钱| www.083769.com-智博微彩城网址下载| www.477282.com-广东体育彩票发行中| www.93937.com-竞彩收米动态图| www.095569.com-竞彩专家推荐网| www.450322.com-福彩3d对应数字| www.925228.com-财神8彩票网正规| 奔驰彩票www.750966.com| www.pd25.com-彩票入门与技巧| www.010272.com-快三心得体会| www.171025.com-贵州快三推荐| www.336729.com-福彩快三有什么技巧| www.02120.com-戒烟戒毒戒彩票| www.489.win-分分彩5星漏洞教程| www.6914.biz-彩票中奖领奖视频| www.34723.com-2019彩图库彩图| www.766272.com-福彩三地走势图表| www.018403.com-大家赢彩票网| www.162961.com-易彩点网手机版| www.609157.com-彩民推出新粤彩| www.04064.com-合法的网络购彩平台| www.48976.com-北京5分pk彩| www.881297.com-腾讯分分彩胆拖计划| www.991530.com-买彩票输了10万| www.mx7.cc-人人中彩票手机版| www.lp41.com-创富彩票-| www.46500.com-大发快三必中计划| www.520704.com-七星彩杀头尾高手| www.586608.com-彩吧电脑版-| www.678974.com-中彩网论坛交流区| www.775348.com-中彩神是骗人的吗| www.842726.com-金博时时彩-| www.920909.com-彩神viapp-| www.996835.com-快三官方版易发彩票| www.am50.cc-彩票投注平台| www.61qg.com-中国体彩江苏7位数| www.ls20.com-中彩票排三预测| www.63608.com-宝哥彩吧-| www.311444.com-三分彩是什么彩票| www.506388.cc-竞彩身价对比| www.597070.com-彩薇花护肤品有激素| www.698128.com-极速时时彩技巧稳赚| www.828666.cc-法国中彩票缴税| www.922521.com-竞彩培训师报名| www.cp0710.com-大发快三投注平台| www.vy61.com-体彩排列三开奖直播| www.7js.cc-过生日可以送彩票吗| www.0618.com-福利彩票怎么线上买| www.940368.com-福彩好彩三开奖结果| www.cp5600.com-和值快三-| www.608371.com-中国福利彩票71期| www.755752.com-旺彩全国开奖| www.840337.com-彩票兑奖支票| www.972443.com-彩铅画赵丽颖图片| www.fn04.com-淘彩票大发快三| www.321889.com-ai智能彩票-| www.495113.com-重庆高频彩票| www.269632.com-欧洲彩票中奖排行| www.99245.cc-足彩比分直播彩客网|