MSClass 通用不間斷滾動JS封裝類

2021-09-05 18:55:47 字數 2562 閱讀 4827

更新說明: + 加入功能 * 修正、完善

1.65.071228

* 橫向、縱向滾動格式調整 (解決橫向滾動換行的問題,無需特殊設定)

* 徹底解決由於ie問題導致上下滾動頁面留白的問題 (本次更新主要解決此問題,感謝天上的書生參與測試)

1.6.070131

+ 禁止滑鼠控制暫停或繼續 (將第9個引數設定為-1或者動態賦值將scrollsetp設定為-1)

+ 判斷是否可以滾動 (若內容區域小於顯示區域,則自動取消滾動)

+ 跳過初始化錯誤 (避免引起其它滾動的停止)

+ 預設值 (除容器id必選外,其他引數均可根據情況進行選擇設定)

+ 引數動態賦值 (方向可用英文表示top|up|bottom|down|left|right,使其更直觀、方便)

* 文字滾動不準確 (本次更新主要目的解決此bug,感謝周珺參與測試)

1.4.061211

+ 滑鼠懸停改變滾動方向 (滑鼠懸停控制左右滾動)

* 瀏覽器相容問題 (ie、ff、opera、ns、myie)

1.2.060922

+ 指定範圍間歇滾動

* 程式調整

* 連續間歇滾動停止的錯誤

1.0.060901

+ 向下、向右滾動

+ 開始等待時間

+ 連續滾動

* 調整時間單位

* 滾動誤差

* 隨機死迴圈

* 加強效能

* 程式優化

0.8.060829

翻屏不間斷向上、向左滾動

應用說明:頁面包含

建立例項:

//引數直接賦值法

new marquee("marquee")

new marquee("marquee","top")

......

new marquee("marquee",0,1,760,52)

new marquee("marquee","top",1,760,52,50,5000)

......

new marquee("marquee",0,1,760,104,50,5000,3000,52)

new marquee("marquee",null,null,760,104,null,5000,null,-1)

//引數動態賦值法

var marquee1 = new marquee("marquee") *此引數必選

marquee1.direction = "top"; 或者 marquee1.direction = 0;

marquee1.step = 1;

marquee1.width = 760;

marquee1.height = 52;

marquee1.timer = 50;

marquee1.delaytime = 5000;

marquee1.waittime = 3000;

marquee1.scrollstep = 52;

marquee1.start();

引數說明:

id "marquee" 容器id (必選)

direction (0) 滾動方向 (可選,預設為0向上滾動) 可設定的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)

step (1) 滾動的步長 (可選,預設值為2,數值越大,滾動越快)

width (760) 容器可視寬度 (可選,預設值為容器初始設定的寬度)

height (52) 容器可視高度 (可選,預設值為容器初始設定的高度)

timer (50) 定時器 (可選,預設值為30,數值越小,滾動的速度越快,1000=1秒,建議不小於20)

delaytime (5000) 間歇停頓延遲時間(可選,預設為0不停頓,1000=1秒)

waittime (3000) 開始時的等待時間(可選,預設或0為不等待,1000=1秒)

scrollstep (52) 間歇滾動間距 (可選,預設為翻屏寬/高度,該數值與延遲均為0則為滑鼠懸停控制,-1禁止滑鼠控制)

使用建議:

1、建議直接賦予容器的顯示區域的寬度和高度,如(......)

2、建議為容器新增樣式overflow = auto,如(......)

3、為了更準確的獲取滾動區域的寬度和高度,請盡可能將各滾動單位直接賦予正確寬高度

4、對於table標記的橫向滾動,需要對table新增樣式display = inline,如(......)

5、對於翻屏滾動或間歇滾動,要注意各滾動單位間的間距,同時需要對容器的可視高度和可視寬度做好準確的設定,對於各滾動單位間的間距可以通過設定行間距或者單元格的高寬度來進行調整

6、對於li自動換行的問題暫時沒有更好的解決辦法,建議將其轉換成**(table)的形式來達到同等的效果

7、針對橫向滾動的文字段落,如果最末端是以空格" "結束的,請將空格" "轉換成" "

感  謝:

周珺 zhoujun#yuchengtech.com (文字滾動跳行的bug) 2007/01/31

自本程式發布以來,收到不少朋友的郵件,提出了很多意見和建議,感謝大家的支援!

spring cloud 實現服務不間斷

實現原理 當乙個服務掛了,自動切換到其它服務。實現服務的訪問不間斷。負載均衡重試機制 開啟重試機制,它預設是關閉 斷路器的超時時間需要大於ribbon的超時時間,不然不會觸發重試。hystrix.command.default.execution.isolation.thread.timeoutin...

screen 不間斷會話服務

screen是一款能夠實現多視窗遠端控制的開源服務程式,簡單來說就是為了解決網路異常中斷或為了同時控制多個遠端終端視窗而設計的程式。使用者還可以使用screen服務程式同時在多個遠端會話中自由切換,能夠做到實現如下功能。管理遠端會話 screen命令能做的事情非常多 首先,會玩之前肯定得先要會看,如...

不間斷會話服務 screen

1 screen命令 screen是一款能夠實現多視窗遠端控制的開源服務程式,簡單來說就是為了解決網路異 常中斷或為了同時控制多個遠端終端視窗而設計的程式。使用者還可以使用 screen 服務程式同 時在多個遠端會話中自由切換,能夠做到實現如下功能。會話恢復 即便網路中斷,也可讓會話隨時恢復,確保使...