jq点击旋转动画_CSS3动画：CSS3+jQuery实现旋转的球

$(function(){

var ball = $(".ball");

var d_ball = new draw_ball();  //实例化对像draw_ball

d_ball.angle();// 执行对象的方法 angle()

var radius = d_ball.radius; //球的半径

//绘制球上面的小方块

for(var i=0; i

var theta=d_ball.angles[i].theta; //  小方块 的 theta 角

var phi=d_ball.angles[i].phi;  //  小方块 的 phi 角

var z = radius*Math.sin(theta)*Math.cos(phi); //计算出 小方块 转动的 z 轴

var x = radius*Math.sin(theta)*Math.sin(phi)+radius; //计算出 小方块 转动的 x 轴

var y = radius*Math.cos(theta)+radius; //计算出 小方块 转动的 y 轴

var div_ha = '

hello';

ball.append(div_ha);   //循环 向球中添加小方块

var nn = (i==24)?1:z;

$(".ha"+i).css({ //设置每一个小方块的CSS样式

left:x, top:y,

transform:'translateZ('+nn+'px) rotateY('+phi+'rad) rotateX('+(theta-M