做了一个自适应的滚动字幕（带下拉条的）

最新推荐文章于 2024-09-22 11:17:00 发布

weixin_34319999

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量65

点赞数

文章标签： javascript ViewUI

既可以滚动也可以用下拉条。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 测试页 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var position = 0;
var timeoutid=null;
function scrollhtml()
{
    var objDiv = document.all["divContent"];

    if (position < objDiv.scrollHeight-objDiv.clientHeight )
    {
        position = objDiv.scrollTop;
        objDiv.doScroll("down");
        //clearTimeout(timeoutid);
        timeoutid = setTimeout("scrollhtml()",900);
    }
    else
    {
        timeoutid = setTimeout("scrollhtml()",900);
        objDiv.scrollTop = 0;
        position = 0;
    }
}
function StopScroll()
{
    clearTimeout(timeoutid);
}
function MouseOver()
{
    var objDiv = document.all["divContent"];
    //objDiv.doScroll("up");
    StopScroll();
}

//document.onclick = StopScroll;
-->
</SCRIPT>
</HEAD>

<BODY>
<TABLE border="0" cellPadding="0" cellSpacing="0" width="100%" height="115">
    <TR vAlign="bottom">
        <TD valign="bottom" height="100%" >
            <div id="divContent" οnmοuseοver="MouseOver();" οnmοuseοut="timeoutid = setTimeout('scrollhtml()',100);" style="width: 100%; overflow: auto; height: 100%" >
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            这是一个测试的内容<BR>
            </div>
        </TD>
    </TR>

</TABLE>
</BODY>
</HTML>