共享一下，我做的圖片無縫滾動 詳細講解，讓菜鳥也會！原創

第一步驟：用DW（Dreamweaver）新建一個htm文件，然後插入下面代碼，保存到模板路徑裡，phpcms默認模板路徑為：templates\default，保存的文件名為：tag_picarticle1。補句，記得把代碼裡的網址改成你的。 <base href="http://www.123.com">
# A/ y. ]+ E! U1 F6 T, I9 w

<base href="http://www.123.com">
   <div id=demo  style=overflow:hidden;height:127;width:628>
<table align=left cellpadding=0 cellspace=0 border=0>
4 I) ?8 y/ _2 v' R$ ]   <tr>
   <td id=demo1 valign=top>
   {loop $articles $i $article}
       {if $i%$cols==0}
& L9 O+ k* V# ?; T" ^+ `% o( N. |    <tr>
       {/if}
             <td class="tag_td_img">
         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
           
              <td height='8' align="center"><span class="pic"><a href='{$article[url]}' target='_blank'><img src='{$article[defaultpicurl]}' alt='{$article[alt]}' width='{$imgwidth}' height='{$imgheight}' border='0'></a></span></td>
0 d: l6 V3 G7 }         
! q" s% `6 }3 U+ y4 H5 R        
; J) X5 w' H. x) c' s# J& n         
              <tr>
                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>
              </table>
/ S. X6 h' g' {5 x! @       {if $i% $cols==($cols-1)}
7 A6 f( ~4 e1 ?) X) U  o% Q    </tr>
       {/if}  
     {/loop}
9 h8 R) z9 J( w# ?/ e   </td>
   <td id=demo2 valign=top>
   </td>
; o" B% U9 G% T$ I/ ?- h6 N% g   </tr>
, T# E5 G- u6 @0 ]   </table>
   </div>
3 K6 S/ Z' i, _6 r: m7 T: Z+ U9 b7 D6 L<script language="javascript">
; d1 a  x) V( ~# m; V7 o" n4 L  var speed=30
  demo2.innerHTML=demo1.innerHTML
/ E& c8 ]6 Y* C  R, g  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo1.offsetWidth-demo.scrollLeft<=0)
" s! ^5 p) i/ A& `( {- y! b  demo.scrollLeft-=demo1.offsetWidth
  S) s; x" U5 J( {: \# C+ m! U  else{
  demo.scrollLeft++
  }
  }
0 m' Z# t3 h. r0 V1 g+ x  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
6 d1 b1 a/ ^* R4 v8 f% o, m  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
! I3 F) [. a% X- ?1 v; d# Y  </script>

第一步驟：打開首頁模板index.htm，文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上，插入下面標籤，保存。

{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')}

最後一步：上傳，更新首頁。呵呵~~

[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]