javascript背景图像位置循环

时间:2012-09-07 07:53:22

标签: javascript html function events settimeout

这是我的代码:

function time(){
     function image1(){
           document.getElementById("letOrSellBannerHousePrice").style.backgroundPosition = "-754px 0px";
     }
     function time1(){
        setTimeout("image1()", 5000);
     }
     function image2(){
        document.getElementById("letOrSellBannerHousePrice").style.backgroundPosition = "-1508px 0px";
     }
     function time2(){
        setTimeout("image2()", 11000);
     }

     function backToOriginal(){
         document.getElementById("letOrSellBannerHousePrice").style.backgroundPosition = "0px 0px";
     }
     function time3(){
        setTimeout("backToOriginal()", 17000);
     }
     function init(){
        time1();
        time2();
        time3();
     }
    }
    function runThis(){
        time();
    }
    window.onload = runThis;

我希望背景图像滚动,但是当我运行程序时,脚本不会运行。我找不到我的错误。

这就是我对我的css代码background:url("image source");

的看法

可以做到这一点。 请帮助我新来的

1 个答案:

答案 0 :(得分:1)

time函数中,只有函数的定义,但没有调用。尝试添加

init();

time函数的底部。

同时替换

setTimeout("image1()", 5000);

通过

setTimeout(image1, 5000);

等等。