过期域名预定抢注

用戶名  找回密碼
 免费注册

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

[複製鏈接]
發表於 2006-8-31 13:03:16 | 顯示全部樓層 |閱讀模式
第一步驟:用DW(Dreamweaver)新建一個htm文件,然後插入下面代碼,保存到模板路徑裡,phpcms默認模板路徑為:templates\default,保存的文件名為:tag_picarticle1。補句,記得把代碼裡的網址改成你的。 <base href="http://www.123.com">+ `1 i! j" j) K8 d
<base href="http://www.123.com">
; u2 J. J) j" E( r8 H$ d3 ^( c& e   <div id=demo  style=overflow:hidden;height:127;width:628>0 v: W/ j2 G( y9 V* s, p
<table align=left cellpadding=0 cellspace=0 border=0>( l3 F7 H5 C- E. m6 a8 B( d+ W% d# B
   <tr>+ S+ o/ G1 o- [! O9 x% o
   <td id=demo1 valign=top>$ N# Y6 S* ?& s9 S" Q5 H1 N! T( y
   {loop $articles $i $article}
# Y! E- N" {$ _% C8 u0 F, e1 N' G       {if $i%$cols==0}
( T9 Z  C# b* _0 n3 R* ~    <tr>
! {/ Z5 ?: Q/ i: u7 J% f       {/if}
& T; N# Y- y0 n! O1 H             <td class="tag_td_img">
# M3 C' M" y3 E" f         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
" f2 U' b4 U9 n           ( e, {+ s' r( f) E8 M. r+ ?/ t
              <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>* m# V6 b7 T* }0 b& @
         
; f" u4 X& p; q: T; w/ E        " ^% q. f5 m& c$ m6 o, M3 F
         
. _9 ^2 U. U/ G" \& X9 T4 E              <tr>8 s" @6 ]4 w$ H+ R  |+ n$ N
                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>: \& v9 _! K/ y( s" i" f
              </table>& E+ n4 I3 F: }0 A! ^* J% B
       {if $i% $cols==($cols-1)}% q7 b" U) K; r! P
    </tr>: `8 d) v/ c; F' P. t4 Z1 I0 L
       {/if}  
; E  G0 U  q1 N( \3 i2 n8 ?+ Q     {/loop}
  u/ b5 M9 f! S% W5 L$ p; o% \   </td>) H% {% J5 C5 _' v& e
   <td id=demo2 valign=top>
2 I  i6 ^& P6 u4 {9 ~4 y   </td>
/ f. O+ ~8 S# P3 J) t8 B; W   </tr>
- J& G2 k  f+ D6 m. u" Y   </table># D# Q5 k  B' N: P9 _% I
   </div>
4 f  S5 R0 F& ~3 i7 X<script language="javascript">/ S$ \6 d$ Q% g4 l1 }  S: y
  var speed=30' g: Q4 D2 T+ p, M! f/ D7 L0 z7 g3 X
  demo2.innerHTML=demo1.innerHTML1 K* O: L8 G5 D6 P1 E- O1 Q4 q- D
  demo.scrollLeft=demo.scrollWidth/ X  j3 l- K9 V% q+ I- x* J: L
  function Marquee(){, a9 \+ J/ B. ~  H% \
  if(demo1.offsetWidth-demo.scrollLeft<=0)% p6 W! G$ N0 a* x1 j2 ^
  demo.scrollLeft-=demo1.offsetWidth
2 N3 {! z, [2 ?  else{
% F& d' l' X5 I. v" C  demo.scrollLeft++
, I/ }$ c1 _7 s  }
$ X4 Z: o2 O- u5 b# `2 n  }
' X$ a4 s, n* ~0 R' Q& h  var MyMar=setInterval(Marquee,speed)
; j. D4 U$ z" o2 j" G  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}; k0 f3 k0 s7 R: |8 P# B
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}) U! `# K- f+ O. m4 [8 v
  </script>
第一步驟:打開首頁模板index.htm,文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上,插入下面標籤,保存。
{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')}
最後一步:上傳,更新首頁。呵呵~~' P+ c2 ~9 R5 X9 }7 e% R: }

7 {$ ^0 z# A; e/ i* W$ f7 x/ v[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ]
發表於 2006-9-18 15:00:45 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

舉報

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

本版積分規則

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

GMT+8, 2025-8-14 05:06

By DZ X3.5

小黑屋

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