滚动图片

 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上面，再也不会忘记了，呵呵。