<div id=demo1>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
  ">

层(div)的上下滚动

80酷酷网    80kuku.com

  <div id=demo hidden; HEIGHT: 235px">
<div id=demo1>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
        <tr align=middle bgColor=#ffffff>
            <td><a href="" target=_blank><img height=80 src="" width=80 border=0></a></td>
            <td><a href="" target=_blank><img height=80 src="" width=80 border=0></a></td>
            <td><a href="" target=_blank><img height=80 src="" width=80 border=0></a></td>
        </tr>
        <tr align=middle bgColor=#ffffff>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td>圆头绑带女鞋</td>
                    </tr>
                    <tr>
                        <td>Christian Louboutin</td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>$ 295.00</font></td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>¥2404.25</font></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td><font color=#000000>DR-S100 迷你DV </font></td>
                    </tr>
                    <tr>
                        <td>Panasonic</td>
                    </tr>
                    <tr>
                        <td>
                        <p><font color=#ff0033>$ 849.00</font></p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <p><font color=#ff0033>¥6,919.35</font></p>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td><font color=#000000>新娘无痕紧身胸衣</font></td>
                    </tr>
                    <tr>
                        <td>Victoria's Secret </td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>$ 48.00</font></td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>¥</font><span class=red><font color=#ff0033>391.20</font></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
        <tr>
            <td> </td>
        </tr>
    </tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
        <tr align=middle bgColor=#ffffff>
            <td><a href="" target=_blank><img height=80 src="" width=80 border=0></a></td>
            <td><a href="" target=_blank><img height=80 src="" width=80 border=0></a></td>
            <td><a href="" target=_blank><img height=80 src="" width=80 border=0></a></td>
        </tr>
        <tr align=middle bgColor=#ffffff>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td><font color=#000000>男表</font></td>
                    </tr>
                    <tr>
                        <td>名士</td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>$977.00</font></td>
                    </tr>
                    <tr>
                        <td height=12><font color=#ff0033>¥</font><span class=red><font color=#ff0000>7962.55</font></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td>足部磨砂护理</td>
                        <tr>
                            <td>碧欧泉</td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>$ 15.00</font></td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>¥122.25</font></td>
                        </tr>
                    </tbody>
                </table>
                </td>
                <td>
                <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                    <tbody>
                        <tr>
                            <td>nike休闲女鞋</td>
                        </tr>
                        <tr>
                            <td>nike</td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>$ 39.99</font></td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>¥</font><span class=red><font color=#ff0000>325.92</font></span></td>
                        </tr>
                    </tbody>
                </table>
                </td>
            </tr>
        </tbody>
    </table>
    <table cellSpacing=1 cellPadding=0 width="100%" border=0>
        <tbody>
            <tr>
                <td> </td>
            </tr>
        </tbody>
    </table>
    </div>
    <div id=demo2></div>
    </div>
    <script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>


分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: