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

JavaScript030

怎样用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>

<!-- HTML-->

<div id="mydiv" style="height:100pxwidth:100pxbackground-color:#DDD ">

</div>

<input id="myinput" type="text" value="0" />

//JS

myinput.onchange = function () {

var mydiv = document.getElementById('mydiv')

mydiv.style['transform'] = 'rotate(' + this.value + 'deg)'

}

可以结合css3实现。

css3可以设置动画和过渡，动画当中可以设置旋转、移动和缩放等参数。

可以在长按的时候，更改为带有动画的类名，就可以执行css3的动画了。