学步园

 1<!--滚动图片资料 begin-->
 2<style type="text/css">
 3.RollPic{}{
 4    border:1px solid #999999;
 5    padding:9px 9px 9px 9px;
 6    background-color:#fff;
 7    overflow:hidden;
 8}
 9
10.RollTitle{}{color:#fff;line-height:19px;}
11</style>
12<table width=750 cellspacing=0 bgcolor=#ffffff>
13<tr>
14<td width=1 height=2></td>
15<td></td>
16<td width=1></td>
17</tr>
18<tr>
19<td></td>
20<td>
21    
22    <table width=100% cellspacing=0 style='border:1px solid #9F9F9F;'>
23    <tr align=center>
24    <td width=27 height=140 bgcolor=#7C7C7C class='RollTitle'><b>滚<br/>动<br/>图<br/>片</b></td>
25    <td bgcolor=#CCCCCC>
26    <div id=demo style="overflow:hidden;height:140px;width:700px;margin-top:12px;">
27
28        <table width= cellspacing=0>
29        <tr>
30        <td id=demo1>
31            <table cellspacing=0>
32            <tr>
33            <!--滚动图片 begin-->
34            <td class=RollPic><a href=/z/chinaoverseas/photo/22566/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-12-02/U1489P6T12D1912318F44DT20051202002622_small_h.JPG border=1 alt='邵佳一慕尼黑1860随队训练'></a></td>
35              <td width=4><img width=4></td>
36<td class=RollPic><a href=/z/chinaoverseas/photo/22493/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/j/2005-11-30/U1489P6T12D1908322F44DT20051130010010_small_h.jpg border=1 alt='孙祥结束试训回国'></a></td>
37              <td width=4><img width=4></td>
38<td class=RollPic><a href=/z/chinaoverseas/photo/22432/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-29/U329P6T12D1907332F44DT20051129101956_small_h.jpg border=1 alt='邵佳一连续三场进球'></a></td>
39              <td width=4><img width=4></td>
40<td class=RollPic><a href=/z/chinaoverseas/photo/22414/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-28/U1022P6T12D1904876F44DT20051128072121_small_h.jpg border=1 alt='1860客场险胜邵佳一再进球'></a></td>
41              <td width=4><img width=4></td>
42<td class=RollPic><a href=/z/chinaoverseas/photo/22401/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-27/U1166P6T12D1903924F44DT20051127180803_small_h.jpg border=1 alt='曲圣卿助本队赢得榜首大战'></a></td>
43              <td width=4><img width=4></td>
44<td class=RollPic><a href=/z/chinaoverseas/photo/22299/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-25/U1022P6T12D1900128F44DT20051125110547_small_h.jpg border=1 alt='孙祥试训维冈表现不俗'></a></td>
45              <td width=4><img width=4></td>
46
47            <!--滚动图片 end-->
48            </tr>
49            </table>
50
51        </td>
52        <td id=demo2></td>
53        </tr>
54        </table>
55        
56    </div>
57    </td>
58    </tr>
59    </table>
60</td>
61<td></td>
62</tr>
63<tr>
64<td height=8></td>
65<td></td>
66<td></td>
67</tr>
68</table>
69
70      <script>
71      var speed=10//速度数值越大速度越慢
72      demo2.innerHTML=demo1.innerHTML
73      function Marquee(){
74          if(demo2.offsetWidth-demo.scrollLeft<=0)
75          demo.scrollLeft-=demo1.offsetWidth
76          else{
77            demo.scrollLeft++
78          }
79      }
80      var MyMar=setInterval(Marquee,speed)
81      demo.onmouseover=function() {clearInterval(MyMar)}
82      demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
83      </script>

以前用过，可是忘记了，这次记在自己的BLOG上面，再也不会忘记了，呵呵。