jquery随机旋转

我有一个带有一堆图像的div（20），我喜欢稍微旋转一些，比如说+ -2dg

我试过没有成功……所有图像均匀旋转

/* By default, we tilt all our images -2 degrees */ #gallery2 img { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); } /* Rotate all even images 2 degrees */ #gallery2 img:nth-child(even) { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); } /* Don't rotate every third image, but offset its position */ #gallery2 img:nth-child(3n) { -webkit-transform: none; -moz-transform: none; } /* Rotate every fifth image by 5 degrees and offset it */ #gallery2 img:nth-child(5n) { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); } 

所以我喜欢在jquery中编写代码来遍历div中的所有图像并随机旋转它+ ou – 2 dg

有人知道这么热吗？

Answer 1

 $("#gallery2 img").each( function() { var rNum = (Math.random()*4)-2; $(this).css( { '-webkit-transform': 'rotate('+rNum+'2deg)', '-moz-transform': 'rotate('+rNum+'2deg)' } ); } ); 

Answer 2

我试过……工作得很好，但你的代码更好更短