0

このページは、読み込み時に関数 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>
4

3 に答える 3

2

線を変えるだけ

window.location.reload();

に

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

moveit(); // and start over again
于 2013-01-14T22:15:47.513 に答える
0

この行を置き換えることができます：

window.location.reload();

次のようなもので：

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

パラメーター8は、ハンドラーから使用したものと同じです。onloadもちろん、必要に応じて他の値に設定することもできます。

于 2013-01-14T22:14:14.440 に答える
0

このイベント ハンドラーは、html スクロール イベントで発生します。

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

また、 overflow:scrollまたはoverflow:autoを使用して任意のコンテナーで使用することもできます。

于 2013-01-14T22:17:27.347 に答える