HTML5 Canvas API

<canvas>是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和一些复杂的)动画。<canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入,而后被应用于Safari。基于Gecko1.8的浏览器,例如Firefox 1.5,也支持这个新元素。元素<canvas>是WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。

当我们在页面中添加一个<canvas>元素时,它就在页面中创建了一个矩形区域。这个矩形区域默认宽为300px高为150px,当然,我们也可以自定义它的宽和高并设置这个元素的属性。<canvas>看起来很像<img>,唯一不同就是它不含src和alt属性。下面演示添加在HTML页面中的<canvas>元素。

Continue reading →

jQuery插件——Roundabout

提示:你可以先修改部分代码再运行。

前面分享的模板中大家印象最深的应该是上面一大块图片轮播吧,我看了下代码,人家用的是一个jquery插件——Roundabout。
Roundabout是一个jQuery插件,它可以改变静态html元素的组织形式并使之成为可按用户需要作更改的转盘式的交互区域(当然可能你不喜欢这种转盘式的,这里他还提供了另外一些形态,点此查看)
在它最简单的配置中,Roundabout可以使用有序或无序列表,然而进行一些快速的配置后,Roundabout则可以使用一些嵌套元素。
这里的三个步骤可以帮助你把无序列表转换成令人兴奋的转盘。
Continue reading →