利用js代码实现页面中图片的旋转效果
1。概述在一些交易平台网站，如淘宝，拍拍网，等等，这是经常发现一些图片中的圆形的旋转，所以它是重复执行。
2。技术要点
它主要运用数学对象的罪（回数的正弦值）和cos（回于贤志），得到的正弦值和添加的算法来改变当前层的位置的余弦值，使画面可以在页面中旋转。
三.具体的实现
（1）这个例子使用javaｓｃｒｉｐｔ的数学对象的正弦和余弦值来改变当前层的位置。代码如下：
var = 200；
var = 200；
VaR的定时器；
var r＝60；
var I＝0；
功能eddyphoto（我）{
VaR OB = document.all（divround ）；
ob.style.postop = R * Math.sin（（我数学。PI） / 180）+ X1；
ob.style.posleft = R * Math.cos（（我数学。PI） / 180）+ x2；
i = i + 1；
如果（r = 100）{
window.cleartimeout（定时器）；
}
别的{
如果（i = 360）{
i = 0；r = r + 1；
}
定时器= setTimeout（eddyphoto（+我+ ），10）；
}
}
（0）eddyphoto；
（2）在页面中添加一层，并在图层中添加图片以旋转效果，代码如下所示：
以上是Xiaobi介绍给你，基于js代码相关知识页面旋转效应实现的图片，希望对你有帮助，如果您有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。