<DIV id=aDiv style="WIDTH: 70pxPOSITION: absoluteHEIGHT: 70px">
<IMG width=70 height=70 src="http://www.smallrain.net/jsimg/images/pic.gif" />//假如这个图
<DIV>
//使角度转起来
var angle = 0
function doRotate() {
//检查并确保角度值在0到360之间
if(angle>360) angle-=360
//使角度增加
angle+=15
//do rotation
rotate("aDiv",angle)
//定位旋转中心
var el = document.getElementByIdx_x_x("aDiv")//C#中要马上设位置.
el.style.top = 25 - (el.offsetHeight/2)//父元素的高度/2-旋转元素高度/2,还需注意旋转是同父元素的LOP,和left上关的,请上机测试
el.style.left = 25 - (el.offsetWidth/2)//父元素的宽度/2-旋转元素度/2
//循环
setTimeout("doRotate()",20)
}
如果用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>
可以结合css3实现。css3可以设置动画和过渡,动画当中可以设置旋转、移动和缩放等参数。
可以在长按的时候,更改为带有动画的类名,就可以执行css3的动画了。