Question

此页面在加载时自动调用函数moveit（）。 moveit（）上下移动图像（一条线）。我希望这种情况不断发生;但是，我不知道如何让我的功能重启。目前，每当行到达页面底部时，我都会重新加载页面。这需要花费很多时间，所以我想重新启动这个功能。谢谢！

<html manifest="manifest.appcache">

<body onload="moveit(8)">

<img style="margin: 0 auto;" src="http://media.tumblr.com/593368ddaf4ad655258a076f959856fa/tumblr_inline_mgmuspje6G1re2ao1.bmp"></img>
<style type="text/css">

                .moveimage { position:absolute; right:0; bottom:0; z-index:2 }

}

</style>

<script language="JavaScript">

function moveit(spot)
{

if (document.getElementById("image1"))
  {
   var picture=document.getElementById("image1").style;
      if (spot<328)
      {
        picture.bottom= spot;
        spot+=3.7;
        setTimeout('moveit('+spot+')',15);
       }
      if (spot>328)
      {
                picture.top= spot;
        spot+=1.25;
                setTimeout('moveit('+spot+')',10);
      }
      if (spot>650)
      {
                window.location.reload();
      }
   }

}

</body>

</script>


</html>

Answer 1

只需更改行

即可

window.location.reload();

到

picture.bottom = 0; // reset
picture.top = ""; // reset

moveit(); // and start over again

Answer 2

您可以替换此行：

window.location.reload();

有类似的东西：

setTimeout(function() { moveIt(8); }, 10);

参数8与您在onload处理程序中使用的参数相同 - 当然您可以根据需要将其设置为任何其他值。

Answer 3

此事件处理程序将触发html滚动事件。

$('html').scroll(function(){
//do something
})

您也可以在溢出的任何容器上使用它：滚动或溢出：自动。

如何让我的功能重启？

3 个答案: