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.526912.com-今日竞彩最温胆| www.518600.com-旺彩福彩快三助手| www.736009.com-七星彩位数开奖规则| www.937883.com-87云彩店-| www.245608.com-易彩快三预测软件| www.402441.com-七乐彩杀号图迷| www.815893.com-河北体彩11-| www.888950.com-elg彩票-| www.959846.com-福彩投单兼职真的吗| www.cai925.com-中国福彩快3开奖| www.169168.com-湖北福彩快三| www.255222.com-谁有快三的网站| www.333776.com-怎样看彩票走势图解| www.419827.com-二十六天天好彩资料| www.529099.com-小六壬测彩票3d| www.55415.com-什么彩票六个数字| www.127458.com-彩票赛车开奖软件| www.561162.com-福彩3d布衣2| www.840030.com-南国彩票开奖结果| www.cai8818.com快3彩票玩法介绍| www.08bm.com-七彩星百度网盘| www.9180.com-我要查看七乐彩彩票| www.633055.com-怎么买nba彩票| www.kk21.com-胜负彩比分直播新浪| www.02xw.com-去国外做博彩| www.3044.cm-体彩排列三丹东全图| www.37835.cc-234彩票正规吗| www.98911.cc-时时彩假吗-| www.075269.com-成功彩票软件下载| www.205386.com-淘宝彩票app| www.347009.com-足彩卖料套路| www.507777.cc-最新九彩龙蛇官网| www.665764.com-中国彩票直播下载| www.789526.com-竞彩软件哪个好用| www.889894.com-焦点篮彩-| www.pm10.com-彩圣福彩3d字谜| www.0359.net-双色球彩吧论坛| www.22037.com-3d专家预测福彩| www.83393.cc-非你莫属彩票哥| www.278287.com-玩分分彩app| www.034461.com-360足球胜负彩| 爱彩乐www.097918.com| www.6327.biz-彩票丢失了怎么办| www.207063.com-魔方彩票是真的吗| www.374302.com-体育彩票十一夺金| www.633542.com-0707彩票-| www.814344.com-彩票平台导师| www.ff04.com-福彩三地规律| www.9750.in-时时彩在线做号| www.009983.com-澳客网竞彩足彩| www.206902.com-500彩票邀请码| www.336425.com-网络彩票不能提现| www.491905.com-网络兼职代购彩票| www.570866.com-福彩3d试机号快报| www.708199.com-合买彩票被骗| www.190860.com-快三图片-| www.123985.com-体彩排列3出好预测| www.ww16.com-金沙棋牌送彩金| www.949751.com-中国放弃互联网彩票| www.cai03.cc-玩快三是什么意思| www.7264.biz-腾讯分分彩算号器| www.472249.com-天天中彩吧小报| www.849172.com-亚洲5分快三怎么玩| www.cp8418.com-福彩快三中奖概率表| www.617993.com-体彩张驰个人资料| www.488605.com-快乐彩中奖号码查询| www.0616.cm-足球竞彩app下载| www.345055.com-福彩三d神通关注| www.531626.com-彩票双色球中蓝色球| www.735032.com-网络时时彩诈骗案| www.25379.cc-桃花彩铅画法| www.483640.com-彩富网彩天下| www.567394.com-中福快三手机app| www.792908.com-蚂蚁积分换彩票没了| www.ng78.com-234彩票网官方版| www.41qe.com-七星彩加注什么意思| www.88212.com-彩民网是正规网站吗| www.344551.com-快钱彩票网站| www.508415.com-新加坡彩票玩法| www.841770.com-福彩3d太湖字咪| www.682455.com-公益彩票网-| www.009382.com-123彩下载安装| www.689523.com-6118彩票注册| www.232324.com-上海快三基本走势| www.266339.com-竞彩网是不是骗局| www.39778.com-福38彩票网-| www.733831.com-河南彩礼2018| www.773619.com-福彩黑幕视频| www.67014.cc-彩票中奖上那领奖| www.145143.com-体彩p3开奖-| www.309377.com-吉林省时时彩| www.572391.com-彩票网首页| www.708311.com-正规qq时时彩群| www.925765.com-彩富网48cfcc| 优点彩票www.133902.com| www.w00.net-3d牛彩网过发过来| www.1254.me-中三单式彩-| www.53972.com-微信推广的天天彩票| www.130537.com-老彩民快3-| www.630926.com-14胜负彩玩法| www.ks48.com-90彩票快三-| www.89zq.com-彩漂对皮肤有伤害吗| www.14247.com-分分时时彩在线计划| www.195445.com-上海快三预测专家号| www.812926.com-竞彩足球专家网易| 华夏彩票www.hx1165.com| www.970766.com-买彩票能中大奖吗| www.yp2.cc-北京快三彩票怎么玩| www.69376.com-水穷破彩的博客| www.7730.cn-幸运十分彩怎么玩| www.61515.com-乐博彩票下载| www.052059.com-彩神争霸大发平台| www.019550.com-彩之星首页-| www.777202.com-够力七星彩下载软件| www.187688.com-时时彩九码稳赚| www.345789.cc-81彩票是正规的吗| www.932621.com-重庆时时彩官方电话| www.982873.com-彩票资料共享大全| www.qh9.com-网上买彩票怎么兑奖| www.093813.com-体彩高频会取消吗| www.340085.com-南洋乐和彩公告| www.925002.com-众赢彩票下载安装| www.388590.com-好彩友-| www.204480.com-内蒙古快三手机助手| www.339542.com-0c彩票-| www.446320.com-体彩3d开奖结果l| www.539887.com-数学和彩票-| www.773576.com-广西时时彩开奖记录| www.908553.com-天空彩兔费资科大全| www.b69.cc-火箭彩票app下载| www.62xy.com-体彩你中奖是真的吗| www.7700.org-天天分分彩官方网站| www.48208.com-足球竞彩258彩票| www.013434.com-周三彩票-| www.868375.com-七星彩跨度-| www.806279.com-晚晚好彩公众号| www.953871.com-铁盒好彩1871| www.hi73.com-江苏快三所有号码| www.47uj.com-118彩票在线客服| www.322035.com-亚博阿里彩票| www.657714.com-旧版彩经网彩票走势| www.846851.com-古建筑彩绘报价| www.977056.com-河南彩礼新规定1| www.zc20.cc-福彩体彩走势图大全| www.7500.vip-天猫小店彩票| www.47472.com-彩票h5源码-| www.087041.com-为内蒙古喝彩蒙古语| www.203529.com-快三大小怎么玩稳赚| www.325727.com-内蒙古彩票巨奖| www.491662.com-众购彩票平台登录| www.614778.com-pk彩票app-| www.786226.com-全民福彩3d-| www.786339.com-体彩大赢家预测| www.955748.com-福彩3d今天出啥号| www.12ei.com-巢湖彩票中奖| www.5802.com-体彩竞彩过关方式| www.905213.com-彩票行业前瞻| www.wx51.com-福彩三d综合版| www.254121.com-58彩票网-| www.765267.com-海南七星彩加急版| www.863598.com-体育彩票发行中心| www.am2.com-湖北快三最大遗漏| www.88105.com-双色球彩票条码损坏| www.091217.com-春秋彩票娱乐登录|