<!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移动
最新推荐文章于 2023-11-29 18:09:29 发布