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.74ad.com-体彩排列五在哪兑奖| www.935287.com-248彩票苹果版| www.pe0.com-彩票中奖咒语| www.332767.com-京彩娱乐官网下载| www.527544.com-好彩高手资料大全| www.59bb.com-体彩大乐透购买方法| www.959429.com-官崎彩-| www.uf6.cc-湖北百宝彩票网| www.00sm.cc-福彩3d预测字画迷| www.663702.com-篮球彩票大小分技巧| www.931387.com-老彩票uu直播| www.cai6363.com彩票甘肃11选五| www.21re.com-盛源彩票登录| www.1228.in-彩计划怎样下载| www.679735.com-如何陪同戒掉彩票| www.805599.com-福彩双色球几种玩法| www.905791.com-竞彩足球推荐分析| www.921067.com-冠赢彩票-| 500彩票网www.97655j.com| www.750507.com-九歌彩票手机苹果版| www.864968.com-骰子彩票合法| 福运www.fyyy4.com| www.37527.cc-西安彩票中奖女离婚| www.706538.com-嘉兴体彩招聘| www.29025.com-体彩排列七-| www.456815.com-百胜快三好不好考| www.516567.com-开彩票价-| www.437338.com-彩票乱乱乐中奖图片| www.668350.com-3d彩票定时器| www.308338.com-体彩怎样才算中奖| www.523942.com-彩票佣金任务| www.731717.com-彩钢板围挡方案| www.875874.com-1516彩票-| www.089500.com-快三私人接单有没有| www.26738.cc-山东福彩快三| www.cai6567.com青海快三走势图| www.958100.com-k3彩票网官方网址| www.717901.com-八卦奇门彩票取数法| www.835066.com-好彩哪种好抽| www.927302.com-褔彩3d跨度走势图| www.987093.com-乌鲁木齐快三| www.am62.com-吉林快三开奖时间| www.m90.net-彩票必中号码| www.bm71.com-老版网易彩票下载| www.zl64.com-三分时时彩计算公式| www.432236.com-彩66彩票登录官网| www.355491.com-开卖彩票店要多少钱| www.507119.com-易点彩票首页| www.640878.com-网赌福利彩票双色球| www.745636.com-c彩61彩票官网| www.871214.com-福彩3d谜总汇| www.ij44.com-福彩3d密码程序| www.267362.com-体彩开奖视频直播| www.341100.cc-福彩牛彩网摘| www.410655.com-哪里买足彩靠谱| www.oq89.com-彩中彩票下载安装| www.026286.com-周易与彩票选号技巧| www.e28.cn-众彩网黑蝴蝶| www.2728.me-轩彩娱乐登入| www.32557.cc-足彩任选九奖金| www.223443.com-移动彩票平台靠谱吗| www.316860.com-彩票6000万无人| www.432435.com-红利彩票平台网址| www.ol51.com-海南体彩官网下载| www.ji68.com-吉林快三简介| www.719.cm-福利彩票中将结果| www.7035.vip-足彩篮球彩规则| www.469736.com-手机彩票代购合法吗| www.365264.cc-彩票平台冻结账户| www.378448.com-优乐彩彩票登陆平台| www.ox18.com-福彩3d技巧口诀| www.71aa.com-大陆有可能开马彩吗| www.887.cm-体彩p3三字谜| www.90440.com-黑彩快3下载| www.129977.com-南京体彩中心余主任| www.80466.cc-三分快三开奖计划| www.126091.com-全彩肉肉无遮挡本子| www.444847.com-ai指数彩票-| www.553365.com-上海3d彩票-| www.671170.com-万彩吧6i彩-| www.029602.com-鑫鑫彩票-| www.tm83.com-福彩3d一定牛预测| www.3615.tv-立彩彩票计划怎么样| www.5794.cc-体彩扑克任选玩法| www.1193.net-天龙八部3勾天彩| www.22520.cc-e彩票是正规的吗| www.9139.space-正德体彩app| www.39810.com-成立彩票公司| www.0518.wang-福彩刮刮乐中大奖| www.10852.com-亚洲杯中奖彩票| www.026480.com-专业一分快三计划| www.800334.com-卓易彩票怎么没有了| www.946519.com-福建体彩兑奖| www.1576.top-彩宝彩票吧-| www.110431.com-福彩快3查询| www.258889.com-中国竞彩投注比例| www.452897.com-竞彩收米app| www.397377.com-上海快彩11选5| www.471342.com-招财猫彩票ios| www.037920.com-免费彩票组合软件| www.218269.com-三分快三计划在线| www.009031.com-彩票开奖今晚结果| www.775729.com-卖彩票的网名大全| www.871411.com-福彩3d全图总汇| www.e12.club-手机购彩票网站| www.326.tv-彩票圣经-| www.200867.com-一定牛彩票网下载| www.243744.com-中国福彩3d预测| www.265886.com-宁夏福彩网-| www.75nx.com-苏式彩画高清图片| www.634414.com-注册47彩票-| www.254697.com-湖北快三今天未出号| www.333445.com-彩宝贝彩票开奖查询| www.603183.com-福利彩奖-| www.878093.com-重庆时彩对刷| www.076484.com-福利彩票几个数字| www.711293.com-彩票被黑不给出款| www.815836.com-福彩3d倍投的秘密| www.2467.cc-今天3d天天彩报| www.213165.com-免费搭建时时彩平台| www.545770.com-彩票机换纸视频| www.686069.com-体彩大乐乐秀| www.831256.com-4月足彩-| www.961342.com-生彩宝彩票-| www.71br.com-买彩票的诗词| www.115109.com-江苏福彩彩票| www.514453.com-彩妆连锁加盟品牌| www.671543.com-彩一万网站-| www.754109.com-彩票平台注册| www.858953.com-冲1元送38彩金| www.953269.com-91彩神网址-| 网易彩票www.26163n.com| www.298680.com-彩票开奖结果全部| www.857660.com-彩之源网站下载| www.935873.com-彩神uv喷绘机| www.702389.com-靠谱的网彩-| www.899682.com-快乐十分钟彩票玩法| www.988173.com-体彩大乐透专家总汇| www.fm07.com-广东快乐十分彩开奖| www.q33.space-更好的体彩官网| www.61ox.com-福彩3d走和值号码| www.210851.com-快三开奖预提前漏洞| www.5970.me-我要看体彩排列三| www.26ih.com-800彩票安卓| www.72hm.com-世界杯千万体彩| www.513633.com-重庆时时彩5星复试| www.670491.com-起个彩票网名| www.751782.com-查看彩票中奖扫一扫| www.856236.com-百信盈福彩-| www.910940.com-湖北快三遗漏遗漏| www.971246.com-彩迷葫芦弟彩票| 爱彩乐www.497918.com| www.a80.com-最好的彩票投注网站| www.237672.com-北京快三中奖| www.194207.com-吉林快三走势表今天| www.960668.com-天津快三玩法| www.211105.com-安徽快三网上投注| www.298573.com-兰州市体彩中心电话| www.369557.com-老彩民高手公式论坛| www.521908.com-彩票出大奖投注站有| www.593334.com-买彩票犯不犯法| www.667176.com-佛菩萨、彩票、股票| www.275988.com-中国福彩下注| www.568942.com-新运种福彩-|