快捷導(dǎo)航

非常不錯的不間斷循環(huán)滾動類兼容多瀏覽器

更新時(shí)間：2006年12月27日 00:00:00 作者：

調(diào)用的方法：
首先你得把腳本鏈接到你的頁面，或者直接調(diào)用下面這個鏈接也行。當(dāng)然，最好還是下載到你自己的機(jī)器上。

<script type="text/javascript" src="http://www.aeroom.org/include/scripts/scrollingAD.js"></script> 

下面是第一種使用方法，看起來似乎比較麻煩一點(diǎn)，但是只需要兩行代碼；

復(fù)制代碼代碼如下:

var sampleDiv = new scrollingAD("divId", 200, 100, "yellow", "up", 10, 2000, 20, true);  
sampleDiv.move(); 

這樣將根據(jù)文檔中 id="divId" 的某個 DIV 對象來創(chuàng)建一個不間斷的循環(huán)滾動區(qū)域。該區(qū)域的寬度為 200px，高度為 100px，背景顏色為黃色（不用擔(dān)心你的英文不好，也可以用“#ff00ff”這樣的格式），方向?yàn)橄蛏蠞L動。其實(shí)你也可以選擇向左滾動，只要把 "up" 改成 "left" 就行了。但是不支持向右和向下滾動，所以不用嘗試 "right" 和 "down"——其實(shí)要實(shí)現(xiàn)這兩個方向也很容易，不過個人覺得不太實(shí)用，所以就沒做了——每滾動 1px 的延遲時(shí)間為 10ms，也就是理想狀態(tài)下是每秒鐘滾動 100px。每滾動 20px 暫停一次，每次暫停的時(shí)間是 2 秒。并且支持鼠標(biāo)懸停。
上面提到的參數(shù)的排列順序是必須嚴(yán)格遵守的，也就是說得按照下面的順序來排列。如果你想偷懶，可以使用逗號略過：

復(fù)制代碼代碼如下:

1、圖層的 ID，必須的參數(shù)，不填或者拼寫錯誤將會報(bào)錯；  
2、滾動區(qū)域的寬度，默認(rèn)值是 200px，所有的默認(rèn)值都可以在 scrollingAD 里面修改；  
3、滾動區(qū)域的高度，默認(rèn)值是 50px；  
4、背景顏色，默認(rèn)值是 "transparent"，也就是透明啦；  
5、方向，可選值 "up/left"；  
6、每滾動 1px 的延遲時(shí)間，默認(rèn)值 20，單位是 ms——這個值越大滾動越慢；  
7、每滾動限定距離后停滯的時(shí)間，單位也是 ms，默認(rèn)值 2000，也就是 2 秒啦——如果你不想停滯的話，把它設(shè)為 0 就行了；  
8、每兩次停滯之間滾動的距離，默認(rèn)值是一屏。也就是說如果你設(shè)定的方向是 "up" 的話，默認(rèn)值即等于滾動區(qū)域的高度，反之方向?yàn)?nbsp;"left"，則默認(rèn)值為滾動區(qū)域的寬度；  
9、是否懸停，默認(rèn)是 true，這個你不填也沒關(guān)系；

第二種方法是這樣的：

復(fù)制代碼代碼如下:

var sampleDiv = new scrollingAD("divId");  
sampleDiv.move();  
這樣使用的全部都是默認(rèn)值，不過你應(yīng)該會覺得必須改掉某個參數(shù)才行，那你可以這樣：  
var sampleDiv = new scrollingAD("divId");  
sampleDiv.width = 500;  
sampleDiv.height = 100;  
sampleDiv.bgColor = "red";  
sampleDiv.direction = "left";  
sampleDiv.delay = 10;  
sampleDiv.pauseTime = 1000;  
sampleDiv.size = 50;  
sampleDiv.isHover = false;  
sampleDiv.move(); 

當(dāng)然你不需要像上面這樣全部寫出來，你只要修改必要的參數(shù)就行了。如果你使用了第一種方法來創(chuàng)建滾動區(qū)域，但是又在后面用這種方式修改過了，則以后面的為準(zhǔn)。
需要注意的是，你應(yīng)該使用這樣的順序來建立這個滾動區(qū)域：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

提示：您可以先修改部分代碼再運(yùn)行
更新：
現(xiàn)在可以使用百分比來定義 size 參數(shù)了，像這樣：
var sampleDiv = new scrollingAD("sampleDiv");
sampleDiv.size = "50%";// 注意，一定要加引號，否則會出錯。
sampleDiv.move();
得到的效果就是一個循環(huán)只滾動兩次，同理一次滾完一個循環(huán)的話，將 size 設(shè)置為 "100%" 就行了。不過不建議隨意設(shè)置百分比，請盡量設(shè)置成與行數(shù)相符的數(shù)值，否則可能出現(xiàn)意外的空白。
當(dāng)然，仍然支持?jǐn)?shù)字：）

您可能感興趣的文章: