支持多人在线的 HTML5 游戏:BrowserQuest-PHP 经验

Mozilla 上线的一款支持多人在线的 HTML5 游戏 BrowserQuest ,来展示 HTML5 功能的强大。 该游戏主要使用 HTML5 进行开发,在游戏中,玩家扮演一个年轻的战士,在危险的世界中展开冒险并寻找宝藏。

efbb 2015-05-07   22326   0

HTML5版的2048游戏,模仿原生体验 经验

html5版的2048游戏 1.模仿原生游戏体验,实现完美的动画效果 2.完美适应各种屏幕的大小 3.提供死局检测,实时计分,历史最高成绩记录以及重新开始功能 4.游戏方法:↑上滑 ↓下滑 ←左滑 →右滑

jopen 2015-10-13   15485   0

JavaScript HTML5 游戏开发框架: hitagi.js 经验

Hitagi是一个JavaScript HTML5 游戏开发框架。让您爱代码和数据区分开来。它使用一个实体 - 组件 - 系统架构。 How does it work? Entities are our

jopen 2015-09-26   17819   0

轻量级的HTML5游戏引擎 melonJS 经验

是我们过去实验的结果,是一个开放、自由而且使用简单的HTML网页游戏开发包。虽然还有一个大工作正在进行中,melonJS已经可以轻松地创建一些不错的游戏。 melonJS 集成了流行的砖块地图格式,可使用

jopen 2012-01-15   29889   0
P32

  HTML5 跨平台游戏开发 文档

1. HTML5跨平台游戏开发腾讯 无线游戏产品部 曹雨 http://t.qq.com/aniao8527 2. 保证在各个平台可以正常使用保证照顾到各个平台的的性能保证各个平台的用户体验并照顾到平台差异性跨平台的标准

f7ex 2014-10-19   2590   0

HTML5 + js 贪吃蛇游戏设计与实现 经验

游戏截图: 游戏架构: 此游戏架构大概分为三层: Game.html: 说明:包含了界面的展示,以及一些事件的入口。 完整代码: html5</p></div> <div class="meta"> <a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" m47c " data-id="492783" href="https://user.open-open.com/u/492783"> <img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> m47c </a> <span class="t"> <i class="fa fa-clock-o"></i> 2015-09-21 </span>  <span class="number">53829 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/lib/tag/html5.html">HTML5</a>   <a class="" href="/lib/tag/youxi-kaifa.html">游戏开发</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/lib/view/open1332165783827.html" target="_blank"> <em>HTML5</em> 2D<em>游戏</em>引擎 gibdo</a> <span class="con-type">经验</span> </h2> <div class="description"><p>Gibdo是一个采用CoffeeScript开发的<em>HTML5</em> Canvas<em>游戏</em>引擎。它具有以下特性: 一个可滚动的视图窗口,用于跟踪整个<em>游戏</em>世界中的玩家 检测允许球员移出屏幕的中心边缘达到极限 碰撞检测</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/ba459168fbd284cbf454134ded7d386d.jpg" data-avatar="https://simg.open-open.com/show/ba459168fbd284cbf454134ded7d386d.jpg" data-name=" fmms " data-id="2869" href="https://user.open-open.com/u/2869"> <img src="https://simg.open-open.com/show/ba459168fbd284cbf454134ded7d386d.jpg" width="24"> fmms </a> <span class="t"> <i class="fa fa-clock-o"></i> 2012-03-19 </span>  <span class="number">21091 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/lib/tag/html5.html">HTML5</a>   <a class="" href="/lib/tag/youxi-kaifa.html">游戏开发</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/lib/view/open1339462432084.html" target="_blank"> <em>HTML5</em><em>游戏</em>开发引擎 - lufylegend</a> <span class="con-type">经验</span> </h2> <div class="description"><p>一,lufylegend.js是什么? lufylegend 是一个<em>HTML5</em>开源引擎, 它实现了利用仿ActionScript3.0的语法进行<em>HTML5</em>的开发,包含了 LSprite,LBitmapData,L</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" data-avatar="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" data-name=" openkk " data-id="361" href="https://user.open-open.com/u/361"> <img src="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" width="24"> openkk </a> <span class="t"> <i class="fa fa-clock-o"></i> 2012-06-11 </span>  <span class="number">33785 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/lib/tag/html5.html">HTML5</a>   <a class="" href="/lib/tag/youxi-kaifa.html">游戏开发</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="rank border ut-120-170"> <img class="lazy" src="https://static.open-open.com/img/wdfm.png" data-original="https://simg.open-open.com/show/3448a2594b0fb001193d251a83943563.png" > </div> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/1cec004" target="_blank"> 2011年16个非常有趣的免费<em>HTML5</em><em>游戏</em></a> <span class="con-type">资讯</span> </h2> <div class="description"><p>下面介绍的这些<em>HTML5</em><em>游戏</em>都非常有趣,可以在线试玩。 1. Chain Reaction 2. Biolab Disaster 3. Bubble Trouble </p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/c91840ca23a75dfde1ac78c0018faf45.jpg" data-avatar="https://simg.open-open.com/show/c91840ca23a75dfde1ac78c0018faf45.jpg" data-name=" 码头工人 " data-id="1" href="https://user.open-open.com/u/1"> <img src="https://simg.open-open.com/show/c91840ca23a75dfde1ac78c0018faf45.jpg" width="24"> 码头工人 </a> <span class="t"> <i class="fa fa-clock-o"></i> 2011-09-09 </span>  <span class="number">10670 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">1 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/ebc565" target="_blank"> 在<em>游戏</em>领域,性感的<em>HTML5</em>不敌Flash(信息图)</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>的报道可谓是铺天盖地,称其性感十足,大有席卷整个互联网之势。然而,来自<em>游戏</em>网站 One More Level 的一份信息图却显示,并非所有主流<em>游戏</em>开发商都采用 HTML 5,在<em>游戏</em>领域,HTML 5 不敌 Flash。 既然</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924"> <img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a> <span class="t"> <i class="fa fa-clock-o"></i> 2012-02-01 </span>  <span class="number">6474 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/511a93" target="_blank"> 颠覆App!LayaBox用Flash开发重度<em>HTML5</em><em>游戏</em></a> <span class="con-type">资讯</span> </h2> <div class="description"><p>SDK到腾讯、百度、360、搜狐等互联网巨头之间的布局争夺,<em>HTML5</em>这股热潮在移动互联网领域大行其道,尽管拥有最小化成本、一次编写随处运行、允 许应用不断更新等优势,但<em>HTML5</em>用于大型<em>游戏</em>行业那糟糕的流畅度、耗电量和发热缺陷却也颇遭众多开发者诟病与质疑。</p></div> <div class="meta"> <a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" n7w77 " data-id="474717" href="https://user.open-open.com/u/474717"> <img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> n7w77 </a> <span class="t"> <i class="fa fa-clock-o"></i> 2015-03-19 </span>  <span class="number">6909 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/13c8c1d" target="_blank"> 6个流行的<em>HTML5</em><em>游戏</em>框架</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>rendering game engine that you can use to build <em>html5</em> and mobile games. Be sure to checkout this awesome</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924"> <img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a> <span class="t"> <i class="fa fa-clock-o"></i> 2015-07-03 </span>  <span class="number">7785 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">1 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/17a7105" target="_blank"> <em>HTML5</em><em>游戏</em>——只是趋势 未到爆点</a> <span class="con-type">资讯</span> </h2> <div class="description"><p><em>HTML5</em> <em>游戏</em>是一个趋势,对现状而言,这仅是一个趋势。规则简单、进程快、时间短,成为 <em>HTML5</em> <em>游戏</em>被迅速认可的主要原因。通过社交网络的分享,获取更广泛的传播,产品变成商业的逻辑正源于此。在资本市场的推波助澜后,留下的只有</p></div> <div class="meta"> <a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" m45y " data-id="483434" href="https://user.open-open.com/u/483434"> <img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> m45y </a> <span class="t"> <i class="fa fa-clock-o"></i> 2015-06-01 </span>  <span class="number">8480 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/2a40bb" target="_blank"> 25+最好的<em>HTML5</em><em>游戏</em>引擎</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>从头开始构建一个<em>游戏</em>并不总是一个好主意,所以我们将介绍一些最流行的<em>HTML5</em><em>游戏</em>框架。帮助你快速开发。 Canvas Puzzle 一个完整的可定制的易于实现<em>HTML5</em>的拼图 MORE</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924"> <img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a> <span class="t"> <i class="fa fa-clock-o"></i> 2013-12-31 </span>  <span class="number">36559 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="rank border ut-120-170"> <img class="lazy" src="https://static.open-open.com/img/wdfm.png" data-original="https://simg.open-open.com/show/0ce7404cad8c83df3930e69d5f1eb71b.jpg" > </div> <div class="content ut-pl15"> <h2 class="header"> <a href="/project/5068362063277891106.html" target="_blank"> 轻量级<em>HTML5</em><em>游戏</em>引擎 melonJS</a> <span class="con-type">开源项目</span> </h2> <div class="description"><p>melonJS是一个全新、轻量级,基于精灵的2D<em>游戏</em>引擎。兼容所有支持<em>HTML5</em> 览器包括:Chrome、Safari、Firefox、Opera。支持多声道。提供基本物理和碰撞机制(以确保CPU的要</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/c91840ca23a75dfde1ac78c0018faf45.jpg" data-avatar="https://simg.open-open.com/show/c91840ca23a75dfde1ac78c0018faf45.jpg" data-name=" 码头工人 " data-id="1" href="https://user.open-open.com/u/1"> <img src="https://simg.open-open.com/show/c91840ca23a75dfde1ac78c0018faf45.jpg" width="24"> 码头工人 </a> <span class="t"> <i class="fa fa-clock-o"></i> 2019-02-23 </span>  <span class="number">1343 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/project/tag/canvas.html">canvas</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/18b1620" target="_blank"> 浏览器大推<em>HTML5</em>才有戏?欧朋推<em>HTML5</em><em>游戏</em>引擎</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>手机浏览器厂商已经是 <em>HTML5</em> <em>游戏</em>和应用推动的主力。当地时间 2 月 26 日,手机浏览器厂商 Opera (欧朋)在 2013 年世界移动通信大会上发布 <em>HTML5</em> <em>游戏</em>处理引擎“欧朋 Sphinx”。除</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924"> <img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a> <span class="t"> <i class="fa fa-clock-o"></i> 2013-02-26 </span>  <span class="number">6615 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="rank border ut-120-170"> <img class="lazy" src="https://static.open-open.com/img/wdfm.png" data-original="https://sdoc.open-open.com/image/0a6b102660c97d9625c93ec48f77159c_thumb.jpg" > <span class="label ">P23</span> </div> <div class="content ut-pl15"> <h2 class="header"> <a href="/doc/db1fc90295544128b69fdd13d51f6f6d.html" target="_blank"><i class="fa fa-file-word-o" aria-hidden="true"></i>  <em>游戏</em>之乐 - <em>游戏</em>中碰到的题目</a> <span class="con-type">文档</span> </h2> <div class="description"><p> 第1章 <em>游戏</em>之乐 ——<em>游戏</em>中碰到的题目 代码清单1-1 int main() { for(; ; { for(int i = 0; i < 9600000; i++) ; Sleep(10); }</p></div> <div class="meta"> <a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" kidding33 " data-id="97870" href="https://user.open-open.com/u/97870"> <img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> kidding33 </a> <span class="t"> <i class="fa fa-clock-o"></i> 2012-06-14 </span>  <span class="number">2982 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"></div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/13dfd30" target="_blank"> 10个常见的 <em>HTML5</em>, JavaScript 3D <em>游戏</em>引擎和框架</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>oldest game engines and is dated back to 2009 when <em>HTML5</em> and WebGL were still in the making .  Turbulenz</p></div> <div class="meta"> <a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" cymt " data-id="480040" href="https://user.open-open.com/u/480040"> <img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> cymt </a> <span class="t"> <i class="fa fa-clock-o"></i> 2015-05-02 </span>  <span class="number">38615 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/youxi-yinqing.html">游戏引擎</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/f7565e" target="_blank"> <em>HTML5</em><em>游戏</em>开发开源库件lufylegend1.3.1发布</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>LLoader,LURLLoader,LTextField,LEvent等多个AS开发人 员熟悉的类,使得<em>html5</em>的开发可以变得简单。 二, lufylegend.js库件 的下载 http://legen</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" data-avatar="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" data-name=" openkk " data-id="361" href="https://user.open-open.com/u/361"> <img src="https://simg.open-open.com/show/aea357384dd8fef6933d5f6f116c5509.jpg" width="24"> openkk </a> <span class="t"> <i class="fa fa-clock-o"></i> 2012-04-10 </span>  <span class="number">16983 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> <div class="item ut-pd10 "> <div class="content ut-pl15"> <h2 class="header"> <a href="/news/view/1acc93d" target="_blank"> EA首款<em>HTML5</em><em>游戏</em>将在Google开发者大会展示</a> <span class="con-type">资讯</span> </h2> <div class="description"><p>根据《纽约时代》的报告,全球最大<em>游戏</em>开发商之一 EA 公司将在本周 Google 的I/O开发者大会上展示一款名为 Strike Force 的多人<em>游戏</em>。这款<em>游戏</em>除了具备让人耳目一新的 3D 视觉、人</p></div> <div class="meta"> <a class="aut" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-avatar="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" data-name=" jopen " data-id="37924" href="https://user.open-open.com/u/37924"> <img src="https://simg.open-open.com/show/41771eadd463a28f6b623f3d3775f8fe.jpg" width="24"> jopen </a> <span class="t"> <i class="fa fa-clock-o"></i> 2012-06-27 </span>  <span class="number">6829 <i aria-hidden="true" class="fa fa-eye"></i></span>  <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span> <div class=" float-right ui-tags"> <a class="" href="/news/tag/html5.html">HTML5</a>   </div> </div> </div> </div> </section> <div class="usage-search clearfix"> <h2 class="" aria-label=""><strong>HTML5 游戏</strong> 的相关搜索</h2> <div > <ul class="float-left"> <li><a href="https://www.open-open.com/search/?kw=JavaScript、jQuery、HTML5、Node.js实例大全" >JavaScript、jQuery、<em>HTML5</em>、Node.js实例大全</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5行业" ><em>HTML5</em>行业</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5看什么书" ><em>HTML5</em>看什么书</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5动画特效" ><em>HTML5</em>动画特效</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5 Builder" ><em>HTML5</em> Builder</a></li></ul> <ul class="float-left"> <li><a href="https://www.open-open.com/search/?kw=HTML5电子书翻页动画" ><em>HTML5</em>电子书翻页动画</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5适配" ><em>HTML5</em>适配</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5视频播放ios" ><em>HTML5</em>视频播放ios</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5 与CSS3 权威指南" ><em>HTML5</em> 与CSS3 权威指南</a></li> <li><a href="https://www.open-open.com/search/?kw=HTML5" ><em>HTML</em>5</a></li> </ul> </div> </div> <div class="ui-pagination clearfix"> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=4 class='pg-pre'><i class='fa fa-angle-left'></i></a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=1>1</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=2>2</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=3>3</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=4>4</a> <strong>5</strong> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=6>6</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=7>7</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=8>8</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=9>9</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=10>10</a> <a href=https://www.open-open.com/search/?kw=HTML5+%E6%B8%B8%E6%88%8F&page=6 class='pg-next'><i class='fa fa-angle-right'></i></a> </div> </div> <div class="col-md-3"> <div class=" ui-box ut-pd20"> <div class="title"><h3>关键词</h3></div> <p class="tags mt10"> <a class="" href="/wenku/?tags=HTML5">HTML5</a> <a class="" href="/wenku/?tags=HTML">HTML</a> <a class="" href="/wenku/?tags=jQuery插件">jQuery插件</a> <a class="" href="/wenku/?tags=游戏开发">游戏开发</a> <a class="" href="/wenku/?tags=C/C++">C/C++</a> <a class="" href="/wenku/?tags=前端技术">前端技术</a> <a class="" href="/wenku/?tags=Cheat Sheet">Cheat Sheet</a> <a class="" href="/wenku/?tags=Ajax框架">Ajax框架</a> <a class="" href="/wenku/?tags=C/C++开发">C/C++开发</a> <a class="" href="/wenku/?tags=文件上传jQuery插件">文件上传jQuery插件</a> <a class="" href="/wenku/?tags=Node.js 开发">Node.js 开发</a> <a class="" href="/wenku/?tags=Pong!">Pong!</a> <a class="" href="/wenku/?tags=Pienoon">Pienoon</a> <a class="" href="/wenku/?tags=WebSockets">WebSockets</a> <a class="" href="/wenku/?tags=ParrotHunt">ParrotHunt</a> <a class="" href="/wenku/?tags=Front end development">Front end development</a> <a class="" href="/wenku/?tags=Slideshow">Slideshow</a> </p> </div> </div> </div> </div> </div> </div> <footer > <div class="container py-5"> <div class="row"> <div class="col-md-3"> <h5>社区</h5> <div class="row"><div class="col-md-6"><a class="text-muted" href="/project/">项目</a></div><div class="col-md-6"><a class="text-muted" href="/solution/">问答</a></div><div class="col-md-6"><a class="text-muted" href="/wenku/">文库</a></div><div class="col-md-6"><a class="text-muted" href="/code/">代码</a></div><div class="col-md-6"><a class="text-muted" href="/lib/">经验</a></div><div class="col-md-6"><a class="text-muted" href="/news/">资讯</a></div></div> <ul class="list-unstyled text-small ut-mt20"><li><a class="text-muted" title=" 安卓开发专栏" target="_blank" href="http://www.open-open.com/lib/list/177">安卓开发专栏</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/tag/开发者周刊" target="_blank" rel="tag">开发者周刊</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/view/open1475497562965.html" target="_blank" rel="tag">Android Studio 使用推荐</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/view/open1475497355674.html" target="_blank" rel="tag">Android开发推荐</a></li></ul> </div> <div class="col-md-3"> <h5>帮助中心</h5> <ul class="list-unstyled text-small"><li><a class="text-muted" href="/upload.html">文档上传须知</a></li></ul> <h5>关于我们</h5> <ul class="list-unstyled text-small"><li><a class="text-muted" href="/about.html">关于深度开源</a></li><li><a class="text-muted" href="/duty.html">免责声明</a></li><li><a class="text-muted" href="/contact.html">联系我们</a></li></ul> </div> <div class="col-md-6 text-center"><img class=center-block src="https://static.open-open.com/img/logo01.svg" width=190px alt="深度开源"><small class="d-block mb-3 text-muted ut-mt40">© 2006-2019 深度开源 —— 开源项目,开源代码,开源文档,开源新闻,开源社区  杭州精创信息技术有限公司  <br/><br/><img src="https://static.open-open.com/img/beian.png"/><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33018302001163">  浙公网安备 33018302001163 号</a>  <a target="_blank" href="https://beian.miit.gov.cn">浙ICP备09019653号-31</a></small></div> </div> </div> </footer> <div id="fTools"><span id="gotop"> <i class="fa fa-arrow-up" aria-hidden="true"></i> </span><span id="feedback" title="建议反馈"> <i class="fa fa-inbox" aria-hidden="true"></i></span></div> <script type="text/javascript" src="https://static.open-open.com/js/lib.js?v=1.02"></script> <script type="text/javascript" src="https://static.open-open.com/assets/popper.min.js"></script> <script src="https://static.open-open.com/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://static.open-open.com/js/base.js?v=1.02"></script> <script type="text/javascript" src="https://static.open-open.com/js/jq-plug.js?v=1.02"></script> <script> $(function () { JC.reminderPop();//弹出用户信息 // JC.messagesPop(); //JC.getNotice(); //动态广播 $(".link-login").click(function(){ JC.lORr('login'); }); $("#topSearch").searchInit(); //用户登录状态 JC.setLogin(false); }); </script> <!-- JavaScript at the bottom for fast page loading --> <script> //index $(function () { function GetUrlParms() { var args = new Object(); var query = location.search.substring(1);//获取查询串 var pairs = query.split("&");//在逗号处断开 for (var i = 0; i < pairs.length; i++) { var pos = pairs[i].indexOf('=');//查找name=value if (pos == -1) continue;//如果没有找到就跳过 var argname = pairs[i].substring(0, pos);//提取name var value = pairs[i].substring(pos + 1);//提取value args[argname] = decodeURI(value);//存为属性 } return args; } var channel = ["all","learn","enjoy","resource","doc","solution","ppt", "", "", "pdf", "project", "lib", "code", "news", "blog"], args = new Object(), url = "https://www.open-open.com/search/", kw = "", t = 0, page = 1, channelList=$(".all-sort-list"); args = GetUrlParms(); if (args["kw"] != undefined) {kw = args["kw"].replace(/\+/g,' ').replace(/(^\s*)|(\s*$)/g, "");} if (args["page"] != undefined) {page = args["page"];} if (args["t"] != undefined) {t = parseInt(args["t"]);} $('.'+channel[t]).addClass("active"); $("#search-form input[name=t]").val(t); function goto(t) {return (t==0)?url+ "?kw="+kw:url+ "?kw="+kw+"&t="+t;} $('.tab').click(function () { window.location = goto($(this).data('t')) }); $('#search-form .close').click(function () { $("#search-form input[name=kw]").val('').focus(); $(this).hide(); }); }); </script> <!-- end scripts --> </body> </html>