首页 > 编程 > HTML > 正文

无间断滚动效果 htc

2024-08-26 00:15:51
字体:
来源:转载
供稿:网友
marquee.htc
代码如下:
//  描述        : 无间断滚动字幕
//  版本        : 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;    // 标题显示延迟间隔

//+----------------------------------------------------------------------------
//  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);
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表