<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#div1{
background: #ccc;position: absolute;height: 200px;width: 300px;left: 0;
}</style>
<script type="text/javascript">
window.οnlοad=function(){
var div1=document.getElementById('div1');
var bt1=document.getElementById('bt1');
var bt2=document.getElementById('bt2');
var timer=null;
bt1.οnclick=function(){
timer=setInterval(function(){
div1.style.left=div1.offsetLeft+5+'px'
},30);
};
bt2.οnclick=function(){
clearInterval(timer);
}
};
</script>
</head>
<body>
<input id="bt1" type="button" value="right move"/>
<input id="bt2" type="button" value="STOP move"/>
<div id="div1">
</div>
</body>
</html>div的js移動
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章