纯js实现旋转图像的三维显示效果

CSS：
#show{position:relative; margin:20px Auto; width:800px;}
。项目位置：{绝对；身高：40px；宽度：60px；背景：# 999999；边框1px solid # eeeeee；鼠标指针；}
Html：
输入idtype按钮

一
二
三
四
五
六
七
八
九
零
一
B
一
二
三

js
VaR Len；
无功showerobj；
无功listobj；
无功showerwidth = 800；
无功showerheight = 400；
VAR r；
var = 0；
var = 0；
var定时器= 0；
窗口。指针函数（）{
showerobj = document.getelementbyid（秀）；
listobj = showerobj.getelementsbytagname（div）；
listobj.length len =；
r = 360。180；
对于（var i = 0；i < i；i + +）{
VAR项= listobj {我}；
项目。风格。最高showerheight / 2 + math.sin（R I）* showerwidth / 2-20 +PX；
项目。风格。左= showerwidth / 2 + math.cos（R I）* showerwidth / 2-30 +PX；
项目=旋转=（r * i + 2 *数学pi）%（2 *数学pi）；
项目。onclick =函数（）{
CR =π/ 2-this.rotate数学；
| |定时器（定时器= setInterval（旋转，10））；

}

}
VaR Rx = showerobj。offsetleft + showerwidth / 2；
VaR RY = showerobj。offsettop + showerheight / 2；

var =函数（）{
CCR =（CCR + 2 *数学pi）%（2 *数学pi）；
如果（Cr肌酐清除率＜0）Cr = Cr + 2 * Math.PI；
如果（CR
CCR（+ CCR）19；
其他{ }
CCR =（2 *数学，pi）19；

}

如果（Math.abs（（CR＋2×数学。PI）%（2×数学。PI）-（CCR + 2 *数学。PI）%（2×数学。PI））<数学。π/ 720）{
肌酐清除率；
ClearInterval（定时器）；
定时器= 0；
}

对于（var i = 0；i < i；i + +）{
VAR项= listobj {我}；
无功功率；
VaR的SINR = math.sin（R *我+ CCR）；
无功成本= math.cos（R *我+ CCR）；
w = 60 + 0.6 * 60 * * SINR；
h =（40 + 0.6 * 40 * * SINR）；
item.style.csstext =+ W +；宽度：PX；高度：+ H +PX；顶部：+ parseInt（showerheight / 2 + SINR * showerwidth / / / 2 3-W 2）+PX；左：+ parseInt（showerwidth / 2 +成本* showerwidth / / 2小时）+PX；Z指数：+ parseInt（showerheight / 2 + SINR * + showerwidth / / / 2 3-W 2）；；

}
}

document.getelementbyid（L）。Onclick =函数（）{
铬=（CR + R + 2 *数学. PI）%（2 *数学. PI）；
| |定时器（定时器= setInterval（旋转，10））；
}
document.getelementbyid（R）。Onclick =函数（）{
CR =（铬+ 2 *数学。PI）%（2×数学。PI）；
| |定时器（定时器= setInterval（旋转，10））；
}
旋转（）；
}
以上是本文的全部内容，希望大家能喜欢。