als.js标题与图片滚动效果演示
als.js 的标题和图片滚动效果,真挺实用的。尤其是想快速做出点动态交互的网页,这个小库能省不少事。支持 4 种常见方式:连续滚动、淡入淡出、滑块切换、网格翻转,每一种都有自己的场景用法。比如你做个产品列表或者图文轮播,用连续滚动就顺滑;如果是首页 banner,淡入淡出看起来更高级些。
als.js 的 API 不复杂,参数也比较好懂。像autoplay
、speed
、effect
这些,一试就上手。而且它支持触摸滑动,响应也快,在手机上表现还不错。样式可以自己调,挺灵活的。
不过要注意几个坑:一个是图片尽量压缩下,不然加载慢;还有一个是旧浏览器支持不太好,别忘了测一下兼容性。做响应式的时候,布局别写死,用百分比或 flex,适配起来更方便。
想快速上手?你可以去下载texiao655_1560681044
压缩包,里面有源码和 4 种效果的 demo,拆开看一眼就懂了。
如果你还想探索更多类似的 js 图片滚动玩法,可以看看这些:javascript 图片滚动效果、js 图片滚动效果、js 图片切换滚动,都挺有参考价值的。
,als.js 属于那种“轻、快、够用”的类型。用熟了,做几个好看的图文轮播完全不费劲。如果你正好在搞企业站或者 H5 页面,可以试试它,少写点重复代码,效率高不少。
下载地址
用户评论