不間斷滾動(dòng)JS打包類,基本可以實(shí)現(xiàn)所有的滾動(dòng)效果,太強(qiáng)了
更新時(shí)間:2007年12月08日 22:52:31 作者:
/*MSClass (Class Of Marquee Scroll通用不間斷滾動(dòng)JS封裝類) Ver 1.6*\
制作時(shí)間:2006-08-29 (Ver 0.5)
發(fā)布時(shí)間:2006-08-31 (Ver 0.8)
更新時(shí)間:2007-01-31 (Ver 1.6)
更新說(shuō)明: + 加入功能 * 修正、完善
1.6.070131
+ 禁止鼠標(biāo)控制暫?;蚶^續(xù) (將第9個(gè)參數(shù)設(shè)置為-1或者動(dòng)態(tài)賦值將ScrollSetp設(shè)置為-1)
+ 判斷是否可以滾動(dòng) (若內(nèi)容區(qū)域小于顯示區(qū)域,則自動(dòng)取消滾動(dòng))
+ 跳過(guò)初始化錯(cuò)誤 (避免引起其它滾動(dòng)的停止)
+ 默認(rèn)值 (除容器ID必選外,其他參數(shù)均可根據(jù)情況進(jìn)行選擇設(shè)置)
+ 參數(shù)動(dòng)態(tài)賦值 (方向可用英文表示top|bottom|left|right,使其更直觀、方便)
* 文字滾動(dòng)不準(zhǔn)確 (本次更新主要目的解決此Bug,感謝周珺參與測(cè)試)
1.4.061211
+ 鼠標(biāo)懸停改變滾動(dòng)方向 (鼠標(biāo)懸??刂谱笥覞L動(dòng))
* 由于文檔下載過(guò)慢而導(dǎo)致獲取的高度/寬度不準(zhǔn)確
* 瀏覽器兼容問(wèn)題 (IE、FF、Opera、NS、MYIE)
1.2.060922
+ 指定范圍間歇滾動(dòng)
* 程序調(diào)整
* 連續(xù)間歇滾動(dòng)停止的錯(cuò)誤
1.0.060901
+ 向下、向右滾動(dòng)
+ 開(kāi)始等待時(shí)間
+ 連續(xù)滾動(dòng)
* 調(diào)整時(shí)間單位
* 滾動(dòng)誤差
* 隨機(jī)死循環(huán)
* 加強(qiáng)性能
* 程序優(yōu)化
0.8.060829
翻屏不間斷向上、向左滾動(dòng)
演示地址:http://www.popub.net/script/MSClass.html
下載地址:http://www.popub.net/script/MSClass.js
應(yīng)用說(shuō)明:頁(yè)面包含<script type="text/javascript" src="MSClass.js"></script>
創(chuàng)建實(shí)例:
//參數(shù)直接賦值法
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)
//參數(shù)動(dòng)態(tài)賦值法
var marquee1 = new Marquee("marquee") *此參數(shù)必選
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();
參數(shù)說(shuō)明:
ID "marquee" 容器ID (必選)
Direction (0) 滾動(dòng)方向 (可選,默認(rèn)為0向上滾動(dòng)) 可設(shè)置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)
Step (1) 滾動(dòng)的步長(zhǎng) (可選,默認(rèn)值為2,數(shù)值越大,滾動(dòng)越快)
Width (760) 容器可視寬度 (可選,默認(rèn)值為容器初始設(shè)置的寬度)
Height (52) 容器可視高度 (可選,默認(rèn)值為容器初始設(shè)置的高度)
Timer (50) 定時(shí)器 (可選,默認(rèn)值為30,數(shù)值越小,滾動(dòng)的速度越快,1000=1秒,建議不小于20)
DelayTime (5000) 間歇停頓延遲時(shí)間(可選,默認(rèn)為0不停頓,1000=1秒)
WaitTime (3000) 開(kāi)始時(shí)的等待時(shí)間(可選,默認(rèn)或0為不等待,1000=1秒)
ScrollStep (52) 間歇滾動(dòng)間距 (可選,默認(rèn)為翻屏寬/高度,該數(shù)值與延遲均為0則為鼠標(biāo)懸停控制,-1禁止鼠標(biāo)控制)
使用建議:
1、建議直接賦予容器的顯示區(qū)域的寬度和高度,如(<div id="marquee" style="width:760px;height:52px;">......</div>)
2、建議為容器添加樣式overflow = auto,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">......</div>)
3、為了更準(zhǔn)確的獲取滾動(dòng)區(qū)域的寬度和高度,請(qǐng)盡可能將各滾動(dòng)單位直接賦予正確寬高度
4、對(duì)于TABLE標(biāo)記的橫向滾動(dòng),需要對(duì)TABLE添加樣式display = inline,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>)
5、對(duì)于翻屏滾動(dòng)或間歇滾動(dòng),要注意各滾動(dòng)單位間的間距,同時(shí)需要對(duì)容器的可視高度和可視寬度做好準(zhǔn)確的設(shè)置,對(duì)于各滾動(dòng)單位間的間距可以通過(guò)設(shè)置行間距或者單元格的高寬度來(lái)進(jìn)行調(diào)整
6、對(duì)于LI自動(dòng)換行的問(wèn)題暫時(shí)沒(méi)有更好的解決辦法,建議將其轉(zhuǎn)換成表格(TABLE)的形式來(lái)達(dá)到同等的效果
7、針對(duì)橫向滾動(dòng)的文字段落,如果最末端是以空格" "結(jié)束的,請(qǐng)將空格" "轉(zhuǎn)換成" "
8、鼠標(biāo)懸停滾動(dòng)思想源自Flash,所以有一定的局限性(容器內(nèi)僅允許用圖片<img>或者帶鏈接的圖片<a><img></a>的形式,并需要禁止其自動(dòng)換行)
感 謝:
周珺 zhoujun#yuchengtech.com (文字滾動(dòng)跳行的bug) 2007/01/31
自本程序發(fā)布以來(lái),收到不少朋友的郵件,提出了很多意見(jiàn)和建議,感謝大家的支持!
\***程序制作/版權(quán)所有:崔永祥(333) E-Mail:zhadan007@21cn.com 網(wǎng)址:http://www.popub.net***/
<!--
function Marquee()
{
this.ID = document.getElementById(arguments[0]);
if(!this.ID)
{
alert("您要設(shè)置的\"" + arguments[0] + "\"初始化錯(cuò)誤\r\n請(qǐng)檢查標(biāo)簽ID設(shè)置是否正確!");
this.ID = -1;
return;
}
this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.Correct = this.CTL = this.StartID = this.Stop = this.MouseOver = 0;
this.Step = 1;
this.Timer = 30;
this.DirectionArray = {"top":0 , "bottom":1 , "left":2 , "right":3};
if(typeof arguments[1] == "number")this.Direction = arguments[1];
if(typeof arguments[2] == "number")this.Step = arguments[2];
if(typeof arguments[3] == "number")this.Width = arguments[3];
if(typeof arguments[4] == "number")this.Height = arguments[4];
if(typeof arguments[5] == "number")this.Timer = arguments[5];
if(typeof arguments[6] == "number")this.DelayTime = arguments[6];
if(typeof arguments[7] == "number")this.WaitTime = arguments[7];
if(typeof arguments[8] == "number")this.ScrollStep = arguments[8]
this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden";
this.ID.noWrap = true;
this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1);
if(arguments.length >= 7)this.Start();
}
Marquee.prototype.Start = function()
{
if(this.ID == -1)return;
if(this.WaitTime < 800)this.WaitTime = 800;
if(this.Timer < 20)this.Timer = 20;
if(this.Width == 0)this.Width = parseInt(this.ID.style.width);
if(this.Height == 0)this.Height = parseInt(this.ID.style.height);
if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()];
this.HalfWidth = Math.round(this.Width / 2);
this.BakStep = this.Step;
this.ID.style.width = this.Width;
this.ID.style.height = this.Height;
if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height;
//this.ID.innerHTML += this.ID.innerHTML;
var msobj = this;
var timer = this.Timer;
var delaytime = this.DelayTime;
var waittime = this.WaitTime;
msobj.StartID = function(){msobj.Scroll()}
msobj.Continue = function()
{
if(msobj.MouseOver == 1)
{
setTimeout(msobj.Continue,delaytime);
}
else
{ clearInterval(msobj.TimerID);
msobj.CTL = msobj.Stop = 0;
msobj.TimerID = setInterval(msobj.StartID,timer);
}
}
msobj.Pause = function()
{
msobj.Stop = 1;
clearInterval(msobj.TimerID);
setTimeout(msobj.Continue,delaytime);
}
msobj.Begin = function()
{
msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth : msobj.ID.scrollHeight;
if((msobj.Direction <= 1 && msobj.ClientScroll <msobj.Height) || (msobj.Direction > 1 && msobj.ClientScroll <msobj.Width))return;
msobj.ID.innerHTML += msobj.ID.innerHTML;
msobj.TimerID = setInterval(msobj.StartID,timer);
if(msobj.ScrollStep < 0)return;
msobj.ID.onmousemove = function(event)
{
if(msobj.ScrollStep == 0 && msobj.Direction > 1)
{
var event = event || window.event;
if(window.event)
{
if(msobj.IsNotOpera)
{
msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX;
}
else
{
msobj.ScrollStep = null;
return;
}
}
else
{
msobj.EventLeft = event.layerX - msobj.ID.scrollLeft;
}
msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2;
msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft);
msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth);
}
}
msobj.ID.onmouseover = function()
{
if(msobj.ScrollStep == 0)return;
msobj.MouseOver = 1;
clearInterval(msobj.TimerID);
}
msobj.ID.onmouseout = function()
{
if(msobj.ScrollStep == 0)
{
if(msobj.Step == 0)msobj.Step = 1;
return;
}
msobj.MouseOver = 0;
if(msobj.Stop == 0)
{
clearInterval(msobj.TimerID);
msobj.TimerID = setInterval(msobj.StartID,timer);
}
}
}
setTimeout(msobj.Begin,waittime);
}
Marquee.prototype.Scroll = function()
{
switch(this.Direction)
{
case 0:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollTop >= this.ClientScroll)
{
this.ID.scrollTop -= this.ClientScroll;
}
this.ID.scrollTop += this.Step;
}
break;
case 1:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollTop <= 0)
{
this.ID.scrollTop += this.ClientScroll;
}
this.ID.scrollTop -= this.Step;
}
break;
case 2:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollLeft >= this.ClientScroll)
{
this.ID.scrollLeft -= this.ClientScroll;
}
this.ID.scrollLeft += this.Step;
}
break;
case 3:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollLeft <= 0)
{
this.ID.scrollLeft += this.ClientScroll;
}
this.ID.scrollLeft -= this.Step;
}
break;
}
}
//-->
在線演示
制作時(shí)間:2006-08-29 (Ver 0.5)
發(fā)布時(shí)間:2006-08-31 (Ver 0.8)
更新時(shí)間:2007-01-31 (Ver 1.6)
更新說(shuō)明: + 加入功能 * 修正、完善
1.6.070131
+ 禁止鼠標(biāo)控制暫?;蚶^續(xù) (將第9個(gè)參數(shù)設(shè)置為-1或者動(dòng)態(tài)賦值將ScrollSetp設(shè)置為-1)
+ 判斷是否可以滾動(dòng) (若內(nèi)容區(qū)域小于顯示區(qū)域,則自動(dòng)取消滾動(dòng))
+ 跳過(guò)初始化錯(cuò)誤 (避免引起其它滾動(dòng)的停止)
+ 默認(rèn)值 (除容器ID必選外,其他參數(shù)均可根據(jù)情況進(jìn)行選擇設(shè)置)
+ 參數(shù)動(dòng)態(tài)賦值 (方向可用英文表示top|bottom|left|right,使其更直觀、方便)
* 文字滾動(dòng)不準(zhǔn)確 (本次更新主要目的解決此Bug,感謝周珺參與測(cè)試)
1.4.061211
+ 鼠標(biāo)懸停改變滾動(dòng)方向 (鼠標(biāo)懸??刂谱笥覞L動(dòng))
* 由于文檔下載過(guò)慢而導(dǎo)致獲取的高度/寬度不準(zhǔn)確
* 瀏覽器兼容問(wèn)題 (IE、FF、Opera、NS、MYIE)
1.2.060922
+ 指定范圍間歇滾動(dòng)
* 程序調(diào)整
* 連續(xù)間歇滾動(dòng)停止的錯(cuò)誤
1.0.060901
+ 向下、向右滾動(dòng)
+ 開(kāi)始等待時(shí)間
+ 連續(xù)滾動(dòng)
* 調(diào)整時(shí)間單位
* 滾動(dòng)誤差
* 隨機(jī)死循環(huán)
* 加強(qiáng)性能
* 程序優(yōu)化
0.8.060829
翻屏不間斷向上、向左滾動(dòng)
演示地址:http://www.popub.net/script/MSClass.html
下載地址:http://www.popub.net/script/MSClass.js
應(yīng)用說(shuō)明:頁(yè)面包含<script type="text/javascript" src="MSClass.js"></script>
創(chuàng)建實(shí)例:
//參數(shù)直接賦值法
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)
//參數(shù)動(dòng)態(tài)賦值法
var marquee1 = new Marquee("marquee") *此參數(shù)必選
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();
參數(shù)說(shuō)明:
ID "marquee" 容器ID (必選)
Direction (0) 滾動(dòng)方向 (可選,默認(rèn)為0向上滾動(dòng)) 可設(shè)置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)
Step (1) 滾動(dòng)的步長(zhǎng) (可選,默認(rèn)值為2,數(shù)值越大,滾動(dòng)越快)
Width (760) 容器可視寬度 (可選,默認(rèn)值為容器初始設(shè)置的寬度)
Height (52) 容器可視高度 (可選,默認(rèn)值為容器初始設(shè)置的高度)
Timer (50) 定時(shí)器 (可選,默認(rèn)值為30,數(shù)值越小,滾動(dòng)的速度越快,1000=1秒,建議不小于20)
DelayTime (5000) 間歇停頓延遲時(shí)間(可選,默認(rèn)為0不停頓,1000=1秒)
WaitTime (3000) 開(kāi)始時(shí)的等待時(shí)間(可選,默認(rèn)或0為不等待,1000=1秒)
ScrollStep (52) 間歇滾動(dòng)間距 (可選,默認(rèn)為翻屏寬/高度,該數(shù)值與延遲均為0則為鼠標(biāo)懸停控制,-1禁止鼠標(biāo)控制)
使用建議:
1、建議直接賦予容器的顯示區(qū)域的寬度和高度,如(<div id="marquee" style="width:760px;height:52px;">......</div>)
2、建議為容器添加樣式overflow = auto,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">......</div>)
3、為了更準(zhǔn)確的獲取滾動(dòng)區(qū)域的寬度和高度,請(qǐng)盡可能將各滾動(dòng)單位直接賦予正確寬高度
4、對(duì)于TABLE標(biāo)記的橫向滾動(dòng),需要對(duì)TABLE添加樣式display = inline,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>)
5、對(duì)于翻屏滾動(dòng)或間歇滾動(dòng),要注意各滾動(dòng)單位間的間距,同時(shí)需要對(duì)容器的可視高度和可視寬度做好準(zhǔn)確的設(shè)置,對(duì)于各滾動(dòng)單位間的間距可以通過(guò)設(shè)置行間距或者單元格的高寬度來(lái)進(jìn)行調(diào)整
6、對(duì)于LI自動(dòng)換行的問(wèn)題暫時(shí)沒(méi)有更好的解決辦法,建議將其轉(zhuǎn)換成表格(TABLE)的形式來(lái)達(dá)到同等的效果
7、針對(duì)橫向滾動(dòng)的文字段落,如果最末端是以空格" "結(jié)束的,請(qǐng)將空格" "轉(zhuǎn)換成" "
8、鼠標(biāo)懸停滾動(dòng)思想源自Flash,所以有一定的局限性(容器內(nèi)僅允許用圖片<img>或者帶鏈接的圖片<a><img></a>的形式,并需要禁止其自動(dòng)換行)
感 謝:
周珺 zhoujun#yuchengtech.com (文字滾動(dòng)跳行的bug) 2007/01/31
自本程序發(fā)布以來(lái),收到不少朋友的郵件,提出了很多意見(jiàn)和建議,感謝大家的支持!
\***程序制作/版權(quán)所有:崔永祥(333) E-Mail:zhadan007@21cn.com 網(wǎng)址:http://www.popub.net***/
復(fù)制代碼 代碼如下:
<!--
function Marquee()
{
this.ID = document.getElementById(arguments[0]);
if(!this.ID)
{
alert("您要設(shè)置的\"" + arguments[0] + "\"初始化錯(cuò)誤\r\n請(qǐng)檢查標(biāo)簽ID設(shè)置是否正確!");
this.ID = -1;
return;
}
this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.Correct = this.CTL = this.StartID = this.Stop = this.MouseOver = 0;
this.Step = 1;
this.Timer = 30;
this.DirectionArray = {"top":0 , "bottom":1 , "left":2 , "right":3};
if(typeof arguments[1] == "number")this.Direction = arguments[1];
if(typeof arguments[2] == "number")this.Step = arguments[2];
if(typeof arguments[3] == "number")this.Width = arguments[3];
if(typeof arguments[4] == "number")this.Height = arguments[4];
if(typeof arguments[5] == "number")this.Timer = arguments[5];
if(typeof arguments[6] == "number")this.DelayTime = arguments[6];
if(typeof arguments[7] == "number")this.WaitTime = arguments[7];
if(typeof arguments[8] == "number")this.ScrollStep = arguments[8]
this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden";
this.ID.noWrap = true;
this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1);
if(arguments.length >= 7)this.Start();
}
Marquee.prototype.Start = function()
{
if(this.ID == -1)return;
if(this.WaitTime < 800)this.WaitTime = 800;
if(this.Timer < 20)this.Timer = 20;
if(this.Width == 0)this.Width = parseInt(this.ID.style.width);
if(this.Height == 0)this.Height = parseInt(this.ID.style.height);
if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()];
this.HalfWidth = Math.round(this.Width / 2);
this.BakStep = this.Step;
this.ID.style.width = this.Width;
this.ID.style.height = this.Height;
if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height;
//this.ID.innerHTML += this.ID.innerHTML;
var msobj = this;
var timer = this.Timer;
var delaytime = this.DelayTime;
var waittime = this.WaitTime;
msobj.StartID = function(){msobj.Scroll()}
msobj.Continue = function()
{
if(msobj.MouseOver == 1)
{
setTimeout(msobj.Continue,delaytime);
}
else
{ clearInterval(msobj.TimerID);
msobj.CTL = msobj.Stop = 0;
msobj.TimerID = setInterval(msobj.StartID,timer);
}
}
msobj.Pause = function()
{
msobj.Stop = 1;
clearInterval(msobj.TimerID);
setTimeout(msobj.Continue,delaytime);
}
msobj.Begin = function()
{
msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth : msobj.ID.scrollHeight;
if((msobj.Direction <= 1 && msobj.ClientScroll <msobj.Height) || (msobj.Direction > 1 && msobj.ClientScroll <msobj.Width))return;
msobj.ID.innerHTML += msobj.ID.innerHTML;
msobj.TimerID = setInterval(msobj.StartID,timer);
if(msobj.ScrollStep < 0)return;
msobj.ID.onmousemove = function(event)
{
if(msobj.ScrollStep == 0 && msobj.Direction > 1)
{
var event = event || window.event;
if(window.event)
{
if(msobj.IsNotOpera)
{
msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX;
}
else
{
msobj.ScrollStep = null;
return;
}
}
else
{
msobj.EventLeft = event.layerX - msobj.ID.scrollLeft;
}
msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2;
msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft);
msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth);
}
}
msobj.ID.onmouseover = function()
{
if(msobj.ScrollStep == 0)return;
msobj.MouseOver = 1;
clearInterval(msobj.TimerID);
}
msobj.ID.onmouseout = function()
{
if(msobj.ScrollStep == 0)
{
if(msobj.Step == 0)msobj.Step = 1;
return;
}
msobj.MouseOver = 0;
if(msobj.Stop == 0)
{
clearInterval(msobj.TimerID);
msobj.TimerID = setInterval(msobj.StartID,timer);
}
}
}
setTimeout(msobj.Begin,waittime);
}
Marquee.prototype.Scroll = function()
{
switch(this.Direction)
{
case 0:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollTop >= this.ClientScroll)
{
this.ID.scrollTop -= this.ClientScroll;
}
this.ID.scrollTop += this.Step;
}
break;
case 1:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollTop <= 0)
{
this.ID.scrollTop += this.ClientScroll;
}
this.ID.scrollTop -= this.Step;
}
break;
case 2:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollLeft >= this.ClientScroll)
{
this.ID.scrollLeft -= this.ClientScroll;
}
this.ID.scrollLeft += this.Step;
}
break;
case 3:
this.CTL += this.Step;
if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
{
this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL;
this.Pause();
return;
}
else
{
if(this.ID.scrollLeft <= 0)
{
this.ID.scrollLeft += this.ClientScroll;
}
this.ID.scrollLeft -= this.Step;
}
break;
}
}
//-->
在線演示
相關(guān)文章
JavaScript運(yùn)行機(jī)制之事件循環(huán)(Event Loop)詳解
這篇文章主要介紹了JavaScript運(yùn)行機(jī)制之事件循環(huán)(Event Loop)詳解,本文從多個(gè)方面講解了Event Loop,需要的朋友可以參考下2014-10-10javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表),需要的朋友可以參考下。2010-12-12使用JS解析excel文件的完整實(shí)現(xiàn)步驟
解析excel文件是我們?nèi)粘i_(kāi)發(fā)中經(jīng)常遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于使用JS解析excel文件的完整實(shí)現(xiàn)步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10一文帶你掌握掌握J(rèn)avaScript中不同屬性類型的細(xì)節(jié)
JavaScript是一種功能強(qiáng)大的編程語(yǔ)言,支持面向?qū)ο蟮木幊谭妒?,本文將介紹JavaScript中面向?qū)ο缶幊痰幕靖拍?,包括?duì)象、屬性類型、定義多個(gè)屬性和讀取屬性的特性2023-06-06JavaScript Rxjs mergeMap 的使用場(chǎng)合
這篇文章主要介紹了JavaScript Rxjs mergeMap 的使用場(chǎng)合,mergeMap 接收一個(gè)函數(shù)作為輸入?yún)?shù),這個(gè)函數(shù)的輸入?yún)?shù)就是通過(guò) pipe 鏈接 mergeMap 的 Observable 里包含的元素2022-07-07HTML+CSS+JavaScript實(shí)現(xiàn)可拖拽模態(tài)框
這篇文章主要為大家詳細(xì)介紹了HTML+CSS+JavaScript實(shí)現(xiàn)可拖拽模態(tài)框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07javascript實(shí)現(xiàn)劃詞標(biāo)記劃詞搜索功能修正版
javascript實(shí)現(xiàn)劃詞標(biāo)記劃詞搜索功能修正版...2006-12-12