第一步驟:用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 編輯 ] |
|