flash动画转换为HTML5+JAVASCRIPT

flash动画转换为HTML5+JAVASCRIPT

最近有朋友问我,一些flash动画能不能转换成HTML5+Javascript。 想了下,觉得这是个很有趣的想法。于是拿来一个作为实验的例子。

flash页面如下:

http://pekta.com/

生成之后的网页如下:

http://css-tricks.com/examples/NineImages/

是一个九宫格的效果,加载后会有鼠标划过,产生水纹状的特效。

使用了jquery插件实现,源码内部有注视,大家可以自己去看。其中的css属性需要支持CSS3的浏览器支持。例如在移动设备的Safari浏览器中可以很好的展现。

这里不再多讨论关于代码的实现问题。示例中的九幅图片都采用了背景绝对定位的方式。