非常不錯的不間斷循環(huán)滾動類 兼容多瀏覽器
更新時間:2006年12月27日 00:00:00 作者:
調用的方法:
首先你得把腳本鏈接到你的頁面,或者直接調用下面這個鏈接也行。當然,最好還是下載到你自己的機器上。
這樣將根據文檔中 id="divId" 的某個 DIV 對象來創(chuàng)建一個不間斷的循環(huán)滾動區(qū)域。該區(qū)域的寬度為 200px,高度為 100px, 背景顏色為黃色(不用擔心你的英文不好,也可以用“#ff00ff”這樣的格式),方向為向上滾動。其實你也可以選擇向左滾動,只要把 "up" 改成 "left" 就行了。但是不支持向右和向下滾動,所以不用嘗試 "right" 和 "down"——其實要實現(xiàn)這兩個方向也很容易,不過個人覺得不太實用,所以就沒做了——每滾動 1px 的延遲時間為 10ms,也就是理想狀態(tài)下是每秒鐘滾動 100px。每滾動 20px 暫停一次,每次暫停的時間是 2 秒。并且支持鼠標懸停。
上面提到的參數的排列順序是必須嚴格遵守的,也就是說得按照下面的順序來排列。如果你想偷懶,可以使用逗號略過:
第二種方法是這樣的:
當然你不需要像上面這樣全部寫出來,你只要修改必要的參數就行了。如果你使用了第一種方法來創(chuàng)建滾動區(qū)域,但是又在后面用這種方式修改過了,則以后面的為準。
需要注意的是,你應該使用這樣的順序來建立這個滾動區(qū)域:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行] 提示:您可以先修改部分代碼再運行
更新:
現(xiàn)在可以使用百分比來定義 size 參數了,像這樣:
var sampleDiv = new scrollingAD("sampleDiv");
sampleDiv.size = "50%";// 注意,一定要加引號,否則會出錯。
sampleDiv.move();
得到的效果就是一個循環(huán)只滾動兩次,同理一次滾完一個循環(huán)的話,將 size 設置為 "100%" 就行了。不過不建議隨意設置百分比,請盡量設置成與行數相符的數值,否則可能出現(xiàn)意外的空白。
當然,仍然支持數字:)
首先你得把腳本鏈接到你的頁面,或者直接調用下面這個鏈接也行。當然,最好還是下載到你自己的機器上。
復制代碼 代碼如下:
<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();
sampleDiv.move();
這樣將根據文檔中 id="divId" 的某個 DIV 對象來創(chuàng)建一個不間斷的循環(huán)滾動區(qū)域。該區(qū)域的寬度為 200px,高度為 100px, 背景顏色為黃色(不用擔心你的英文不好,也可以用“#ff00ff”這樣的格式),方向為向上滾動。其實你也可以選擇向左滾動,只要把 "up" 改成 "left" 就行了。但是不支持向右和向下滾動,所以不用嘗試 "right" 和 "down"——其實要實現(xiàn)這兩個方向也很容易,不過個人覺得不太實用,所以就沒做了——每滾動 1px 的延遲時間為 10ms,也就是理想狀態(tài)下是每秒鐘滾動 100px。每滾動 20px 暫停一次,每次暫停的時間是 2 秒。并且支持鼠標懸停。
上面提到的參數的排列順序是必須嚴格遵守的,也就是說得按照下面的順序來排列。如果你想偷懶,可以使用逗號略過:
復制代碼 代碼如下:
1、圖層的 ID,必須的參數,不填或者拼寫錯誤將會報錯;
2、滾動區(qū)域的寬度,默認值是 200px,所有的默認值都可以在 scrollingAD 里面修改;
3、滾動區(qū)域的高度,默認值是 50px;
4、背景顏色,默認值是 "transparent",也就是透明啦;
5、方向,可選值 "up/left";
6、每滾動 1px 的延遲時間,默認值 20,單位是 ms——這個值越大滾動越慢;
7、每滾動限定距離后停滯的時間,單位也是 ms,默認值 2000,也就是 2 秒啦——如果你不想停滯的話,把它設為 0 就行了;
8、每兩次停滯之間滾動的距離,默認值是一屏。也就是說如果你設定的方向是 "up" 的話,默認值即等于滾動區(qū)域的高度,反之方向為 "left",則默認值為滾動區(qū)域的寬度;
9、是否懸停,默認是 true,這個你不填也沒關系;
2、滾動區(qū)域的寬度,默認值是 200px,所有的默認值都可以在 scrollingAD 里面修改;
3、滾動區(qū)域的高度,默認值是 50px;
4、背景顏色,默認值是 "transparent",也就是透明啦;
5、方向,可選值 "up/left";
6、每滾動 1px 的延遲時間,默認值 20,單位是 ms——這個值越大滾動越慢;
7、每滾動限定距離后停滯的時間,單位也是 ms,默認值 2000,也就是 2 秒啦——如果你不想停滯的話,把它設為 0 就行了;
8、每兩次停滯之間滾動的距離,默認值是一屏。也就是說如果你設定的方向是 "up" 的話,默認值即等于滾動區(qū)域的高度,反之方向為 "left",則默認值為滾動區(qū)域的寬度;
9、是否懸停,默認是 true,這個你不填也沒關系;
第二種方法是這樣的:
復制代碼 代碼如下:
var sampleDiv = new scrollingAD("divId");
sampleDiv.move();
這樣使用的全部都是默認值,不過你應該會覺得必須改掉某個參數才行,那你可以這樣:
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();
sampleDiv.move();
這樣使用的全部都是默認值,不過你應該會覺得必須改掉某個參數才行,那你可以這樣:
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();
當然你不需要像上面這樣全部寫出來,你只要修改必要的參數就行了。如果你使用了第一種方法來創(chuàng)建滾動區(qū)域,但是又在后面用這種方式修改過了,則以后面的為準。
需要注意的是,你應該使用這樣的順序來建立這個滾動區(qū)域:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
更新:
現(xiàn)在可以使用百分比來定義 size 參數了,像這樣:
var sampleDiv = new scrollingAD("sampleDiv");
sampleDiv.size = "50%";// 注意,一定要加引號,否則會出錯。
sampleDiv.move();
得到的效果就是一個循環(huán)只滾動兩次,同理一次滾完一個循環(huán)的話,將 size 設置為 "100%" 就行了。不過不建議隨意設置百分比,請盡量設置成與行數相符的數值,否則可能出現(xiàn)意外的空白。
當然,仍然支持數字:)
相關文章
微信小程序如何實現(xiàn)radio單選框單擊打勾和取消
這篇文章主要介紹了微信小程序如何實現(xiàn)radio單選框單擊打勾和取消,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
基于Bootstrap實現(xiàn)城市三級聯(lián)動
這篇文章主要為大家詳細介紹了基于BootStrap實現(xiàn)城市三級聯(lián)動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11
weixin-java-miniapp微信小程序登陸具體實現(xiàn)
這篇文章主要介紹了weixin-java-miniapp微信小程序登陸具體實現(xiàn)的相關資料,包括用戶授權、獲取code、發(fā)送到后臺、后臺驗證并獲取openid和session_key、返回驗證結果等步驟,需要的朋友可以參考下2025-02-02
微信小程序性能優(yōu)化之checkSession的使用
這篇文章主要介紹了微信小程序性能優(yōu)化之checkSession的使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03

