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>

  • 相关阅读:
    公交/地铁出行测试用例点
    python第一次作业
    jmeter之jsonpath断言
    jsonhandle与jsonpath extractor(json值提取插件)
    jmeter 插件之Dummy samper-----------------moke服务
    jmeter插件安装
    JMeter组件之Test Fragment
    jmeter连接MySQL构造大量并发测试数据
    某购物网站大量用户登录脚本
    jenkins+ant+jmeter接口测试自动化平台(带发送附件测试报告)
  • 原文地址:https://www.cnblogs.com/liubiqu/p/286597.html
Copyright © 2011-2022 走看看