JavaScript+Flash图片上下滚动效果

图片的上下滚动效果,用配合来做,在十几年前可是流行的搭配。用户交互,比如点按钮切图;搞定动画,滚起来顺滑,视觉效果蛮不错的。虽然现在用得少了,但看看老项目还是挺有参考价值的。

JavaScript 的图片滚动主要靠操作 DOM,比如用setInterval定时切换图片,再加点transform: translateY动画,流畅度也挺高。要是响应用户点击,还得监听事件,像onclick就用得挺多。

Flash 那边,基本就是搞ActionScript,通过时间轴控制图片的上下移动。可以加按钮,加监听事件,互动体验做得也不错。不过现在 Flash 基本退场了,手机也不支持,更多是历史参考。

JS+Flash 的混合方案,你可以用 JavaScript 调用 Flash 的接口,让网页里的 Flash 动起来。以前不少开发就这么搞,视觉丰富,代码也不算复杂。只不过现在想这么做,要先装 Flash 插件,有点折腾。

压缩包里的index.html应该是入口页面,flash目录里有.swf文件,估计就是动画效果,images放的是图片资源。想复刻或迁移到 HTML5,看看这份源码挺有。

如果你在维护老项目,或者好奇以前网页怎么做动画的,可以研究下这个资源。要是做新项目,建议用JavaScript + CSS3HTML5 Canvas,兼容性好,还更轻量。

rar 文件大小:338.67KB