图片的自由运动

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
#dv1{
width: 300px;
height: 300px;
border: 1px solid;
background: red;
position: absolute;
}
</style>
</head>
<body>
<div id="dv1"></div>
<script type="text/javascript">
var dv1=document.getElementById('dv1');

dv1.onclick=function(){
var ss=dv1.offsetLeft;
setInterval(bb,1)
function bb(){if (ss<600) {
ss+=1;
dv1.style.left=ss+"px"
}}

 

 


}
</script>
</body>
</html>

 

posted @ 2016-11-06 08:44  关关大大  阅读(151)  评论(0编辑  收藏  举报