本文实例讲述了JS实现动画兼容性的transition和transform方法。分享给大家供大家参考,具体如下:
今天在开发纯手工js打造图片滚动效果的时候,遇到一件不愉快的兼容事件。
使用如下:
以上使用js设置style样式的方式实现,在pc端显示的各种好,可以自动滚动,一到手机上面各种不兼容就出来了。在addSlideStyle里面添加-webkit-前缀也没有得以解决。
于是乎,各种搜索原来是mobile的兼容问题,改成js设置动画:
调用如下:
知识小科普:其中设置各种浏览器兼容性格式如下
调用如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。