过期域名预定抢注

 找回密碼
 免费注册

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

[複製鏈接]
發表於 2006-8-31 13:03:16 | 顯示全部樓層 |閱讀模式
第一步驟:用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>8 [; E$ P6 \/ T/ l7 C
   {loop $articles $i $article}( }* e) m$ L" Z3 U. {5 N& l
       {if $i%$cols==0}: E- b2 n+ z' E$ C
    <tr>
9 g: w2 z" a, [+ c6 z9 b       {/if}) E- @4 _3 G. U! f2 T
             <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          . m! W" g  I- C/ I7 \
        9 y5 |! U, k7 t
          , u+ U* I, Z, s( w& y/ M, R. P( w+ B
              <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>$ }! E; h$ P9 Q- _- R( v+ B& h, o* b& {5 |
       {if $i% $cols==($cols-1)}
$ [% `& z/ C7 M/ r    </tr>' n0 a5 X9 m3 }$ z$ c: O4 _
       {/if}  + ^3 ?8 [" O% @' E
     {/loop}: b: E8 Z! L% Q: D& o5 }* L
   </td>
2 L9 V% d3 F$ A- J- Y7 A6 U1 m   <td id=demo2 valign=top>3 u4 h+ m7 m# l7 j  r& Q
   </td>+ T% a1 K8 B7 g
   </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.innerHTML5 j9 L6 N9 e* r+ L: K
  demo.scrollLeft=demo.scrollWidth" v; Y1 [, |( d! y2 L' a0 l0 {" k) S
  function Marquee(){1 R+ M/ n+ T7 ?. ~8 m: ]2 N& ?9 s4 u
  if(demo1.offsetWidth-demo.scrollLeft<=0)
7 }1 D) V# s  w! y5 L2 {2 _  demo.scrollLeft-=demo1.offsetWidth  t+ Y) n) l/ G/ W% B) y& [
  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  }, z4 y3 _- @) B
  var MyMar=setInterval(Marquee,speed)& b2 j2 }5 y4 d+ o+ I( B* H6 R
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
5 `5 s0 E4 {1 \' w2 h/ |# Y  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}* a& [% L9 [' X3 j2 f! N5 e
  </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" @) h! x6 p& l* q5 R
[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]
發表於 2006-9-18 15:00:45 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

使用道具 舉報

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

本版積分規則

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

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

GMT+8, 2024-10-31 01:34

By DZ X3.5

小黑屋

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