1. 爱易网页
  2. JavaSript
  3. 用javascript让图片每秒移动一下的有关问题，新手

用javascript让图片每秒移动一下的有关问题，新手

日期：2014-05-16　 浏览次数：20390 次

用javascript让图片每秒移动一下的问题，新手请求帮助
新手请求；
HTML code
<html>
<head>
<title></title>
<script type="text/javascript">
//让图片每秒左移10像素
    var imgdo = null;
    function imgmove(){
        imgdo = document.getElementById("imgdo");
        imgdo.style.left = leftpx;
        imgdo.style.left = leftpx - 10;
        window.setTimeout('imgmove()',1000);
    }
    window.setTimeout('imgmove()',100)
</script>
</head>
<body>
<img src="ic_launcher.png" style="position :absolute ;left : 400px; top:400px" id="imgdo" />
</body>
</html>

想做出图片每秒移动的效果，而且最好是得到图片位置再递减，不要再javascript里手动写图片的位置。感谢大家的帮助，一定速度给分的。嘿嘿

------解决方案--------------------
HTML code

<html>
<head>
<title></title>
<script type="text/javascript">
//让图片每秒左移10像素
    var imgdo = null;
    function imgmove(){
        imgdo = document.getElementById("imgdo");
        leftpx = parseInt(imgdo.style.left);
        imgdo.style.left = leftpx - 10 + 'px';
        window.setTimeout('imgmove()',1000);
    }
    window.setTimeout(imgmove, 100)
</script>
</head>
<body>
<img src="http://avatar.profile.csdn.net/8/D/B/2_tankun2011.jpg" style="position :absolute ;left : 400px; top:400px" id="imgdo" />
</body>
</html>

相关资料更多>

  1. 怎么把readyOnly用在if里
  2. 事件绑定中的this指向有关问题
  3. 又遇到个蹊跷的有关问题
  4. $()是什么意思？该怎么解决
  5. Android怎么解析json数组对象
  6. javascript同源策略和跨域实验及其跨域解决方法
  7. 如果得到对象的宽度高度.解决办法
  8. JavaScript 函数、种、对象、方法、属性 之 window
  9. 关于全选的有关问题.