Javascript 图像滚动条，如何在不重启的情况下保持滚动？

Question

我有这个脚本可以从底部到顶部垂直滚动图像，除了一件事之外它工作得很好。 我希望这种滚动是无限的，而不是每次框架为空时都重新启动。 换句话说，我不希望它在任何时候都是空的。

大家觉得这可能吗？ 这是代码（我知道脚本非常糟糕，但我尝试了很多，这只是一个对我有用的）：

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" onMouseover="scrollspeed=(current/2)" onMouseout="scrollspeed=current" OnLoad="NewsScrollStart();">

<div id="NewsDiv">
<table cellpadding="5" cellspacing="0" border="0" width="200" align="center"><tr><td>
    <p>
    <!-- CLIENTS IMAGES--><img src="images/clients/tango.jpg" "width="100" height="37" align="middle" border="0"></p>
    <p><br>
      <br>

      <a target="newwindow" href="http://www.adbid.se" onClick="popup"><img src="images/clients/adbid_clients.png" border="0" align="middle"></a></p>
    <p>&nbsp;</p>
    <p><a target="newwindow" href="http://www.sanomadigital.nl"><img src="images/clients/logo_sanoma_digital.png" border="0" align="middle"></a></p>
    <p><a target="newwindow" href="http://www.sanomadigital.nl"><br />
      </a>

      <a target="newwindow" href="http://www.prisabs.com"><img src="images/clients/logo-prisa-bs-home.jpg" border="0" align="middle"></a></p>
    <p><a target="newwindow" href="http://www.prisabs.com"><br />
      </a>

    <a target="newwindow" href="http://www.sanoma.fi"><img src="images/clients/sanoma_logo.gif" border="0" align="middle"></a></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
     <table width="101" border="0">
      <tr>
        <td width="112" align="center"><img src="images/clients/echo.jpg" border="0" width="91" height="41"></td>
      </tr>
    </table>
    <p><br>
      <br>

      <a target="newwindow" href="http://www.familjeapoteket.se"><img src="images/clients/familjeapoteket_clients.jpg" border="0" align="middle"></a></p>
    <p><br />

      <a target="newwindow" href="http://www.hertz.se"><img src="images/clients/hertz_clients.jpg" border="0" align="middle"></a></p>
    <p><a target="newwindow" href="http://www.hertz.se"><br />
      </a>

      <a target="newwindow" href="http://www.gemoney.no"><img src="images/clients/gemoney_clients.jpg" border="0" align="middle"></a></p>
    <p><a target="newwindow" href="http://www.gemoney.no"><br />
      </a>

      <a target="newwindow" href="http://www.vikingline.se"><img src="images/clients/vikingline_clients.jpg" border="0" align="middle"></a></p>
    <p><a target="newwindow" href="http://www.vikingline.se"><br />
      </a>

      <a target="newwindow" href="http://www.ebookers.be"><img src="images/clients/ebookers_clients.gif "border="0" align="middle"></a></p>
    <p><a target="newwindow" href="http://www.ebookers.be"><br />
      </a>

      <a target="newwindow" href="http://www.ticket.se"><img src="images/clients/ticket_clients.gif" border="0" align="middle"><br />
      </a></p>
      </a></p>

</td></tr></table>
</div>


<script language="JavaScript" type="text/javascript">

var scrollspeed     = "2"       // SET SCROLLER SPEED 1 = SLOWEST
var speedjump       = "40"      // ADJUST SCROLL JUMPING = RANGE 20 TO 40
var startdelay      = "0"       // START SCROLLING DELAY IN SECONDS
var nextdelay       = "0"       // SECOND SCROLL DELAY IN SECONDS 0 = QUICKEST
var topspace        = "10px"        // TOP SPACING FIRST TIME SCROLLING
var frameheight     = "500" // IF YOU RESIZE THE WINDOW EDIT THIS HEIGHT TO MATCH



current = (scrollspeed)


function HeightData(){
AreaHeight=dataobj.offsetHeight
if (AreaHeight==0){
setTimeout("HeightData()",( startdelay * 1000 ))
}
else {
ScrollNewsDiv()
}}

function NewsScrollStart(){
dataobj=document.all? document.all.NewsDiv : document.getElementById("NewsDiv")
dataobj.style.top=topspace
setTimeout("HeightData()",( startdelay * 1000 ))
}

function ScrollNewsDiv(){
dataobj.style.top=parseInt(dataobj.style.top)-(scrollspeed)
if (parseInt(dataobj.style.top)<AreaHeight*(-1)) {
dataobj.style.top=frameheight
setTimeout("ScrollNewsDiv()",( nextdelay * 1000 ))
}
else {
setTimeout("ScrollNewsDiv()",speedjump)
}}


</script>

提前谢谢你们！

Answer 1

尝试将图像的副本紧跟在您正在滚动的图像之后并同时滚动两者。 一旦第一个图像完全离开屏幕并且副本出现在屏幕上，将第一个图像放在副本后面并继续滚动，直到副本离开屏幕并且原始图像完全出现在屏幕上。 如果你不断重复这个，你应该得到一个无限滚动图像的错觉。

Javascript 图像滚动条，如何在不重启的情况下保持滚动？

问题描述

1 个解决方案

解决方案1
1 2011-04-27 20:10:22

Javascript 图像滚动条，如何在不重启的情况下保持滚动？

问题描述

1 个解决方案

解决方案1 1 2011-04-27 20:10:22

解决方案1
1 2011-04-27 20:10:22