欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

不間斷滾動(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)換成"&nbsp;" 
        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)文章

最新評(píng)論