JS实现滚动窗口

来源：互联网发布：老大哥在看着你知乎编辑：程序博客网时间：2024/06/06 08:24

这里写图片描述

<script type="text/javascript">    window.onload = function(){        var speed = 20;        var td1 = document.getElementById("td1");        var td2 = document.getElementById("td2");        td2.innerHTML = td1.innerHTML;        var div1 = document.getElementById("div1");        function goLeft(){            if (td1.offsetWidth - div1.scrollLeft < 0) {                div1.scrollLeft = div1.scrollLeft - td1.offsetWidth;            }else {                div1.scrollLeft++;            }        }        setInterval(goLeft,speed);    }</script><div id="div1" style="overflow:hidden;width:800px;height:50px;">        <table style="width: 800px;height: 45px;background-color: silver;">            <tr>                <td id="td1">                    <table style="width: 800px;height: 45px;background-color: silver;">                        <tr>                            <td align="center"><font size="5px" color=blue>JS实现滚动窗口</font></td>                        </tr>                    </table>                </td>                <td id="td2"></td>            </tr>        </table>    </div>

阅读全文

0 0