过期域名预定抢注

用戶名  找回密碼
 免费注册

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

[複製鏈接]
發表於 2006-8-31 13:03:16 | 顯示全部樓層 |閱讀模式
第一步驟:用DW(Dreamweaver)新建一個htm文件,然後插入下面代碼,保存到模板路徑裡,phpcms默認模板路徑為:templates\default,保存的文件名為:tag_picarticle1。補句,記得把代碼裡的網址改成你的。 <base href="http://www.123.com">- ?$ |- s9 l2 X8 N4 }2 N$ K
<base href="http://www.123.com">! e" Q7 b$ I, b
   <div id=demo  style=overflow:hidden;height:127;width:628>
! Z# R! d# ?4 w<table align=left cellpadding=0 cellspace=0 border=0>  x( R+ S% y; m% u- L( O5 z! j
   <tr>
! L3 H6 `8 e0 h+ |7 Z, u   <td id=demo1 valign=top>
* S* j1 P% Z. h) d   {loop $articles $i $article}
$ E  T( C/ [2 v( r: c       {if $i%$cols==0}
! l# R5 G- w0 N. m0 {    <tr>
. [+ {5 j  r2 c" v9 s' |( \       {/if}9 x  @! R) B, I9 f1 y
             <td class="tag_td_img">/ o, f0 y" X, a5 T
         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5"># F) I: t5 {  D
           
, i/ r: x& ?: F2 Z              <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>
' C/ y  }4 R$ U/ \         
$ e1 C* Y$ j+ G0 l. R. R( g0 i        4 l$ ]+ I, ~7 m2 v) M6 p: C, y
         
0 m1 d4 ^& Y8 c; X5 O  o6 o              <tr>
' r1 q3 @0 S9 F) Y                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>2 Q8 t/ ~. M; m: p
              </table>
7 }3 R  |* v. ~       {if $i% $cols==($cols-1)}- o. o0 O: d, j
    </tr>" v9 i) z/ D/ t
       {/if}  
) Y, s% z, {) X9 p     {/loop}
  P6 ^: x7 T: |  x   </td>
# X: t3 Y* ]" Y% O, P   <td id=demo2 valign=top>
% b) j4 c! O; A& h   </td>
4 u5 \; c) ?6 d: G6 b' k2 p3 z( I   </tr>. b* ]+ z3 b' r% v& o3 m
   </table>  l9 h8 O- Y$ P
   </div>
6 c# p# t! Y" E  E7 P" `- b<script language="javascript">
* Z! A$ L- v& o' Y9 }# [$ I% U  var speed=30
) i7 W' V) H  z) k  demo2.innerHTML=demo1.innerHTML/ R7 F* ]8 y8 J1 f' ~* Q: w
  demo.scrollLeft=demo.scrollWidth
, B# u. e# |: G+ a  function Marquee(){) B( h/ i: ~! N2 \1 N& a9 q9 Z! d5 Y5 J
  if(demo1.offsetWidth-demo.scrollLeft<=0)6 S' f7 E: q% C9 c/ C  |# L
  demo.scrollLeft-=demo1.offsetWidth
5 ^; r7 Y6 U6 X( A4 [# C: n% P  else{: X' Q2 K2 a2 J- G6 O5 i* U* ~  p
  demo.scrollLeft++, _* s. S4 Y' n! o! C
  }) R  j* h. N0 p1 S
  }
3 A% J7 [+ U' p- q3 D: Y7 p9 Y: m  var MyMar=setInterval(Marquee,speed)0 b1 U% X8 ?* X4 t: l
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}0 _; p6 \# M  r$ p7 b: V
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
% T9 O! v2 K2 i0 h  </script>
第一步驟:打開首頁模板index.htm,文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上,插入下面標籤,保存。
{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')}
最後一步:上傳,更新首頁。呵呵~~& t1 Z8 s! P( h& n

/ c" M6 w, n, x2 [* _6 g+ F[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]
發表於 2006-9-18 15:00:45 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

过期高净值品牌域名预定抢注

點基跨境 數位編輯創業論壇

GMT+8, 2025-7-18 01:30

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表