帮帮忙。。我实在不知道这是怎么回事了。。不会改这段JS代码了。

前几天在网上找了一段JS代码，可以横向连续滚动的。我把它改成竖的，就不能连续循环了。。怎么办哦。。帮帮忙。。代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>超级经典一套鼠标控制左右滚动图片带自动翻滚</title> 
</head> 
<body> 
<div class="rollBox"> 
     <div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"></div> 
     <div class="Cont" id="ISL_Cont"> 
      <div class="ScrCont"> 
       <div id="List1"> 
        
                <!-- 图片列表 begin --> 
         <div class="pic"> 
          <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a> 
         </div>        
         
<div class="pic"> 
          <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a> 
         </div> 
         <div class="pic"> 
          <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a> 
         </div> 
         <div class="pic">
         <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a>    
        </div> 
         <div class="pic"> 
          <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a> 
         </div> 
<div class="pic"> 
          <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a> 
         </div>       
         <div class="pic"> 
          <a href="#" target="_blank"><img src="#" width="91" height="91" alt="#" /></a> 
         </div> 
        <!-- 图片列表 end --> 
         
       </div> 
       <div id="List2"></div> 
      </div> 
     </div> 
     <div class="RightBotton" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()" onmouseout="ISL_StopDown()"></div> 
    </div> 
   </div> 
<style type="text/css"> 
<!-- 
.rollBox{height:704px;overflow:hidden;padding:12px 0 5px 6px;} 
.rollBox .LeftBotton{height:52px;width:19px;background:url(http://i3.sinaimg.cn/edu/deco/2007/0924/career/job_mj_069.gif) no-repeat 11px 0;overflow:hidden;display:inline;margin:25px 0 0 0;cursor:pointer;float:left;} 
.rollBox .RightBotton{height:52px;width:20px;background:url(http://i3.sinaimg.cn/edu/deco/2007/0924/career/job_mj_069.gif) no-repeat -8px 0;overflow:hidden;display:inline;margin:25px 0 0 0;cursor:pointer;float:left;} 
.rollBox .Cont{height:663px;overflow:hidden;float:left;} 
.rollBox .ScrCont{height:10000000px;} 
.rollBox .Cont .pic{height:132px;text-align:center;} 
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} 
.rollBox .Cont .pic p{line-height:26px;color:#505050;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{} 
--> 
</style> 
<script language="javascript" type="text/javascript"> 
<!--//--><![CDATA[//><!-- 
var Speed = 10; //速度(毫秒) 
var Space = 5; //每次移动(px) 
var PageHeight = 132; //翻页宽度 
var fill = 0; //整体移位 
var MoveLock = false; 
var MoveTimeObj; 
var Comp = 0; 
var AutoPlayObj = null; 
GetObj("List2").innerHTML = GetObj("List1").innerHTML; 
GetObj('ISL_Cont').scrollTop = fill; 
GetObj("ISL_Cont").onmouseover = function(){clearInterval(AutoPlayObj);} 
GetObj("ISL_Cont").onmouseout = function(){AutoPlay();} 
AutoPlay(); 
function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}} 
function AutoPlay(){ //自动滚动 
clearInterval(AutoPlayObj); 
AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //间隔时间 
} 
function ISL_GoUp(){ //上翻开始 
if(MoveLock) return; 
clearInterval(AutoPlayObj); 
MoveLock = true; 
MoveTimeObj = setInterval('ISL_ScrUp();',Speed); 
} 
function ISL_StopUp(){ //上翻停止 
clearInterval(MoveTimeObj); 
if(GetObj('ISL_Cont').scrollTop % PageHeight - fill != 0){ 
Comp = fill - (GetObj('ISL_Cont').scrollTop % PageHeight); 
CompScr(); 
}else{ 
MoveLock = false; 
} 
AutoPlay(); 
} 
function ISL_ScrUp(){ //上翻动作 
if(GetObj('ISL_Cont').scrollTop <= 0){GetObj('ISL_Cont').scrollTop = GetObj('ISL_Cont').scrollTop + GetObj('List1').offsetheight} 
GetObj('ISL_Cont').scrollTop -= Space ; 
} 
function ISL_GoDown(){ //下翻 
clearInterval(MoveTimeObj); 
if(MoveLock) return; 
clearInterval(AutoPlayObj); 
MoveLock = true; 
ISL_ScrDown(); 
MoveTimeObj = setInterval('ISL_ScrDown()',Speed); 
} 
function ISL_StopDown(){ //下翻停止 
clearInterval(MoveTimeObj); 
if(GetObj('ISL_Cont').scrollTop % PageHeight - fill != 0 ){ 
Comp = PageHeight - GetObj('ISL_Cont').scrollTop % PageHeight + fill; 
CompScr(); 
}else{ 
MoveLock = false; 
} 
AutoPlay(); 
} 
function ISL_ScrDown(){ //下翻动作 
if(GetObj('ISL_Cont').scrollTop >= GetObj('List1').scrollheight){GetObj('ISL_Cont').scrollTop = GetObj('ISL_Cont').scrollTop - GetObj('List1').scrollheight;} 
GetObj('ISL_Cont').scrollTop += Space ; 
} 
function CompScr(){ 
var num; 
if(Comp == 0){MoveLock = false;return;} 
if(Comp < 0){ //上翻 
if(Comp < -Space){ 
   Comp += Space; 
   num = Space; 
}else{ 
   num = -Comp; 
   Comp = 0; 
} 
GetObj('ISL_Cont').scrollTop -= num; 
setTimeout('CompScr()',Speed); 
}else{ //下翻 
if(Comp > Space){ 
   Comp -= Space; 
   num = Space; 
}else{ 
   num = Comp; 
   Comp = 0; 
} 
GetObj('ISL_Cont').scrollTop += num; 
setTimeout('CompScr()',Speed); 
} 
} 
//--><!]]> 
</script> 
</body> 
</html>

解决方案 »

  1.   

    <html>
      <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>超级经典一套鼠标控制左右滚动图片带自动翻滚 </title> 
    <style type="text/css"> 
    <!-- 
    .rollBox{height:704px;overflow:hidden;padding:12px 0 5px 6px;} 
    .rollBox .LeftBotton{height:52px;width:19px;background:url(http://i3.sinaimg.cn/edu/deco/2007/0924/career/job_mj_069.gif) no-repeat 11px 0;overflow:hidden;display:inline;margin:25px 0 0 0;cursor:pointer;float:left;} 
    .rollBox .RightBotton{height:52px;width:20px;background:url(http://i3.sinaimg.cn/edu/deco/2007/0924/career/job_mj_069.gif) no-repeat -8px 0;overflow:hidden;display:inline;margin:25px 0 0 0;cursor:pointer;float:left;} 
    .rollBox .Cont{height:663px;overflow:hidden;float:left;} 
    .rollBox .ScrCont{height:10000000px;} 
    .rollBox .Cont .pic{height:132px;text-align:center;} 
    .rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} 
    .rollBox .Cont .pic p{line-height:26px;color:#505050;} 
    .rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
    .rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
    .rollBox #List1,.rollBox #List2{} 
    --> 
    </style> 
    </head> 
    <body> <div class="rollBox"> 
        <div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"> </div> 
        <div class="Cont" id="ISL_Cont"> 
          <div class="ScrCont"> 
          <div id="List1"> 
             <!-- 图片列表 begin --> 
            <div class="pic"> 
              <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a> 
            </div>        
    <div class="pic"> 
              <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a> 
            </div> 
            <div class="pic"> 
              <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a> 
            </div> 
            <div class="pic"> 
            <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a>    
            </div> 
            <div class="pic"> 
              <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a> 
            </div> 
    <div class="pic"> 
              <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a> 
            </div>      
            <div class="pic"> 
              <a href="#" target="_blank"> <img src="#" width="91" height="91" alt="#" /> </a> 
            </div> 
            <!-- 图片列表 end --> 
            
          </div> 
          <div id="List2"> </div> 
          </div> 
        </div> 
        <div class="RightBotton" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()" onmouseout="ISL_StopDown()"> </div> 
        </div> 
      </div> <script language="javascript" type="text/javascript"> 
    <!--//--> <![CDATA[//> <!-- 
    var Speed = 10; //速度(毫秒) 
    var Space = 5; //每次移动(px) 
    var PageHeight = 132; //翻页宽度 
    var fill = 0; //整体移位 
    var MoveLock = false; 
    var MoveTimeObj; 
    var Comp = 0; 
    var AutoPlayObj = null; 
    GetObj("List2").innerHTML = GetObj("List1").innerHTML; 
    GetObj('ISL_Cont').scrollTop = fill; GetObj("ISL_Cont").onmouseover = function()
    {
    clearInterval(AutoPlayObj);
    } 
    GetObj("ISL_Cont").onmouseout = function()
    {
    AutoPlay();
    } 
    AutoPlay(); function GetObj(objName)
    {
    if(document.getElementById)
    {
    return eval('document.getElementById("'+objName+'")');
    }
    else
    {
    return eval('document.all.'+objName);
    }
    } 
    function AutoPlay()
    { //自动滚动 
    clearInterval(AutoPlayObj); 
    AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //间隔时间 
    } 
    function ISL_GoUp()
    { //上翻开始 
    if(MoveLock) return; 
    clearInterval(AutoPlayObj); 
    MoveLock = true; 
    MoveTimeObj = setInterval('ISL_ScrUp();',Speed); 
    } 
    function ISL_StopUp()
    { //上翻停止 
    clearInterval(MoveTimeObj); 
    if(GetObj('ISL_Cont').scrollTop % PageHeight - fill != 0)
    { 
    Comp = fill - (GetObj('ISL_Cont').scrollTop % PageHeight); 
    CompScr(); 
    }
    else
    { 
    MoveLock = false; 
    } 
    AutoPlay(); 
    } 
    function ISL_ScrUp()
    { //上翻动作 
    if(GetObj('ISL_Cont').scrollTop <= 0)
    {
    GetObj('ISL_Cont').scrollTop = GetObj('ISL_Cont').scrollTop + GetObj('List1').offsetHeight;
    } 
    GetObj('ISL_Cont').scrollTop -= Space ; 
    } 
    function ISL_GoDown()
    { //下翻 
    clearInterval(MoveTimeObj); 
    if(MoveLock) return; 
    clearInterval(AutoPlayObj); 
    MoveLock = true; 
    ISL_ScrDown(); 
    MoveTimeObj = setInterval('ISL_ScrDown()',Speed); 
    } 
    function ISL_StopDown()
    { //下翻停止 
    clearInterval(MoveTimeObj); 
    if(GetObj('ISL_Cont').scrollTop % PageHeight - fill != 0 )
    { 
    Comp = PageHeight - GetObj('ISL_Cont').scrollTop % PageHeight + fill; 
    CompScr(); 
    }
    else
    { 
    MoveLock = false; 
    } 
    AutoPlay(); 
    } 
    function ISL_ScrDown()
    { //下翻动作 
    if(GetObj('ISL_Cont').scrollTop >= GetObj('List1').offsetHeight)
    {
    GetObj('ISL_Cont').scrollTop = GetObj('ISL_Cont').scrollTop - GetObj('List1').offsetHeight;
    } 
    GetObj('ISL_Cont').scrollTop += Space ; 
    } 
    function CompScr()
    { 
    var num; 
    if(Comp == 0)
    {
    MoveLock = false;return;
    } 
    if(Comp < 0)
    { //上翻 
    if(Comp < -Space)
    { 
    Comp += Space; 
    num = Space; 
    }
    else
    { 
    num = -Comp; 
    Comp = 0; 
    } 
    GetObj('ISL_Cont').scrollTop -= num; 
    setTimeout('CompScr()',Speed); 
    }
    else
    { //下翻 
    if(Comp > Space)
    { 
    Comp -= Space; 
    num = Space; 
    }
    else
    { 
    num = Comp; 
    Comp = 0; 
    } 
    GetObj('ISL_Cont').scrollTop += num; 
    setTimeout('CompScr()',Speed); 
    } 
    } 
    //--> <!]]> 
    </script> 
    </body> 
    </html>