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