HTML5
_iorilan
10年以上软件工程经验,先后从事在线教育/IT金融/即时通信/政府/物流平台/零售/门禁/监控等领域。专注夯实基础/项目成本与架构平衡/框架调研/团队高效协同工作
展开
-
HTML5中的 querySelector
原文地址:http://www.cnblogs.com/lingyibin/articles/2135120.html Selectors API Example .green{backg转载 2011-10-08 11:54:49 · 4191 阅读 · 0 评论 -
HTML5 之标签实验室、HTML5标签总结
audio标签用法(给一个音频文件的地址,可以显示指定是否可手动控制)-->Your browser does not support the audio element.video标签用法(用法与audio类似,给一个视频文件的地址,可以显示指定是否可手动控制)-->your browser does not support t原创 2011-06-29 15:20:00 · 2045 阅读 · 0 评论 -
HTML5 + js 贪吃蛇游戏设计与实现
游戏架构:此游戏架构大概分为三层:Game.html:说明:包含了界面的展示,以及一些事件的入口。 完整代码:html5 snake game 游戏面板-->你的浏览器不支持这个游戏!原创 2011-08-03 17:59:14 · 10361 阅读 · 3 评论 -
html5 涂鸦板
效果图:HTML5涂鸦板var drawingBrd;var context;var penColor ="#FF0000";var penSize = 1;window.onload = function(){//====================涂鸦板===============原创 2011-12-28 14:03:29 · 2437 阅读 · 1 评论 -
JS+HTML5 游戏模板
game.html :var canvas = document.getElementById("cvsPnl");var context = canvas.getContext("2d");////原创 2011-09-01 15:25:56 · 2300 阅读 · 1 评论 -
HTML5 拖拽图片到网页内
拖拽本地图片到页面指定元素内 window.onload = function() {/*拖拽事件监听========================================*/ var oDropBox = document.getElementById('dropBox');原创 2011-12-16 16:04:08 · 2016 阅读 · 0 评论 -
HTML5拖拽二 植物大战僵尸V0.1版本
为研究HTML5中的拖拽事件,以下是V0.1的植物大战僵尸的HTML5代码,功能还没有完善,利用了HTML5的拖拽。植物大战僵尸V0.1.wapon{width:50px;height:50px;border:1px sol原创 2011-09-15 14:34:22 · 2802 阅读 · 1 评论 -
HTML5--canvas之drawImage用法
HTML5中引入新的元素canvas,其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型:drawImage(image, dx, dy) drawImage(image, dx,转载 2011-08-04 14:33:25 · 13073 阅读 · 0 评论 -
HTML5 本地存储DEMO ---localStorage
本例使用了jquery-->Add New Item To Local StorageKey  ValueRemove Item or ClearKeyAll Key/Value pairs////浏览器是否支持本地存储 function support原创 2011-07-22 14:40:55 · 2599 阅读 · 0 评论 -
HTML5批量拖拽图片到网页
拖拽本地图片到页面指定元素内 function isImage(type) {switch (type) {case 'image/jpeg':case 'image/png':case 'image/gif':case 'image/bmp':case 'image/jpg':return true;default:return fals原创 2011-12-22 11:07:09 · 1889 阅读 · 0 评论 -
前端开发攻城师不可忽视的五个HTML5新特性
From : http://www.oschina.net/news/41995/good-html5-features?from=20130707HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标,HTML5绝对不容忽视。在今天这转载 2013-07-10 17:10:45 · 1524 阅读 · 0 评论 -
7 个效果震憾的 HTML5 应用组件
From : http://www.oschina.net/news/41941/7-html5-apps?from=20130707在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5是强大的,是WEB的未来。1、HTML5实时动态数据转载 2013-07-10 17:09:34 · 2455 阅读 · 0 评论 -
免费的网页原型制作工具
转自:http://hi.baidu.com/cjfhn/blog/item/e6651aa5936184e39052eeec.html网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。但这对于任何网络应用的开发都是非常重要的。当然有很多种方法可以做这件事情,最简单的就是拿起纸和笔,转载 2012-07-13 13:36:28 · 2457 阅读 · 0 评论 -
使用HTML5制作游戏
使用HTML5制作简单游戏记录一下自己制作游戏的基本模式和思路。游戏架构我的游戏制作架构图: l 浏览器接入层:提供浏览器检测能力(主要看是否支持HTML5),提供多种客户端接入的兼容处理。l 业务逻辑层:1. 自身业务2. 扩展业务:例如游戏语音软件系统的接入l 游戏系统(平行可扩展,以下所列出的也不是必须的)场原创 2012-01-08 15:30:53 · 2462 阅读 · 0 评论 -
HTML5之CANVAS 用法示例汇总
Your browser does not support the canvas element. Your browser does not support the canvas element.Your browser does not support the canvas element.Your browser does not supp原创 2011-06-29 15:17:00 · 1846 阅读 · 0 评论