連續圖片垂直卷軸

Question

我需要從http://javascript.about.com/library/blcvert.htm調整腳本以改變滾動到DOWN的方向。

可能有人幫助嗎？

當然，如果任何人知道/有一些其他腳本產生相同的效果也會有所幫助。

感謝名單

附：腳本（以可讀格式）：

    var imgAry1 = ['img1.png','img2.png']; 

    function startCloud() { 
     new mq('clouds', imgAry1, 380); 
     mqRotate(mqr); 
    } 

    $(document).ready(function() { 
     startCloud(); 
    }); 

    var mqr = []; 

    function mq(id, ary, heit) { 
    this.mqo=document.getElementById(id); 
    var wid = this.mqo.style.width; 
    this.mqo.onmouseout=function() { mqRotate(mqr); }; 
    this.mqo.onmouseover=function() { clearTimeout(mqr[0].TO); }; 
    this.mqo.ary=[]; 
    var maxw = ary.length; 
    for (var i=0;i<maxw;i++) { 
     this.mqo.ary[i]=document.createElement('img'); 
     this.mqo.ary[i].src=ary[i]; 
     this.mqo.ary[i].style.position = 'absolute'; 
     this.mqo.ary[i].style.top = (heit*i)+'px'; 
     this.mqo.ary[i].style.height = heit+'px'; 
     this.mqo.ary[i].style.width = wid; 
     this.mqo.appendChild(this.mqo.ary[i]); 
    } 
    mqr.push(this.mqo); 
    } 

    function mqRotate(mqr) { 
    if (!mqr) return; 
    for (var j=mqr.length - 1; j > -1; j--) { 
     maxa = mqr[j].ary.length; 
     for (var i=0;i<maxa;i++) { 
      var x = mqr[j].ary[i].style; 
      x.top=(parseInt(x.top,10)-1)+'px'; 
     } 
     var y = mqr[j].ary[0].style; 
     if (parseInt(y.top,10)+parseInt(y.height,10)<0) { 
      var z = mqr[j].ary.shift(); 
      z.style.top = (parseInt(z.style.top) + parseInt(z.style.height)*maxa) + 'px'; 
      mqr[j].ary.push(z); 
     } 
    } 
    mqr[0].TO=setTimeout('mqRotate(mqr)',10); 
    } 

Answer 1

在此行中：

x.top=(parseInt(x.top,10)-1)+'px';

它說，你把像素x.top，解析出號碼，減一個並添加'PX' 一次。從頂部的元素的位置是每次減少1，如此這般向上。所有你需要做的是去下就是添加之一。

x.top=(parseInt(x.top,10)+1)+'px';

我還測試了這個假設您鏈接:)

在頁面上