免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [分享] 图片从右往左滚动代码 [打印本頁]

作者: 郑爽中文网    時間: 2013-5-10 00:52     標題: 图片从右往左滚动代码

  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版本效果好看一点!

圖片附件: QQ截图20130510004956.png (2013-5-10 00:50, 109.35 KB) / 下載次數 2108
http://weclub.info/discuz/attachment.php?aid=20459&k=9529eaf0a344064fc52924506aecc34f&t=1732651497&sid=80Qr0F



圖片附件: QQ截图20130509225417.png (2013-5-10 00:50, 143.88 KB) / 下載次數 2245
http://weclub.info/discuz/attachment.php?aid=20460&k=ee88150d156f3bb14d39b88777fa9ec4&t=1732651497&sid=80Qr0F


作者: pigeon    時間: 2013-5-10 05:54

图片必须要设置尺寸吗?是不是太大的图片不会自动缩小尺寸?
作者: 郑爽中文网    時間: 2013-5-10 10:14

自动缩小成150的
作者: 4rphotoclub    時間: 2013-5-10 13:57

好東西要好好收下來
作者: xuan    時間: 2013-5-11 12:06

謝謝分享
作者: 章鱼    時間: 2013-5-11 12:42

效果不一样是因为CSS的问题....
作者: 郑爽中文网    時間: 2013-5-11 17:29

回復 6# 章鱼


    懂了 受益匪浅
作者: 潜龙    時間: 2016-11-17 23:42

受益匪浅




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://weclub.info/discuz/) Powered by Discuz! 7.2