日期:2014-05-17  浏览次数:20867 次

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">&l