jquery如何让图片放大旋转一定角度

Posted 2023-05-16

参考技术A 这个现在可以用css3来完成来；
transform: rotate(90deg) 旋转90度
transform: scale(1.2); 放大1.2倍

js设置图片随机旋转角度

设置随机旋转-10到20度
var imgcss=document.getElementsByTagName("img");
for(var i=0;i<imgcss.length;i++)

var j=parseInt(Math.random()*30-10)+"deg";
imgcss[i].style.transform="rotate('j')";

代码应该是：
imgcss[i].style.transform="rotate(" + j + ")";
首先 j是变量 双引号里面套单引号 还是字符串， 不是变量

其次 字符串拼接要写加号 参考技术A 旋转rotate.js的代码如下:

var ele ;

//自定义函数
$.fn.extend(
rotate: function ()
ele = this ;
setInterval('singleRotate()',20);

);

//初始角度
var degree = 0;

//单次旋转
function singleRotate()
//一次增加50度
degree = degree + 50 * Math.PI / 180;
ele.css("transform","rotate("+degree+"deg)");


代码中只需引用一下js就行了，我将其封装后放在了服务器上，大家可以直接引用

1

<script src="http://libs.codeboy.me/js/rotate/1.0/rotate.js"></script>

引用前记得引用jquery，最后在自己的代码中调用rotate方法即可。

1

$(element).rotate();