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

第一步驟：用DW（Dreamweaver）新建一個htm文件，然後插入下面代碼，保存到模板路徑裡，phpcms默認模板路徑為：templates\default，保存的文件名為：tag_picarticle1。補句，記得把代碼裡的網址改成你的。 <base href="http://www.123.com">
$ m! F- I% ]& o* l9 ^. {# {

<base href="http://www.123.com">
, F5 h9 G. {5 u2 c6 p- `   <div id=demo  style=overflow:hidden;height:127;width:628>
# {5 t# d( l) z. }<table align=left cellpadding=0 cellspace=0 border=0>
   <tr>
   <td id=demo1 valign=top>
   {loop $articles $i $article}
  \) p4 V, ?7 M+ ]) f       {if $i%$cols==0}
' ?, L  f& Z" k7 {1 I    <tr>
       {/if}
             <td class="tag_td_img">
+ X$ V: P, V- b7 ]2 h         <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>
         
- N$ P  Q+ [/ |* Y" M6 m        
& y5 y8 Z% G, u" e7 X( Y( @         
              <tr>
                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>
              </table>
       {if $i% $cols==($cols-1)}
3 \& `! s0 Y  H( f' c# a    </tr>
       {/if}  
     {/loop}
2 T- Q& b* E% K3 c* q2 R3 W  h   </td>
   <td id=demo2 valign=top>
$ F) A" Y& q" c# H0 q  E2 C   </td>
   </tr>
   </table>
, J+ J7 S2 W4 A1 A. n% J6 ^  N% i   </div>
" d9 s0 g7 \  H+ y/ V% @5 l<script language="javascript">
/ R' v2 y1 n' l  var speed=30
( {, M3 `, i; u1 Q, h% B  demo2.innerHTML=demo1.innerHTML
/ [" p& f7 q% v% E/ K! {% o2 N1 d  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo1.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
! ^3 A, U$ V" `8 r- |  else{
  demo.scrollLeft++
- P4 n8 G# Z. {9 d/ @' I' |  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
  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')}

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

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