见缝插针旋转的js代码,见缝插针旋转的js代码

怎样用js和css令一个div不停旋转。。求代码。。。

如果用js控制，需要遍历HTML文档，提取最后的DIV，然后再加样式：

script type="text/javascript"

$(document).ready(function(){

$("div").last().addClass('highlight'); //添加class

$("div").last().css("background", "red"); //直接添加样式

});

/script

如果是css控制，需要在div里面添加class样式，或者写行内样式控制：

div style="color:red" class="color"内容/div

style

.color{color:red;}

/style

js设置图片随机旋转角度

代码应该是：

imgcss[i].style.transform="rotate(" + j + ")";

首先 j是变量 双引号里面套单引号 还是字符串， 不是变量

其次 字符串拼接要写加号

用JS或jquery或CSS3做到旋转。。

js和jquery做不到的，首先这个是css3中的3d转换，用到transform：rotateX(50deg)?，只不过是旋转中心要在你画的线中间，设置transform-origin:50%?0;?（这里是xy轴，可以理解为集合第四项现，所以旋转轴所在位置就是红色箭头位置的坐标，x和-y）

整理代码：

div{?width:500px;?height:500px;?background:#333;?transform-origin:50%?0;?transform:rotateX(50deg);

如有疑问欢迎咨询