最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript上下左右定時(shí)滾動(dòng)插件

 更新時(shí)間:2010年06月19日 16:43:52   作者:  
在網(wǎng)上找到的,我認(rèn)為最為方便的一段定時(shí)滾動(dòng)代碼,找了很多其他的總是有這樣那樣的問(wèn)題,好不容易找到的,就分享一下。
核心代碼:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function Marquee() {
this.ID = document.getElementById(arguments[0]);
this.Direction = arguments[1];
this.Step = arguments[2];
this.Width = arguments[3];
this.Height = arguments[4];
this.Timer = arguments[5];
this.WaitTime = arguments[6];
this.StopTime = arguments[7];
if (arguments[8]) { this.ScrollStep = arguments[8]; } else { this.ScrollStep = this.Direction > 1 ? this.Width : this.Height; }
this.CTL = this.StartID = this.Stop = this.MouseOver = 0;
this.ID.style.overflowX = this.ID.style.overflowY = "hidden";
this.ID.noWrap = true;
this.ID.style.width = this.Width;
this.ID.style.height = this.Height;
this.ClientScroll = this.Direction > 1 ? this.ID.scrollWidth : this.ID.scrollHeight;
this.ID.innerHTML += this.ID.innerHTML;
this.Start(this, this.Timer, this.WaitTime, this.StopTime);
}
Marquee.prototype.Start = function(msobj, timer, waittime, stoptime) {
msobj.StartID = function() { msobj.Scroll(); }
msobj.Continue = function() {
if (msobj.MouseOver == 1) { setTimeout(msobj.Continue, waittime); }
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, waittime); }
msobj.Begin = function() {
msobj.TimerID = setInterval(msobj.StartID, timer);
msobj.ID.onmouseover = function() { msobj.MouseOver = 1; clearInterval(msobj.TimerID); }
msobj.ID.onmouseout = function() { msobj.MouseOver = 0; if (msobj.Stop == 0) { clearInterval(msobj.TimerID); msobj.TimerID = setInterval(msobj.StartID, timer); } }
}
setTimeout(msobj.Begin, stoptime);
}
Marquee.prototype.Scroll = function() {
switch (this.Direction) {
case 0:
this.CTL += this.Step;
if (this.CTL >= this.ScrollStep && this.WaitTime > 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.WaitTime > 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.WaitTime > 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.WaitTime > 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;
}
}
</script>

控制使用代碼:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
<!--
window.onload = function() {
new Marquee(
"s1", //容器ID
0, //向上滾動(dòng)(0向上 1向下 2向左 3向右)
2, //滾動(dòng)的步長(zhǎng)
251, //容器可視寬度
520, //容器可視高度
50, //定時(shí)器 數(shù)值越小,滾動(dòng)的速度越快(1000=1秒,建議不小于20)
2000, //間歇停頓時(shí)間(0為不停頓,1000=1秒)
3000, //開(kāi)始時(shí)的等待時(shí)間(0為不等待,1000=1秒)
75 //間歇滾動(dòng)間距(可選),可理解為行高,我這里是3*25=75,就是每次滾動(dòng)三行
);
};
-->
</script>

效果演示:

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

相關(guān)文章

  • JS、CSS文字切換,定時(shí)交替,代碼精簡(jiǎn)

    JS、CSS文字切換,定時(shí)交替,代碼精簡(jiǎn)

    圖片切換很流行,文字切換也很實(shí)用哦,而且用CSS與JavaScript配合,避免純JS實(shí)現(xiàn)時(shí)把文字寫(xiě)進(jìn)JavaScript代碼里,修改不方便,本款可以說(shuō)是方便,簡(jiǎn)單,效果實(shí)用,兼容性好.
    2009-10-10
  • javascript 模擬Marquee文字向左均勻滾動(dòng)代碼

    javascript 模擬Marquee文字向左均勻滾動(dòng)代碼

    Marquee是HTML語(yǔ)言里固有的文字滾動(dòng)標(biāo)簽,雖然用著方便,但是功能上有一些限制,很多時(shí)候我們都是通過(guò)JavaScript來(lái)補(bǔ)充這一功能.
    2009-10-10
  • Js+CSS 文字漸隱漸現(xiàn)顯示

    Js+CSS 文字漸隱漸現(xiàn)顯示

    JavaScript文字漸隱漸現(xiàn)顯示,更專(zhuān)業(yè)的說(shuō)法叫淡入淡出,最開(kāi)始用于視頻蒙太奇制作及Flash動(dòng)畫(huà)上,現(xiàn)在用到文字上也不是什么稀罕事了.
    2009-10-10
  • Js+CSS實(shí)現(xiàn)的間斷和不間斷文本滾動(dòng)代碼

    Js+CSS實(shí)現(xiàn)的間斷和不間斷文本滾動(dòng)代碼

    Js+CSS間斷和不間斷文本滾動(dòng)代碼,文字在一行高度范圍內(nèi)不間斷滾動(dòng),還有一個(gè)是間斷滾動(dòng),滾動(dòng)一次后會(huì)稍停片刻再次滾動(dòng)。
    2010-10-10
  • Js 網(wǎng)頁(yè)上反復(fù)顯示隱藏效果的文本

    Js 網(wǎng)頁(yè)上反復(fù)顯示隱藏效果的文本

    一個(gè)JavaScript特效,在網(wǎng)頁(yè)上反復(fù)顯示一些可隱藏的文字,快速滾入而后快速消失,很不錯(cuò)的文字效果。
    2010-03-03
  • CSS 動(dòng)態(tài)鏈接提示

    CSS 動(dòng)態(tài)鏈接提示

    CSS實(shí)現(xiàn)動(dòng)態(tài)的鏈接提示,帶動(dòng)畫(huà)效果,當(dāng)然,這不光是CSS的功勞,JavaScript也用上了,當(dāng)你把鼠標(biāo)放到文字上的時(shí)候,你就會(huì)看到一行提示文字出現(xiàn)的效果了。
    2009-10-10
  • Javascript 小寫(xiě)字母依次變?yōu)榇髮?xiě)

    Javascript 小寫(xiě)字母依次變?yōu)榇髮?xiě)

    Javascript把小寫(xiě)字母依次變?yōu)榇髮?xiě),嚴(yán)格來(lái)說(shuō)不算是大小寫(xiě)轉(zhuǎn)換程序,它主要是把文字按一定順序依次變?yōu)樾?xiě)的,估計(jì)有人要用到吧。
    2009-10-10
  • 仿打字特效的JS逐字出現(xiàn)的信息文字

    仿打字特效的JS逐字出現(xiàn)的信息文字

    JavaScript編寫(xiě)的文字特效,看似打字的效果,讓文字逐個(gè)出現(xiàn),你可以以這個(gè)為基礎(chǔ)給你心愛(ài)的人寫(xiě)一段祝福的語(yǔ),這的確挺合適。
    2009-10-10
  • 讓鏈接必須按先后順序點(diǎn)擊的JS代碼

    讓鏈接必須按先后順序點(diǎn)擊的JS代碼

    讓鏈接必須按先后順序點(diǎn)擊的JS代碼,用到廣告上面比較好,有不少的文字或圖片廣告有類(lèi)似效果,點(diǎn)鏈接的時(shí)候需要按順序,請(qǐng)注意鏈接地址,寫(xiě)在JS代碼里的是真正需要的地址。
    2009-10-10
  • javascript 網(wǎng)頁(yè)上跳動(dòng)的文字

    javascript 網(wǎng)頁(yè)上跳動(dòng)的文字

    網(wǎng)頁(yè)上跳動(dòng)的文字,代碼稍復(fù)雜,效果挺可愛(ài)的,一跳一跳的文字,真逗人!
    2009-10-10

最新評(píng)論

仙桃市| 北辰区| 阿城市| 仙游县| 云林县| 娱乐| 寿阳县| 沁源县| 宣武区| 景宁| 容城县| 长兴县| 凉山| 曲麻莱县| 奇台县| 永川市| 灌南县| 化州市| 宜丰县| 眉山市| 阿城市| 钦州市| 房产| 剑阁县| 泗洪县| 乌什县| 随州市| 华坪县| 乌什县| 吉隆县| 沁水县| 蓬莱市| 雅江县| 凌云县| 海丰县| 平顶山市| 阳信县| 芷江| 财经| 天峨县| 莫力|