Javascript - 向右移动图像

时间:2011-06-19 01:45:35

标签: javascript image animation

这是一个应该将图像缓慢向右移动的功能,它不起作用......我搞砸了什么?

<script type="text/javascript">
var userWidth = window.screen.width;
function moveRight(id, speed) {
    var pp = document.getElementById(id);
    var right = parseInt(pp.style.left);
    var tim = setTimeout("moveRight(id, speed)",50);
    right = right+speed;  // move
    if (right > window.screen.height / 2)
    {
        right=0;
        pp.style.left = right+"px";
    }
}
</script>

1 个答案:

答案 0 :(得分:4)

看起来idspeed未被传递到moveRight()。当他们在你的字符串中时,他们将无法得到评估。看看这个,似乎可以做到这一点。我把它剥了一下。

<div id="test" style="width: 50px; height: 50px; left: 0px; background-color: #000; position: absolute;">&nbsp;</div>

<script type="text/javascript">

    function moveRight(id, speed) {

        var pp = document.getElementById(id);
        var right = parseInt(pp.style.left) || 0;

        right += speed;  // move
        pp.style.left = right + "px";

        var move = setTimeout(function() {
            moveRight(id, speed);
        }, 50);

    }

    moveRight('test', 1);

</script>

A jsfiddle玩。你可以根据自己的喜好调整它。