[分享] 图片从右往左滚动代码

郑爽中文网

1. <table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                         
   
2. <tr><td>                                                                                                                                                                                         
   
3.   <div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_qpsh_com1 valign=top>
   
4.   <table border=0 cellpadding=0 cellspacing=0>
   
5.   <tr><td><a href=http://www.fankelipinka.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9097.jpg" width=150 height=100 hspace=22></a><br><center><b>说明一</b></center></td>
   
6.   <td width=30></td>
   
7.   <td><a href=http://www.wangtx.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9092.jpg" width=150 height=100  hspace=22></a><br><center><b>说明二</b></center></td></td>
   
8.   <td width=30></td>
   
9.   <td><a href=http://www.yamaxun.org target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9084.jpg" width=150 height=100  hspace=22></a><br><center><b>说明三</b></center></td>
   
10.   <td><a href=http://www.cnwenger.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9079.jpg" width=150 height=100  hspace=22></a><br><center><b>说明四</b></center></td>
    
11.   <td width=30></td>
    
12.   <td><a href=http://www.pc555.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9070.jpg" width=150 height=100  hspace=22></a><br><center><b>说明五</b></center></td>
    
13.   </tr>
    
14.   </table>
    
15. </td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
    
16.   <script>
    
17.   var speed=10//速度数值越大速度越慢
    
18.   www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
    
19.   function Marquee(){
    
20.   if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
    
21.   www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
    
22.   else{
    
23.   www_qpsh_com.scrollLeft++
    
24.   }
    
25.   }
    
26.   var MyMar=setInterval(Marquee,speed)
    
27.   www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
    
28.   www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    
29.   </script>
    
30. </td></tr>                                                                                                                                                                                                                           
    
31. </table>

複製代碼

（放在：頁內文字廣告  大小设置成900  否则会错位！）
演示图（7.2版本）：

下載 (109.35 KB)

2013-5-10 00:50

演示图（2.5版本）：

下載 (143.88 KB)

2013-5-10 00:50

在这里 我想问一下章鱼，为什么同样的代码。论坛版本不一样，效果出来就不一样呢？ 很明显，这个代码2.5版本效果好看一点！

pigeon

图片必须要设置尺寸吗？是不是太大的图片不会自动缩小尺寸？

郑爽中文网

自动缩小成150的

4rphotoclub

好東西要好好收下來

xuan

謝謝分享

章鱼

效果不一样是因为CSS的问题....

郑爽中文网

回復 6# 章鱼


    懂了 受益匪浅

潜龙

受益匪浅