亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js實現單行文本向上滾動效果實例代碼

2019-11-20 21:34:11
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

/***************滾動場次開始*****************/

function ScrollText(content, btnPrevious, btnNext, autoStart) {
    this.Delay = 10;
    this.LineHeight = 20;
    this.Amount = 1;
    this.Direction = "up";
    this.Timeout = 1500;
    this.ScrollContent = this.$(content);
    this.ScrollContent.innerHTML += this.ScrollContent.innerHTML;
    //this.ScrollContent.scrollTop = 0;
    if (btnNext) {
        this.NextButton = this.$(btnNext);
        this.NextButton.onclick = this.GetFunction(this, "Next");
        this.NextButton.onmouseover = this.GetFunction(this, "Stop");
        this.NextButton.onmouseout = this.GetFunction(this, "Start");
    }
    if (btnPrevious) {
        this.PreviousButton = this.$(btnPrevious);
        this.PreviousButton.onclick = this.GetFunction(this, "Previous");
        this.PreviousButton.onmouseover = this.GetFunction(this, "Stop");
        this.PreviousButton.onmouseout = this.GetFunction(this, "Start");
    }
    this.ScrollContent.onmouseover = this.GetFunction(this, "Stop");
    this.ScrollContent.onmouseout = this.GetFunction(this, "Start");
    if (autoStart) {
        this.Start();
    }
}

ScrollText.prototype.$ = function (element) {
    return document.getElementById(element);
}

ScrollText.prototype.Previous = function () {
    clearTimeout(this.AutoScrollTimer);
    clearTimeout(this.ScrollTimer);
    this.Scroll("up");
}

ScrollText.prototype.Next = function () {
    clearTimeout(this.AutoScrollTimer);
    clearTimeout(this.ScrollTimer);
    this.Scroll("down");
}

ScrollText.prototype.Start = function () {
    clearTimeout(this.AutoScrollTimer);
    this.AutoScrollTimer = setTimeout(this.GetFunction(this, "AutoScroll"), this.Timeout);
}

ScrollText.prototype.Stop = function () {
    clearTimeout(this.ScrollTimer);
    clearTimeout(this.AutoScrollTimer);
}

ScrollText.prototype.AutoScroll = function () {
    if (this.Direction == "up") {
        if (parseInt(this.ScrollContent.scrollTop) >= parseInt(this.ScrollContent.scrollHeight) / 2) {
            this.ScrollContent.scrollTop = 0;
        }
        this.ScrollContent.scrollTop += this.Amount;
    } else {
        if (parseInt(this.ScrollContent.scrollTop) <= 0) {
            this.ScrollContent.scrollTop = parseInt(this.ScrollContent.scrollHeight) / 2;
        }
        this.ScrollContent.scrollTop -= this.Amount;
    }
    if (parseInt(this.ScrollContent.scrollTop) % this.LineHeight != 0) {
        this.ScrollTimer = setTimeout(this.GetFunction(this, "AutoScroll"), this.Delay);
    } else {
        this.AutoScrollTimer = setTimeout(this.GetFunction(this, "AutoScroll"), this.Timeout);
    }
}

ScrollText.prototype.Scroll = function (direction) {
    if (direction == "up") {
        if (this.ScrollContent.scrollTop == 0) {
            this.ScrollContent.scrollTop = parseInt(this.ScrollContent.scrollHeight) / 2;
        }
        this.ScrollContent.scrollTop -= this.Amount;
    } else {
        this.ScrollContent.scrollTop += this.Amount;
    }
    if (parseInt(this.ScrollContent.scrollTop) >= parseInt(this.ScrollContent.scrollHeight) / 2) {
        this.ScrollContent.scrollTop = 0;
    }
    if (parseInt(this.ScrollContent.scrollTop) % this.LineHeight != 0) {
        this.ScrollTimer = setTimeout(this.GetFunction(this, "Scroll", direction), this.Delay);
    }
}

ScrollText.prototype.GetFunction = function (variable, method, param) {
    return function () {
        variable[method](param);
    }
}

if (document.getElementById("ul_round")) {
    var scrollup = new ScrollText("ul_round");
    scrollup.LineHeight = 40;        //單排文字滾動的高度
    scrollup.Amount = 1;            //注意:子模塊(LineHeight)一定要能整除Amount.
    scrollup.Delay = 30;           //延時
    scrollup.Start();             //文字自動滾動
    scrollup.Direction = "up";   //默認設置為文字向上滾動
}
/***************滾動場次結束*****************/

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人国产精品久久久久久亚洲| 成人网在线免费看| 少妇高潮 亚洲精品| 欧美高清第一页| 亚洲成人黄色在线观看| 国产精品久久一区主播| 久久偷看各类女兵18女厕嘘嘘| 亚洲人成毛片在线播放| 亚洲欧洲国产伦综合| 精品一区二区三区四区在线| 高清一区二区三区四区五区| 96精品视频在线| 中文字幕一区电影| 国产精品视频网| 日韩在线一区二区三区免费视频| 色偷偷av一区二区三区乱| 在线观看国产精品日韩av| 欧美成人精品一区二区| 午夜精品久久久久久久男人的天堂| 欧美亚洲日本黄色| 国产成人精品电影| 最近2019中文字幕mv免费看| 国内精品400部情侣激情| 欧美日韩国产在线看| 97精品伊人久久久大香线蕉| 一区二区三区天堂av| 亚洲精品美女久久| 一本久久综合亚洲鲁鲁| 欧美激情欧美狂野欧美精品| 成人亚洲欧美一区二区三区| 亚洲一区免费网站| 在线观看免费高清视频97| www欧美xxxx| 亚洲一区制服诱惑| 97超级碰碰人国产在线观看| 国产精品女人网站| 国产精品久久久亚洲| 久久综合免费视频影院| 国产成人精品一区二区在线| 日韩在线观看电影| 国产在线播放不卡| 国产成人aa精品一区在线播放| 国产精品久久久久久久久男| 国产精品免费在线免费| 精品久久久一区二区| 国产欧亚日韩视频| 国产精品99久久久久久www| 日韩成人在线视频网站| 992tv成人免费影院| 色老头一区二区三区| 国产日韩欧美电影在线观看| 亚洲国产高潮在线观看| 中文字幕一区二区三区电影| 成人亲热视频网站| 91久久在线播放| 国产亚洲精品综合一区91| 国产精品∨欧美精品v日韩精品| 欧美另类69精品久久久久9999| 中日韩午夜理伦电影免费| 亚洲欧美综合区自拍另类| 亚洲一区二区三区视频播放| 欧美激情综合亚洲一二区| 正在播放国产一区| 日韩精品在线观看视频| 日韩在线国产精品| 国产精品久久激情| 91九色国产社区在线观看| 最近更新的2019中文字幕| 国产精品永久免费视频| 亚洲国产小视频在线观看| 精品国产欧美一区二区三区成人| 成人久久久久爱| 欧美成人午夜剧场免费观看| 色婷婷av一区二区三区在线观看| 亚洲第一黄色网| 国产亚洲aⅴaaaaaa毛片| 亚洲一区二区三区视频| 欧美一级片一区| 亚洲成人黄色在线| 亚洲美女精品久久| 日本成人在线视频网址| 国产日韩欧美中文| 欧美日韩第一视频| 国产精品福利在线观看网址| 亚洲精品国产电影| 国内精品模特av私拍在线观看| 亚洲国产成人一区| 欧美日韩国产综合新一区| 97超碰蝌蚪网人人做人人爽| 日韩欧美一区二区在线| 久久国产精品久久久久久| 中文字幕国内精品| 久久999免费视频| 亚洲国产成人精品一区二区| 日韩欧美精品中文字幕| 国产精品91一区| 亚洲天堂av在线免费观看| 日韩激情视频在线| 日本午夜精品理论片a级appf发布| 91亚洲永久免费精品| 日本久久中文字幕| 国产中文字幕亚洲| 日韩欧美在线第一页| 亚洲人成电影在线观看天堂色| 亚洲区在线播放| 国产午夜精品麻豆| 亚洲福利视频免费观看| 国产中文日韩欧美| 国产精品久久久久久久久久小说| 国产精品盗摄久久久| 亚洲第一精品夜夜躁人人躁| 久久久精品国产网站| 国产盗摄xxxx视频xxx69| 一本色道久久综合狠狠躁篇的优点| 国产手机视频精品| 欧美老肥婆性猛交视频| 国产精品第七影院| 成人亚洲欧美一区二区三区| 亚洲偷欧美偷国内偷| 91精品国产91| 欧美一性一乱一交一视频| 久久精品国产亚洲一区二区| 亚洲二区中文字幕| 欧美另类极品videosbest最新版本| 亚洲图片制服诱惑| 九九九热精品免费视频观看网站| 国产精品久久久久久久9999| 欧美午夜激情视频| 亚洲成人av片在线观看| 伦伦影院午夜日韩欧美限制| 日韩美女免费观看| 久久成人一区二区| 九九久久久久久久久激情| 久久久免费精品| 亚洲精品国产精品国自产在线| 国产欧亚日韩视频| 狠狠色香婷婷久久亚洲精品| 亚洲视频在线视频| 日本精品一区二区三区在线播放视频| 欧美性资源免费| 日韩在线欧美在线| 亚洲人线精品午夜| 亚洲欧美国内爽妇网| 日韩欧美中文字幕在线播放| 欧美国产一区二区三区| 亚洲国产99精品国自产| 成人免费观看49www在线观看| 在线日韩av观看| 精品国产一区二区三区久久狼5月| 亚洲图片在线综合| 在线观看日韩www视频免费| 欧美另类交人妖| 国产精品视频久久| www.亚洲人.com| 亚洲aaa激情| 亚洲最大福利网| 国产精品九九久久久久久久| 国产亚洲成av人片在线观看桃| 国产一区二区三区久久精品| 日韩av免费网站| 亚洲偷熟乱区亚洲香蕉av| 国产精品久久国产精品99gif| 久久精品视频在线| 丝袜美腿精品国产二区|