动画兼容性JS转换与转换实例分析

本文介绍了js实现动画兼容的转换和转换方法，供大家分享，供大家参考：

今天，当开发一个纯手工JS来创建一个图片滚动效果时，会出现一个不愉快的兼容性事件。

js设置图片滚动动画效果如下：
无功addslidestyle =功能（时间、leftwidth）{
时间=时间| | 0；
leftwidth = leftwidth | | 0；
return'transition：所有+时间+的缓解了；变换：translate3d（+ leftwidth + 'px，0px，0px）；；
}；

使用如下：
slideulobj.style = addslidestyle（）；

JS以上使用设置风格来实现的，在各种良好的PC端的显示，可以自动滚动，一个手机与多种不兼容不兼容。此外WebKit的前缀addslidestyle尚未解决。

所以，各种搜索都是移动兼容的问题，要JS来设置动画：
无功settransition =功能（obj，时间）{
时间=时间| | 0；
var风格= 'all' +时间+的缓解了；
obj.style.webkittransition =风格；
obj.style.transition =风格；
}；
无功settransform =功能（obj，leftwidth）{
leftwidth = leftwidth | | 0；
VaR的风格= 'translate3d（+ leftwidth + 'px，0px，0px '）'；
obj.style.webkittransform =风格；
obj.style.transform =风格；
}；
无功setanimate =功能（obj，时间，leftwidth）{
settransition（对象、时间）；
settransform（obj，leftwidth）；
}；

电话如下：
setanimate（slideulobj）；

小知识科学：设置各种浏览器兼容格式如下
webkitproperty
mozproperty
msproperty
oproperty
财产

电话如下：
element.style.webkittransform = ；
element.style.moztransform = ；
element.style.mstransform = ；
element.style.otransform = ；
element.style.transform = ；

关于感兴趣的读者的Javaｓｃｒｉｐｔ相关内容的更多信息可以看到特别的站点：

希望本文能对javaｓｃｒｉｐｔ程序设计有所帮助。