主頁 > 知識庫 > 無間斷滾動效果 htc

無間斷滾動效果 htc

熱門標(biāo)簽:獲客智能電銷機(jī)器人 徐州天音防封電銷卡 鄭州智能外呼系統(tǒng)運(yùn)營商 佛山防封外呼系統(tǒng)收費(fèi) 電話機(jī)器人適用業(yè)務(wù) 不錯的400電話辦理 湛江電銷防封卡 哈爾濱外呼系統(tǒng)代理商 南昌辦理400電話怎么安裝
marquee.htc
復(fù)制代碼 代碼如下:

//  描述        : 無間斷滾動字幕
//  版本        : 2.0
//  作者        : 寶玉(WebUC.NET)
//  最新更新    : 2004-10-26
//  備            :

public:component>

public:attach event="oncontentready" onevent="f_Init()" />
public:attach event="onpropertychange" onevent="f_PropChange()" />
public:property name="direction" />
public:property name="speed" />
public:property name="delay" />

public:method NAME="marquee"/>
public:method NAME="stop"/>
public:method NAME="start"/>
/public:component>

script language="JScript">

var _oMarqueeContent;
var _oMarquee;
var _speed = 2;

var _orientation;
var _direction = "up"; 

var _ContentWidth;
var _ContentHeight;
var _MarqueeWidth;
var _MarqueeHeight;
var _paddingTop;

var _firstNode = 1;
var _count = 0;

var _timer = null;
var _pause = false;

var _marqueeInterval = 100;    // 滾動間隔
var _delayInterval = 2000;    // 標(biāo)題顯示延遲間隔

//+----------------------------------------------------------------------------
//  Function:       f_Init
//  Description:    初始化
//    Parameters:        null
//  Returns:        null
//-----------------------------------------------------------------------------
function f_Init()
{

    _oMarquee = document.createElement("div");
    _oMarqueeContent = document.createElement("span");
    _oMarqueeContent.innerHTML = element.innerHTML;
    _oMarquee.appendChild(_oMarqueeContent);
    element.innerHTML = "";
    element.appendChild(_oMarquee);


    if(speed == null) speed = _speed;
    speed = parseInt(speed);
    if(!speed) speed =_speed;

    if(delay == null) delay = _delayInterval;
    delay = parseInt(delay);
    if(!delay) delay = _delayInterval;


    if(direction == null) direction =_direction;
    direction = direction.toLowerCase();
    if(direction != "left"  direction != "right"  direction != "up"  direction != "down")
        direction = _direction;

    _orientation= (direction == "left" || direction == "right") ? "horizontal" : "vertical"

    InitMarquee();

    marquee();
}

function InitMarquee()
{

    _MarqueeWidth = _oMarquee.offsetWidth;
    _MarqueeHeight = _oMarquee.offsetHeight;
    _count = _oMarqueeContent.children.length;

    _ContentWidth = _oMarqueeContent.offsetWidth;
    _ContentHeight = _oMarqueeContent.offsetHeight;    

    _paddingTop = _oMarquee.offsetTop;

    FillMarquee()

    _oMarqueeContent.style.position = "relative";
    _oMarqueeContent.style.pixelTop = 0;    

}

function FillMarquee()
{
    var children = _oMarqueeContent.children;
    var i = 0;

    if (_orientation== "horizontal")
    {
        while (_oMarqueeContent.offsetWidth  _ContentWidth + _MarqueeWidth)
        {
            _oMarqueeContent.appendChild(children[i++].cloneNode(true));
        }
    }
    else
    {
        while (_oMarqueeContent.offsetHeight  _ContentHeight + _MarqueeHeight)
        {
            _oMarqueeContent.appendChild(children[i++].cloneNode(true));
        }
    }
}

function marquee()
{
    if (_pause)
        return;

    switch(direction)
    {
        case "up":
            _oMarqueeContent.style.pixelTop -= speed;
            if(Math.abs(_oMarqueeContent.style.pixelTop + _ContentHeight + _paddingTop)  speed)
                _oMarqueeContent.style.pixelTop = 0;

            
            if (Math.abs(_oMarqueeContent.children[_firstNode].offsetTop) - _paddingTop  speed)
            {
                _firstNode++;
                if (_firstNode >= _count)
                    _firstNode = 0;

                _timer = window.setTimeout(uniqueID + ".marquee()", _delayInterval);
            }
            else
                _timer = window.setTimeout(uniqueID + ".marquee()", _marqueeInterval);
            break;
    }
}

function stop()
{
    clearTimer();
    _pause = true;
}

function start()
{
    if (_timer != null)
        clearTimer();

    _pause = false;

    marquee();

}

function clearTimer()
{
    window.clearTimeout(_timer);
    _timer = null;
}

//
// Cancels an event
//
function f_CancelEvent()
{
    event.returnValue = false;
}

//
// A property changed
//
function f_PropChange()
{
    switch (event.propertyName)
    {
        default:
            f_Redraw();
            break;
    }
}

//
// Forces a redraw of the control
//
function f_Redraw()
{

}

/script>


HTML文件
復(fù)制代碼 代碼如下:

style>
body,td{
    font-size:9pt;
}

.marquee{
    overflow-y:hidden;word-break:break-all;padding:10px;
    behavior:url('marquee.htc');
}
.marquee div{
    padding-bottom:10px;
}
/style>
無間斷滾動br />
每個標(biāo)題間有停留br />
鼠標(biāo)移入停止,鼠標(biāo)移出繼續(xù)滾動br />

span style="height:100px;width:200px;border:1px solid black;" delay="3000" class="marquee" onmouseover="this.stop()" onmouseout="this.start()">
        div>a >1. 寶玉(http://www.webuc.net)作品/a>/div>
        div>a >2. 強(qiáng)強(qiáng)聯(lián)手,助推上海建筑領(lǐng)域信息化建設(shè)/a> /div>
        div>a >3. 廣聯(lián)達(dá)清單招標(biāo)投標(biāo)策略研討會——河南站圓滿成功/a> /div>
        div>a >4. 足球友誼賽:河北電建一公司 VS 廣聯(lián)達(dá)石家莊分公司/a>  /div>
        div>a >5. 廣聯(lián)達(dá)——清單算量軟件 GCL7.0新版出爐!/a> /div>
        div>a >6. 喜報:廣聯(lián)達(dá)公司順利通過ISO9000質(zhì)量管理體系三年復(fù)審/a> /div>
        div>a >7. 廣聯(lián)達(dá)-清單整體解決方案在北京求實(shí)造價咨詢公司的成功應(yīng)用/a> /div>
        div>a >8. 廣聯(lián)達(dá)-施工項(xiàng)目成本管理系統(tǒng)(GCM)在榮尊堡工程中的應(yīng)用/a> /div>
        div>a >9. 廣聯(lián)達(dá)-工程概預(yù)算軟件在北京建工集團(tuán)總公司東方廣場工程的應(yīng)用/a> /div>
        div>a >10. asdffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff/a> /div>
/span>
script>

/script>

您可能感興趣的文章:
  • js 實(shí)用的無間斷滾動圖效果(良好兼容性)
  • 無間斷滾動的新聞文章列表,兼容IE、Firefox和Opera,符合W3C標(biāo)準(zhǔn)。可作Marquee
  • 無間斷滾動的新聞文章列表 多瀏覽器兼容
  • 無間斷滾動marquee的詳細(xì)用法解析
  • 淺析js 文字滾動效果
  • javascript 實(shí)現(xiàn)滾動效果代碼整理
  • js實(shí)現(xiàn)的類marquee水平循環(huán)滾動
  • javascript 不間斷的圖片滾動并可點(diǎn)擊
  • javascript 文字上下間隔滾動的代碼 符合WEB標(biāo)準(zhǔn) 腳本之家修正版
  • Js 實(shí)現(xiàn)文字爬樓滾動效果 結(jié)合文本框
  • javascript 單行文字向上跑馬燈滾動顯示
  • js 實(shí)現(xiàn)無縫滾動 兼容IE和FF
  • javascript 一段左右兩邊隨屏滾動的代碼
  • 符合W3C Web標(biāo)準(zhǔn)的圖片連續(xù)無間隙水平滾動

標(biāo)簽:懷化 呂梁 蕪湖 吉安 安康 紹興 廣西 蘭州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《無間斷滾動效果 htc》,本文關(guān)鍵詞  無間斷,滾動,效果,htc,無間斷,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《無間斷滾動效果 htc》相關(guān)的同類信息!
  • 本頁收集關(guān)于無間斷滾動效果 htc的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章