简明现代魔法 -> HTML超文本标记语言

使用HTML5 Canvas实现画图效果

一个简单的Canvas应用

功能很简单,原理其实和拖放是类似的,主要是三个事件:在canvas 上绑定mousedown 事件以标志绘画的开始(调用moveTo 移动画笔) 在document 上绑定mousemove 事件来处理绘画时的行为(调用lineTo 以及stroke 进行绘画) 在document 上绑定mouseup 事件以标志绘画的结束(解绑document 上的两个事件)

发布于 2011-07-16 分类:html

用HTML5实现一个时钟

图片指针用ctx的drawImage可以实现

HTML5足够强大实现很多功能,画一个时钟只是一个小玩意。图片指针用ctx的drawImage可以实现。至于兼容性问题,网上的解决方案已经很多了。这个东东是用来玩的,不是用来做应用的,学习下canvas API。

发布于 2011-07-06 分类:html

你了解HTML标签原本的意义吗

把HTML标签用到该用的地方去

“DIV+CSS”这个词汇不知道害了多少人,也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。这样做,对于视觉上并没有什么影响,因为还原了之前设计的页面效果图,但如果这种HTML文档交给机器(例如蜘蛛)去分析,它可能根本找不到重点,你整个页面对它来说,就如同一个白蚁窝。

发布于 2011-06-18 分类:html

一个好玩的HTML5塔防小游戏

强大的HTML5游戏例子

先说明,如果你的浏览器不支持HTML5,那么就无法看到这个游戏。所以请使用Firefox、Chrome等浏览器看本页。该游戏支持ff,chrome,ie9,safari。ie6,7,8就不支持了,你懂,其余的没测试过,理论上支持html5的浏览器都能用。每种塔都可以升级到3级,升级的价格与本身建造相同,卖掉的话就是总额的一半。

发布于 2011-06-17 分类:html

干净且富有语义的HTML是多么优雅

使用富有语义的标签来编写干净的html代码

如果你是一个使用div标签做任何事的家伙,那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板,那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码,不仅对你自己有益,而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间。

发布于 2011-05-23 分类:html

不应忽视的一些HTML优化技巧

HTML是真正的展示"前端"

随着Web2.0技术的不断发展,Web前端的优化受到越来越多的关注,特别是JavaScript和CSS优化的讨论一直是热点,工具也相对丰富,而对HTML优化则有所忽视,最近,来自百度泛用户体验团队的工程师Miller(chenminliang)撰文强调了HTML优化的重要性和相关技巧。

发布于 2011-02-21 分类:html

HTML canvas五星红旗绘制

学习canvas的一个小实例

作为HTML5标准的一部分,Canvas元素允许脚本动态渲染点阵图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 javascript 以使脚本能够把想绘制的东西都绘制到一块画布上。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。

发布于 2011-02-07 分类:html

HTML图片热区map area的用法

在图片的特定区域添加热区与链接

area标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。shape和coords:是两个主要的参数,用于设定热点的形状和大小。coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。

发布于 2011-01-04 分类:html

JPG图片上传在IE下的问题

ie会把 jpg、jpeg翻译成image/pjpeg

前一段时间做了一个图片上传的小程序,今天有人说jpg图片上传不了。我在本地Chrome、Firefox测了下,发现没有问题,上传正常。我问他用什么浏览器,原来是世界之窗、还有360......我囧。我想,是不是IE的问题?于是我在IE下测了,果然不行。传图片时,ie会把 jpg、jpeg翻译成image/pjpeg,png翻译成image/x-png 。

发布于 2010-12-31 分类:html

HTML5 canvas实现流体力学

这个世界牛人实在太多了

某人用Java搞了一个流体力学的演示:http://grantkot.com/MPM/Liquid.html。 HTML 5版的流体力学演示(推荐使用Chrome浏览器浏览)不过,这仅仅是个开始。某同学将其发布上了reddit.com,于是,全世界的同学们开始给力了。

发布于 2010-12-25 分类:html

可移动的div层设计

看看常见的可拖动层是如何实现的

可拖动的层在Web设计中用处很多,比如在某些需要自定义风格布局的应用中,控件就需要拖动操作,下面介绍一个,希望可以满足你的需求,顺便学习一下可拖动的层是如何实现的。下面是效果演示:

发布于 2010-12-19 分类:html

IE下textarea清空回车换行

textarea这个标签太麻烦了

在textarea中回车,会产生转义字符\r\n,有些时候我们不需要这两个转移字符,也就是清空textarea。下面的方法并不是清空,但是能够起到差不多的效果。如果在textarea中按回车,内容提交之后,在textarea中会留下\r\n这两个转义字符,光标会在第二行。

发布于 2010-09-19 分类:html

深入解析form标签

常用的form标签你真的了解吗?

在Javascript中,页面上的每一对form标记都解析为一个对象,即form对象。可以通过document.forms获取以源顺序排列的文档中所有form对象的集合。每一个表单元素的文字描述都应该使用label标记。该标记用于将文字绑定到对应的表单元素上,它的for属性指定它所要绑定的表单元素id值。

发布于 2010-08-16 分类:html

使用DOM动态操作表格

深入了解你认为很简单的表格

summary 属性:用于概括整个表格的内容。它对于搜索引擎的机器人记录信息十分重要。bordercolor 属性:用来设置表格边框的颜色。但它在不同的浏览器下显示的效果不一致。(不推荐使用bordercolor 属性,而推荐使用CSS 样式表的border 属性来进行设置)。

发布于 2010-08-13 分类:html

介绍一些 HTML5 语义标签

语义标签是HTML5的一大改进

HTML5 规范包括一系列新的语义元素,用于提供 Web 页面的各个区域或部分的意义,例如页眉、页脚、导航等等。在以前版本的 HTML 中,通常使用 <div> 元素来创建这些部分,使用 ID 或 类属性来区分它们。这样做的问题是这没有任何语义意义,因为没有定义严格的规则来指定要使用的类名称或 ID,使软件极其难以确定特定区域的操作。

发布于 2010-07-24 分类:html
 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们