过期域名预定抢注

用戶名  找回密碼
 免费注册

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

[複製鏈接]
發表於 2006-8-31 13:03:16 | 顯示全部樓層 |閱讀模式
第一步驟:用DW(Dreamweaver)新建一個htm文件,然後插入下面代碼,保存到模板路徑裡,phpcms默認模板路徑為:templates\default,保存的文件名為:tag_picarticle1。補句,記得把代碼裡的網址改成你的。 <base href="http://www.123.com">9 q- T, Q' p/ d/ b
<base href="http://www.123.com">
7 ]5 n4 Z# a7 R! L% j  n' |8 f$ S   <div id=demo  style=overflow:hidden;height:127;width:628>7 ?- V; B7 w2 R, p; p
<table align=left cellpadding=0 cellspace=0 border=0>% g( k: j* L( r) V- f9 T
   <tr>. ?+ ], [; @+ x, J4 W& `3 W3 j
   <td id=demo1 valign=top>
1 @$ B. M+ n3 \+ z) J   {loop $articles $i $article}
: ~9 G: X3 r5 `6 c, n6 ]( ^! ~& T       {if $i%$cols==0}" U( g; a( V; H/ y+ H: h  Y/ D4 k
    <tr>
5 L) p: `/ j: u0 _, b2 N# P       {/if}2 d8 k6 i: h8 V6 F
             <td class="tag_td_img">) \, y/ O8 `% f1 A- ]: v
         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">* r+ r6 F8 K) F
           
7 h# F  z& P5 q) \, [              <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>, u( d  G$ {- Y) Z  e
         
4 S% t( ]- x3 n, H; n% H$ l        ) ~4 c9 j, d$ _0 O' b* p, C
         
- _4 d' f' h7 \& o9 W4 a# y              <tr>
, N5 l) F) K" l2 ~4 s- F                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>2 ]7 ]8 O2 X# w: c6 M* N
              </table>
% j$ h. H: f, @* q4 i6 V       {if $i% $cols==($cols-1)}- X" b& M( n; r. W" a. Y3 ?3 Z
    </tr>
& m8 Q5 L  j$ b, Z$ K% V7 A  M       {/if}  7 m- I$ {5 S! u9 s
     {/loop}' `" @& P3 C+ ]+ f* n
   </td>2 R+ F! [0 V+ c& o( _" e; \
   <td id=demo2 valign=top>: O7 }$ u8 V! q. e, V, B
   </td>, w! K: l" A" t
   </tr>9 n( K3 ^9 y0 @2 b( k
   </table>. g+ t8 J* H( s2 {# G! g% Z
   </div>1 R- }8 c% a( v
<script language="javascript">  p+ P1 o* `2 [9 h
  var speed=302 i- |7 Z+ M4 C$ C6 B" V
  demo2.innerHTML=demo1.innerHTML
; K- |$ W& g# x  demo.scrollLeft=demo.scrollWidth8 G8 r% L5 n$ ]2 x9 Y7 c, u
  function Marquee(){* G7 I$ e: R1 O* U, m% @0 N
  if(demo1.offsetWidth-demo.scrollLeft<=0)- i9 o$ E9 E$ |" s
  demo.scrollLeft-=demo1.offsetWidth
! Q- W0 k* E1 z- |. U# _( ]3 ~+ ?  else{& ~; N3 \" Y- p/ q6 v8 a; {0 W
  demo.scrollLeft++" e) P: n, m4 q* [/ N6 M
  }
2 a4 E3 V* R- [" M1 ^. i  }
4 |, m2 y0 X# f  var MyMar=setInterval(Marquee,speed)# h& j4 a( I) I! ~
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}' v+ T- y2 B. ?) _4 |) Z
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
! F$ N& X' _3 g& J3 H; l' \+ Z  </script>
第一步驟:打開首頁模板index.htm,文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上,插入下面標籤,保存。
{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')}
最後一步:上傳,更新首頁。呵呵~~+ h# A3 |! f, L

' f9 n9 H/ H+ R9 `[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]
發表於 2006-9-18 15:00:45 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

舉報

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

本版積分規則

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

GMT+8, 2025-5-18 07:04

By DZ X3.5

小黑屋

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