过期域名预定抢注

 找回密碼
 免费注册

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

[複製鏈接]
發表於 2006-8-31 13:03:16 | 顯示全部樓層 |閱讀模式
第一步驟:用DW(Dreamweaver)新建一個htm文件,然後插入下面代碼,保存到模板路徑裡,phpcms默認模板路徑為:templates\default,保存的文件名為:tag_picarticle1。補句,記得把代碼裡的網址改成你的。 <base href="http://www.123.com">3 w% e1 W- }- W" o9 b2 s: k
<base href="http://www.123.com">) F% J2 ^$ c" q( ]. z' G, P
   <div id=demo  style=overflow:hidden;height:127;width:628>4 f2 Q: Y: X# |, j0 A
<table align=left cellpadding=0 cellspace=0 border=0>5 {& [5 X6 F) V$ Y. w" ^; T' Y
   <tr>
3 A/ {# e, C8 i3 S   <td id=demo1 valign=top>
& h7 j- ~1 H1 ^) t$ j   {loop $articles $i $article}
9 K% y# g3 B7 P, |! [       {if $i%$cols==0}! x8 K7 [. S- j) Q( Y$ B
    <tr>7 Z1 _$ K3 M0 }) t% \
       {/if}
7 T1 {3 r* D6 r4 u' L( }             <td class="tag_td_img">
/ y( m. H+ H+ y$ \& l* s         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
: j8 F3 c* z) E1 e% ^           
. k1 N9 B' l- b3 ]              <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>+ q0 I# z3 A$ D6 p% S' i
         
! H6 Z5 P! ^5 f/ n# w        $ c4 u- q& F+ T; V  |- w
         
, ]" ~- R, s- k. D; C# V              <tr>; P8 P, z# b( D- T8 _/ n
                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>+ @8 ?, \% k6 z: D" |
              </table>
$ s( v- W3 d. e3 ]; Y' O- P. ]       {if $i% $cols==($cols-1)}
3 d4 ?0 L# D2 t7 k3 w& y    </tr>
; E: t3 {6 T& g7 w3 \& E       {/if}  5 o' e' h' [5 d
     {/loop}5 T, C2 W' E& K- x: a3 h$ a/ Z. R
   </td>) Z2 {9 m: _8 q9 W- E( n: {
   <td id=demo2 valign=top>
5 ?/ v# ?! p2 c6 M2 `0 ?7 r   </td>. C3 r$ }; P- t  Y2 G8 L. R
   </tr>
. [  U2 E1 }, K, d( a" q/ f, k( Z   </table>1 t' g# `# V$ C* s0 o
   </div>6 ~. I% K! _8 u$ \$ n
<script language="javascript">! F% T2 c; f9 m+ v2 r% D
  var speed=30& d" A+ L, V/ A5 q. S* v  o
  demo2.innerHTML=demo1.innerHTML
0 ~0 q/ w; d# {& _" P! s9 A  demo.scrollLeft=demo.scrollWidth
& W# N8 r! ]  N: J/ w  function Marquee(){( C7 G, X5 D. d% N3 x
  if(demo1.offsetWidth-demo.scrollLeft<=0)% h$ f4 i3 o' w# e) C3 D! A' K& o6 H: H$ ~: m
  demo.scrollLeft-=demo1.offsetWidth
" p. {5 i( f4 f$ T  else{
! [5 x# r. h4 u* Q7 b  demo.scrollLeft++
9 _0 D- W, w. J, e4 O/ U2 r, P  }
- e2 o( M7 N0 E$ P- _2 f) J  }# d+ U$ m. C" t; O+ i4 c8 a
  var MyMar=setInterval(Marquee,speed)
( ^3 i+ I7 U; H  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
5 j/ O0 |+ ^. E7 h5 k1 U  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}" }1 \+ x$ Z( Y% q. T" R3 D
  </script>
第一步驟:打開首頁模板index.htm,文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上,插入下面標籤,保存。
{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')}
最後一步:上傳,更新首頁。呵呵~~
$ w6 X' j4 I6 T+ ^- }) f
/ ]2 t6 x4 f' U7 i[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]
發表於 2006-9-18 15:00:45 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

使用道具 舉報

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

本版積分規則

4um點基跨境網編創業社區

GMT+8, 2024-11-24 00:50

By DZ X3.5

小黑屋

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