jQuery随机旋转 [英] jquery random rotate
本文介绍了jQuery随机旋转的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个带有一堆图像的div(20个),我喜欢在一些旋转上加上+ -2dg
I have a div with a bunch of images (20) and i like a little rotation on some let say +-2dg
我尝试不成功...所有图像均等旋转
i have try that with no success... all image are rotated equally
/* 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
So i like to have to code in jquery that will go through all the image in the div and random rotate it + ou - 2 dg
有人知道这样做吗?
推荐答案
$("#gallery2 img").each( function() {
var rNum = (Math.random()*4)-2;
$(this).css( {
'-webkit-transform': 'rotate('+rNum+'2deg)',
'-moz-transform': 'rotate('+rNum+'2deg)'
} );
} );
这篇关于jQuery随机旋转的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文