缩略图是个很常用的功能。它的实现并不复杂，但如果原图是GIF动画的话，问题就会变得繁琐一点，下面通过一个取自CS警匪游戏的GIF动画来说明问题：
GIF动画图片：old.gif
为了让问题更加清晰，我们先还原动画各帧：
选择一：用PHP中的Imagick模块：
<?php
$image = new Imagick('old.gif');
$i = 0;
foreach ($image as $frame) {
$im...
[阅读全文]
不少人都已经在用CSS3中的动画了，但很多仅仅用在 某个元素的 hover上
其实，配合脚本的话，可以做到更多的动画效果，并且可以在很大程度上抛弃各种动画库。
先前一博客《用HTML5代替PPT》中，
我的各种动画效果就完全使用了CSS3的动画效果而不再使用jQuery的动画了。
点击查看展示
设置CSS
*{
-webkit-transition-duration:.15s;
-moz-transition...
[阅读全文]
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。
Tunnelers
纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
Th...
[阅读全文]
Approach 是一个 jQuery 插件，当鼠标接近对象时可以切换出各种动画样式。它跟 jQuery animate 插件有点类似，只不过 Approach 是根据距离来激活动画，而不是时间。
如果有一个对象，Foo，在开始时透明度为0.2，并使用了下面的代码：
在样式表中：
#foo { opacity: 0.2; }
在文件的脚本标签中：
$(“#foo”).approach({
opacity: 0.99
}, 300...
[阅读全文]
