css 实现上下左右方向滚动字幕

<html>
<head>
</head>
<body>

<table> 
    <tr> 
        <td> 
            <table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0> 
                <tbody> 
                    <tr> 
                        <td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2> 
                           <marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=4 scrolldelay=500 direction=up>   
                            <center><span style="FONT-SIZE: 9pt"><br> 
                            我会滚动,把鼠标放上来我就停了。<br><br> 
                            加“direction=up”我就从下往上滚。<br><br> 
                            用”scrollamount=2“来调整我滚的速度,<br><br> 
                            数字越大,我滚的越快。<br><br> 
                            当”scrolldelay=700“的值变大时,我滚动的时延就变长。  
                            </span></center> 
                             </marquee> 
                        </td> 
                    </tr> 
                    <tr></tr> 
                </tbody> 
            </table> 
        </td> 
        <td> 
            <table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0> 
                <tbody> 
                    <tr> 
                        <td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2> 
                           <marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=2 scrolldelay=7 direction=down>   
                            <center><span style="FONT-SIZE: 9pt"><br> 
                            我会滚动,把鼠标放上来我就停了。<br><br> 
                            加“direction=down”我就从上往下滚。  
                            </span></center> 
                             </marquee> 
                        </td> 
                    </tr> 
                    <tr></tr> 
                </tbody> 
            </table> 
        </td> 
        </tr> 
        <tr> 
        <td> 
            <table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0> 
                <tbody> 
                    <tr> 
                        <td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2> 
                           <marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=2 scrolldelay=7 direction=right>   
                            <center><span style="FONT-SIZE: 9pt"><br> 
                            我会滚动,把鼠标放上来我就停了。<br><br> 
                            加“direction=right”我就从右往左滚。  
                            </span></center> 
                             </marquee> 
                        </td> 
                    </tr> 
                    <tr></tr> 
                </tbody> 
            </table> 
        </td> 
        <td> 
            <table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0> 
                <tbody> 
                    <tr> 
                        <td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2> 
                           <marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=2 scrolldelay=7 direction=left>   
                            <center><span style="FONT-SIZE: 9pt"><br> 
                            我会滚动,把鼠标放上来我就停了。<br><br> 
                            加“direction=left”我就从左向右滚。  
                            </span></center> 
                             </marquee> 
                        </td> 
                    </tr> 
                    <tr></tr> 
                </tbody> 
            </table> 
        </td> 
    </tr> 
</table> 

</body>
</html>

你可能感兴趣的:(html,css,UP)