第一步驟:用DW(Dreamweaver)新建一個htm文件,然後插入下面代碼,保存到模板路徑裡,phpcms默認模板路徑為:templates\default,保存的文件名為:tag_picarticle1。補句,記得把代碼裡的網址改成你的。 <base href="http://www.123.com">% h! A! Y- n7 H9 A
<base href="http://www.123.com">) |+ L- [5 v6 ^" k j" o7 f6 M$ u: H
<div id=demo style=overflow:hidden;height:127;width:628>
# r) n! d% @# |0 g6 O& T" Y<table align=left cellpadding=0 cellspace=0 border=0>! L( f( O8 y; L8 t. @3 n
<tr>" ^: U! q ^* l" w- e5 D! L/ n
<td id=demo1 valign=top>
; ?/ n4 F2 o' b {loop $articles $i $article}
6 I" R" ^ U- d, e {if $i%$cols==0}
% K% H+ @: m' C# p. \, ] <tr>
- C' |3 X# }* q3 d {/if}: P. E2 ]/ Z6 P
<td class="tag_td_img">
; w* L- F$ s6 R. [, D <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
" J) ?; y9 D7 ]7 Y ; ]( ^! b) t0 m1 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>
. u# R% J7 D1 U' {8 A* W+ T 6 W5 ~. j6 V8 Q6 Z% w
( v" [6 I; t' a
- ~# u9 B) i: v" Z, M- s( N <tr>
0 Z& }5 p6 S7 H <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>0 d3 {4 j5 }* I& z- b( K" f8 Y
</table>
8 i7 `5 H7 o) s; B/ H5 Y9 I {if $i% $cols==($cols-1)}
8 Y0 R! \1 l* J# X$ f& r0 d </tr>6 R4 f# {- q1 F# w' y2 D) X
{/if}
2 ]* r/ ^4 R& c9 K {/loop}
9 H7 X, d" `* h </td>$ g0 q) Z; C* e
<td id=demo2 valign=top>
# p) ~8 C' K- J/ j </td>
! _! ^. y$ y; H7 F! q: h. E5 z& c+ T </tr>
% q3 I/ M: ^! |* E$ e </table>* @; A% |" V6 n- K
</div>
6 d7 B# w$ w% c! w$ f* M7 ~' }) @<script language="javascript">& @6 T4 D Q: N- E1 Y9 k( y
var speed=30
7 m0 V* @7 z; w* k6 N demo2.innerHTML=demo1.innerHTML# \% a8 F! O3 G2 I
demo.scrollLeft=demo.scrollWidth
1 z% n/ h; G$ v function Marquee(){
0 ?/ v$ |/ h& ~/ a1 z: Y if(demo1.offsetWidth-demo.scrollLeft<=0)' u1 w$ Q% X, |9 @0 t, Y7 [
demo.scrollLeft-=demo1.offsetWidth
4 C+ C( k. i9 L" \! M( Q else{
$ H1 i' X, E- T# x. ~ demo.scrollLeft++
2 s% B# c) L, A; N+ T% Y; j }
# s/ a5 K; W) I( h* Y# i }8 z0 G# w Y. S; b
var MyMar=setInterval(Marquee,speed)) f$ X1 A( s3 x7 z- S. O. r
demo.onmouseover=function() {MyMar=clearInterval(MyMar)}3 v Y: J! K" T: u0 o4 ?# l
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}# x3 R# t6 H% o) u
</script> 第一步驟:打開首頁模板index.htm,文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上,插入下面標籤,保存。{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')} 最後一步:上傳,更新首頁。呵呵~~
. d+ K7 _* e* f2 Y. b" P; C" W& W) w1 d+ l/ r+ p/ h1 u. y$ |4 \
[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ] |
|