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

html-css036

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

如果用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>

可以用JAvascript改变这个图片的css来旋转他：

这个是css代码：

img {

transform:rotate(7deg)

-ms-transform:rotate(7deg) /* IE 9 */

-moz-transform:rotate(7deg) /* Firefox */

-webkit-transform:rotate(7deg)/* Safari 和 Chrome */

-o-transform:rotate(7deg) /* Opera */

}

在JAvascript里面可以先获取到这张图片 设置图片id = "box"

var img = document.getElementById('box') 获取到这个图片并用变量记住

img.style.transform = "rotate(90deg)" 改变这个图片的css，旋转90度

完毕！！！