免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

  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版本):
QQ截图20130510004956.png
演示图(2.5版本):
QQ截图20130509225417.png

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

評分人數

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

TOP

自动缩小成150的

TOP

好東西要好好收下來

TOP

謝謝分享
   請各位多多支持,謝謝ww

TOP

效果不一样是因为CSS的问题....
章鱼之家代码站
 
 
 
 
 

TOP

回復 6# 章鱼


    懂了 受益匪浅

TOP

受益匪浅

TOP

返回列表