图片的自由运动

Posted 关关大大

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片的自由运动相关的知识,希望对你有一定的参考价值。

<!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>

 

以上是关于图片的自由运动的主要内容,如果未能解决你的问题,请参考以下文章