als.js标题与图片滚动效果演示

als.js 的标题和图片滚动效果，真挺实用的。尤其是想快速做出点动态交互的网页，这个小库能省不少事。支持 4 种常见方式：连续滚动、淡入淡出、滑块切换、网格翻转，每一种都有自己的场景用法。比如你做个产品列表或者图文轮播，用连续滚动就顺滑；如果是首页 banner，淡入淡出看起来更高级些。

als.js 的 API 不复杂，参数也比较好懂。像autoplay、speed、effect这些，一试就上手。而且它支持触摸滑动，响应也快，在手机上表现还不错。样式可以自己调，挺灵活的。

不过要注意几个坑：一个是图片尽量压缩下，不然加载慢；还有一个是旧浏览器支持不太好，别忘了测一下兼容性。做响应式的时候，布局别写死，用百分比或 flex，适配起来更方便。

想快速上手？你可以去下载texiao655_1560681044压缩包，里面有源码和 4 种效果的 demo，拆开看一眼就懂了。

如果你还想探索更多类似的 js 图片滚动玩法，可以看看这些：javascript 图片滚动效果、js 图片滚动效果、js 图片切换滚动，都挺有参考价值的。

，als.js 属于那种“轻、快、够用”的类型。用熟了，做几个好看的图文轮播完全不费劲。如果你正好在搞企业站或者 H5 页面，可以试试它，少写点重复代码，效率高不少。