JS实现滚动窗口

JS实现滚动窗口_第1张图片

<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>

你可能感兴趣的:(Java,web)