非常不錯的不間斷循環滾動類 兼容多瀏覽器
2024-09-06 12:44:00
供稿：網友
調用的方法：
首先你得把腳本鏈接到你的頁面，或者直接調用下面這個鏈接也行。當然，最好還是下載到你自己的機器上。
代碼如下:<script type="text/javascript" src="http://www.aeroom.org/include/scripts/scrollingAD.js"></script> 下面是第一種使用方法，看起來似乎比較麻煩一點，但是只需要兩行代碼；
代碼如下:var sampleDiv = new scrollingAD("divId", 200, 100, "yellow", "up", 10, 2000, 20, true);
sampleDiv.move();
這樣將根據文檔中 id="divId" 的某個 DIV 對象來創建一個不間斷的循環滾動區域。該區域的寬度為 200px，高度為 100px， 背景顏色為黃色（不用擔心你的英文不好，也可以用“#ff00ff”這樣的格式），方向為向上滾動。其實你也可以選擇向左滾動，只要把 "up" 改成 "left" 就行了。但是不支持向右和向下滾動，所以不用嘗試 "right" 和 "down"——其實要實現這兩個方向也很容易，不過個人覺得不太實用，所以就沒做了——每滾動 1px 的延遲時間為 10ms，也就是理想狀態下是每秒鐘滾動 100px。每滾動 20px 暫停一次，每次暫停的時間是 2 秒。并且支持鼠標懸停。
上面提到的參數的排列順序是必須嚴格遵守的，也就是說得按照下面的順序來排列。如果你想偷懶，可以使用逗號略過：
代碼如下:1、圖層的 ID，必須的參數，不填或者拼寫錯誤將會報錯；
2、滾動區域的寬度，默認值是 200px，所有的默認值都可以在 scrollingAD 里面修改；
3、滾動區域的高度，默認值是 50px；
4、背景顏色，默認值是 "transparent"，也就是透明啦；
5、方向，可選值 "up/left"；
6、每滾動 1px 的延遲時間，默認值 20，單位是 ms——這個值越大滾動越慢；
7、每滾動限定距離后停滯的時間，單位也是 ms，默認值 2000，也就是 2 秒啦——如果你不想停滯的話，把它設為 0 就行了；
8、每兩次停滯之間滾動的距離，默認值是一屏。也就是說如果你設定的方向是 "up" 的話，默認值即等于滾動區域的高度，反之方向為 "left"，則默認值為滾動區域的寬度；
9、是否懸停，默認是 true，這個你不填也沒關系；
第二種方法是這樣的：
代碼如下:var sampleDiv = new scrollingAD("divId");
sampleDiv.move();
這樣使用的全部都是默認值，不過你應該會覺得必須改掉某個參數才行，那你可以這樣：
var sampleDiv = new scrollingAD("divId");
sampleDiv.width = 500;
