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