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

第一步驟：用DW（Dreamweaver）新建一個htm文件，然後插入下面代碼，保存到模板路徑裡，phpcms默認模板路徑為：templates\default，保存的文件名為：tag_picarticle1。補句，記得把代碼裡的網址改成你的。 <base href="http://www.123.com">
; j$ w* U  j3 U

<base href="http://www.123.com">
: A: p( C* D5 K6 ?: r0 c; z   <div id=demo  style=overflow:hidden;height:127;width:628>
, }. l5 ]; v  r# l) H<table align=left cellpadding=0 cellspace=0 border=0>
( X! E; s2 O* H. h   <tr>
$ m) n3 C( N; D* |' K1 ]   <td id=demo1 valign=top>
   {loop $articles $i $article}
       {if $i%$cols==0}
    <tr>
9 g: w2 z" a, [+ c6 z9 b       {/if}
             <td class="tag_td_img">
* K( ?; n8 Y  q% N         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
; G1 k5 {4 ?' I2 u# d4 z4 x; [# _; {           
/ u$ @: ^( Y6 Z0 t% p* K' E              <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>
+ [+ ]) n; o9 G         
        
         
              <tr>
1 o4 z* t  K* a' ?, `* b0 i, p4 e                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>
7 E) X) H  {+ Q6 U              </table>
       {if $i% $cols==($cols-1)}
$ [% `& z/ C7 M/ r    </tr>
       {/if}  
     {/loop}
   </td>
2 L9 V% d3 F$ A- J- Y7 A6 U1 m   <td id=demo2 valign=top>
   </td>
   </tr>
4 G& O) w: K$ w; G   </table>
" q8 T) k+ H# H   </div>
: e  [6 {8 G7 v  J4 W<script language="javascript">
7 X: C( a3 X! N  Q' [; f  var speed=30
0 B6 o5 j/ b2 |3 w+ p0 S  demo2.innerHTML=demo1.innerHTML
  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo1.offsetWidth-demo.scrollLeft<=0)
7 }1 D) V# s  w! y5 L2 {2 _  demo.scrollLeft-=demo1.offsetWidth
  else{
* Q) R; ]$ ?* e' w. A  demo.scrollLeft++
1 _8 V- T& z1 z1 A! M8 I9 i  }
8 A9 W. f3 D  b9 `$ q: v! J+ I: z  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
5 `5 s0 E4 {1 \' w2 h/ |# Y  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>

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

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

最後一步：上傳，更新首頁。呵呵~~
! z* g1 N8 K% v& P8 h, f& c
[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]