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.6128.cm-福利彩票双色球买法| www.030658.com-我360彩票-| www.411483.com-唯彩会历史版本| www.686781.com-中彩的那天-| www.981991.com-安徽福彩快3开奖果| www.jq56.com-快三微信-| www.50pw.com-今天七星彩开公告| www.539314.com-买高频彩高手| www.695660.com-足彩奖金计算方法| www.783638.com-什么是非法彩票| www.860592.com-五分⑥和彩怎么破解| www.921129.cc-鑫彩网app下载| www.974315.com-五福彩分分时时彩| www.cai0926.com一分钟快三骗局| www.ig84.com-福利彩软件-| www.230746.com-彩8彩票-| www.918490.com-永利博彩-| www.983118.com-彩票共享资料大全| www.r10.cn-体育彩票是怎么买的| www.52yp.com-被91彩站联盟骗了| www.0110.net-大平台彩票网| www.5898.top-7号彩票下载安装| www.556147.com-体彩和福彩造假| www.638768.com-福彩慈善事业| www.365438.cc-简单彩铅风景画| www.877207.com-天天下彩票天空同你| www.981246.com-彩霸王三星做号软件| www.3006.live-彩的字谜-| www.871287.com-傲赢彩票靠谱吗| www.981463.com-成功彩票正规吗| www.ky70.com-app彩868-| www.xo69.com-快三图表数-| www.4419.vip-新天天彩票-| www.111782.com-彩票送28元体验金| www.721325.com-竞彩霸主双色球预测| www.997904.com-福彩3d乐彩首页| www.hh81.cc-49c彩票登陆| www.71pn.com-福利彩票号码规则| www.3703.cn-精彩十分图片| www.889132.com-乐和彩彩票新手测评| www.984064.com-杀姐姐看彩p3| www.vz8.cc-彩经网排列三走势图| www.153167.com-福彩快5是什么| www.681484.com-辽宁省体彩中心地址| www.817290.com-传统彩票靠谱吗| www.896644.com-篮球博彩规则| www.974001.com-超级百万彩票| www.bm.cc-快3彩票倍投技巧| www.0709.net-香港喜彩网-| www.cai9211.com河北快三官网下载| www.244768.com-彩票助手软件正规吗| www.329610.com-福彩3d正版藏机图| www.440755.com-天天好彩app下载| www.493665.com-7728彩票平台| www.0079.top-彩票相关名字| www.373136.com-江苏竞彩快三快三| www.my87.com-51彩店app-| www.1264.com-今天七彩开奖查询| www.0495.top-彩票开奖3d结果| www.uk46.com-普通彩铅画星空教程| www.116016.com-官网500彩票下载| www.91gf.cc-万福彩票是黑网吗| www.7131.cm-七彩油滴盏-| www.28951.cc-银河彩票平台| www.985321.com-一起彩票下载安装| www.kj15.com-天天竞彩app| www.16av.com-七星彩19034期| www.2098.pw-南京最新彩票应转让| www.17156.cc-体彩开奖结果是没有| www.121759.com-游客在英国买彩票| www.268203.com-福彩3d做号软件| www.285700.com-360购彩平台| www.405464.com-嘉兴福彩双色中心| www.550298.com-苏州市体彩-| www.14139.com-七星彩数字表| www.69812.com-大彩鲸苹果版| www.rj40.com-爱彩彩票正规的吗| www.119552.com-幽默的买彩票的说说| www.088285.com-今日说法一千万彩票| www.5662.wang-下载c29彩票软件| www.71705.com-中奖彩票去领奖| www.688603.com-发彩票短信-| www.781822.com-国彩网app下载| www.860446.com-好彩双爆珠整条图片| www.956897.com-香港百彩网-| www.cai8789.com吉林快三开将结果| www.891252.com-最幽默的彩票广告语| www.987002.cc-什么购彩平台安全| www.cs61.com-乐彩-| www.wm70.com-今天内蒙古快三结果| www.06rt.com-小雏菊彩铅画| www.82qy.com-七星彩奖结果| www.3114.vip-彩票害了多少人| www.865570.com-澳客足彩比分直播| www.971430.com-彩票开奖i结果i| www.cp935.cc-安徽快三跨度走势图| www.72iv.com-福利彩票店挣钱吗| www.jz50.com-七星彩开中奖规则| www.563867.com-明天的3d彩涂| www.571165.com-竟彩足球过关计算器| www.87ep.com-旧版小白彩票| www.158394.com-北单胜负彩开奖结果| www.73ik.com-青蛙彩资料-| www.3420.mobi-京东彩票网app| www.805959.com-福彩三d图谜第三版| www.22735.com-体彩全民智投官网| www.95519.com-体彩是几位数| www.012653.com-今曰开什么七星彩| www.088771.com-彩票快讯网-| www.835466.com-139彩票网官网| www.405.in-中彩票亲戚反目| www.537593.com-无彩色和有彩色| www.646774.com-14场胜负彩技巧| www.907750.com-七星彩怎么算中奖图| www.95720.com-领彩票为什么戴面具| www.144048.com-竞彩威廉怎么看平局| www.804509.com-重庆时时彩心的| www.929138.com-福彩网怎么充值| www.608368.com-福彩34期中奖号码| www.4238.cn-福利彩票是正规的么| 凤凰彩票www.88266m.com| www.7274.vip-彩虹电影直播源论坛| www.39739.com-福彩时时彩赚钱技巧| www.41380.com-福利彩票手机怎么买| www.1087.vip-收米竞彩app下载| www.059488.com-8k彩-| 众乐彩票www.389644.com| www.67130.com-彩票机怎么显示中奖| www.139450.com-百福彩是正规的吗| www.467199.com-几点停止买彩票| www.082015.com-中彩网彩民论坛| www.633227.com-众乐彩网6-| www.947846.com-竞彩彩店宝-| www.286759.com-彩票七乐彩开奖结果| www.507926.com-中兴彩票平台| www.129435.com-一定牛购彩是骗子| www.947291.com-彩票怎么查询开奖| www.995934.com-新浪体育.彩票| www.bp69.com-彩票过滤器-| www.022048.com-彩票王app-| www.53yf.com-彩虹堂-| www.043101.com-福利彩票宣传语图片| www.753.com-时时彩平刷实战经验| www.107315.com-彩票数据修改| www.234446.com-中国体彩网官方下载| www.263996.com-彩票开奖公告开奖| www.0178.cn-国彩app都有哪些| www.485438.com-重庆时时彩咋封盘了| www.828471.com-uk彩正规吗-| www.947263.com-排三彩吧图库第二版| www.990801.com-988彩票网平台| www.le.com-宁夏福彩快三下载| www.339248.com-区块链彩票概念股| www.480505.com-多彩网字谜专区| www.556022.com-关于彩票的电子书籍| www.153109.com-时时彩四胆10中九| www.593857.com-七彩彩票查询| www.713612.com-彩神争8是什么软件| www.797086.com-福乐彩网-| www.875479.com-c45彩票下载| www.956975.com-hk百彩-| www.cai7388.com快三走势图吉林昨天| www.49zk.com-足彩怎么玩才能稳赢| www.1054.live-彩票卖一张赚多少钱|