让圆运动

99 阅读1分钟

<body>

<div style="width:100px;height:100px;background-color:crimson;border-radius:50%;position:absolute;left:0;top:0"></div>

<script type="text/javascript">

function getStyle(elem,prop){
    if(window.getComputedStyle){
        return window.getComputedStyle(elem,null)[prop];
    }else{
        return elem.currentStyle[prop];
    }
}
var div=document.getElementsByTagName('div')[0];
var speed = 1;
var timer = setInterval(function(){
    speed+=speed/7;
    div.style.left = parseInt(getStyle(div,'left')) +speed +"px";//left默认值是auto

    if(parseInt(div.style.left)>500){
        clearInterval(timer);
    }
},10);

</script>

3.4-06-21 230704.jpg