javascript 图片左右移动

最新推荐文章于 2023-10-12 11:05:04 发布

gonewit

最新推荐文章于 2023-10-12 11:05:04 发布

阅读量494

点赞数

文章标签： javascript html 定时器图片移动

本文链接：https://blog.csdn.net/gonewit/article/details/39324297

版权

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
    body{width: 500px; margin: auto;}
    #pic1{width:235px; height:190px; padding-left: 0px;
position: absolute;left: 100px;
    }
</style>

<script>
function tion()
{
    var t=setTimeout("document.getElementById('pic1').style.left='100px';",100)
    var t=setTimeout("document.getElementById('pic1').style.left='200px';",200)
    var t=setTimeout("document.getElementById('pic1').style.left='300px';",300)
    var t=setTimeout("document.getElementById('pic1').style.left='400px';",400)
    var t=setTimeout("document.getElementById('pic1').style.left='500px';",500)
    var t=setTimeout("document.getElementById('pic1').style.left='600px';",600)
    var t=setTimeout("document.getElementById('pic1').style.left='700px';",700)
    var t=setTimeout("document.getElementById('pic1').style.left='800px';",800)
    var t=setTimeout("document.getElementById('pic1').style.left='900px';",900)
    var t=setTimeout("document.getElementById('pic1').style.left='800px';",1000)
    var t=setTimeout("document.getElementById('pic1').style.left='700px';",1100)
    var t=setTimeout("document.getElementById('pic1').style.left='600px';",1200)
    var t=setTimeout("document.getElementById('pic1').style.left='500px';",1300)
    var t=setTimeout("document.getElementById('pic1').style.left='400px';",1400)
    var t=setTimeout("document.getElementById('pic1').style.left='300px';",1500)
    var t=setTimeout("document.getElementById('pic1').style.left='200px';",1600)
    var t=setTimeout("document.getElementById('pic1').style.left='100px';",1700)
         
}
</script>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<img id="pic1" src="http://img4.duitang.com/uploads/blog/201311/23/20131123174811_s4uuc.jpeg"/>
<br/>
<button type="button" οnclick="tion()">点击这里</button>

</body>
</html>