大家可能都记得黑客帝国中经典的绿色文字滚动效果，很酷！昨天发现了一个vim的插件matrix.vim也有这效果。今天我用Javascript大致实现了那样的效果，可是有个严重的问题：运行的很慢，场景中同时存在20个以上实例的时候就一卡一卡的，谁有优化方案可以解决？或者你有其他的实现途径，欢迎交流。

我做的效果(只在Firefox中测试过)：http://www.phecda.org/ping/hack.html

更新：在IE7中测试通过，之前的不兼容是HTML对象setAttribute造成的，改为“className”+“obj.style.***”来兼容IE和firefox。

更新2：用position:absolute来再次实现同样效果，移动文字的位置同时文字替换，运行效率高了不少，实例数目由窗口大小决定。遗憾的是Firefox中视觉有明显跳跃。
效果2：http://www.phecda.org/ping/hack2.html

更新3：用第2种方法，在IE中很正常，firefox中有跳跃的感觉。于是想到了这个方法：文字不移动只在下面appendChild文字，同时改变方字的颜色；文字超出视界时删除。
效果3：http://www.phecda.org/ping/hack3.html

Tags: JavaScript

This entry was posted on 星期五, 03月 28th, 2008 at 12:49 pm and is filed under 网页. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.