JavaScript+Flash图片上下滚动效果
图片的上下滚动效果,用
JavaScript 的图片滚动主要靠操作 DOM,比如用setInterval
定时切换图片,再加点transform: translateY
动画,流畅度也挺高。要是响应用户点击,还得监听事件,像onclick
就用得挺多。
Flash 那边,基本就是搞ActionScript
,通过时间轴控制图片的上下移动。可以加按钮,加监听事件,互动体验做得也不错。不过现在 Flash 基本退场了,手机也不支持,更多是历史参考。
JS+Flash 的混合方案,你可以用 JavaScript 调用 Flash 的接口,让网页里的 Flash 动起来。以前不少开发就这么搞,视觉丰富,代码也不算复杂。只不过现在想这么做,要先装 Flash 插件,有点折腾。
压缩包里的index.html
应该是入口页面,flash
目录里有.swf
文件,估计就是动画效果,images
放的是图片资源。想复刻或迁移到 HTML5,看看这份源码挺有。
如果你在维护老项目,或者好奇以前网页怎么做动画的,可以研究下这个资源。要是做新项目,建议用JavaScript + CSS3或HTML5 Canvas,兼容性好,还更轻量。
338.67KB
文件大小:
评论区