zoukankan      html  css  js  c++  java
  • 做了一个自适应的滚动字幕(带下拉条的)

    既可以滚动也可以用下拉条。
    <!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"  onmouseover="MouseOver();" onmouseout="timeoutid = setTimeout('scrollhtml()',100);" style=" 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>

  • 相关阅读:
    Java学习笔记二:发展史之Java的发展
    Java学习笔记一:发展史之Java诞生前
    JPA学习笔记四:理论篇之CRUD
    JPA学习笔记二:实践篇之SpringBoot集成JPA
    JPA学习笔记一:理论篇之JPA介绍
    JPA学习笔记三:实践篇之实现正向工程
    MySQL:大表优化
    如何理解原型链中的prototype和__proto__?
    Node版本的升级和降级
    常用的git提交代码命令
  • 原文地址:https://www.cnblogs.com/liubiqu/p/286597.html
Copyright © 2011-2022 走看看