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>

  • 相关阅读:
    Div+CSS+JQuery实现选项卡,即通过点击不同的li跳转到不同的div中显示不同的内容或者执行不同的操作。
    js如何获取点击<li>标签里的内容值
    python requests库爬取网页小实例:ip地址查询
    python requests库爬取网页小实例:爬取网页图片
    python requests库网页爬取小实例:百度/360搜索关键词提交
    python requests库网页爬取小实例:亚马逊商品页面的爬取
    python使用requests库爬取网页的小实例:爬取京东网页
    hibernate 的入门
    html
    事务的入门(mysql)
  • 原文地址:https://www.cnblogs.com/liubiqu/p/286597.html
Copyright © 2011-2022 走看看