第一步驟:用DW(Dreamweaver)新建一個htm文件,然後插入下面代碼,保存到模板路徑裡,phpcms默認模板路徑為:templates\default,保存的文件名為:tag_picarticle1。補句,記得把代碼裡的網址改成你的。 <base href="http://www.123.com">
4 @7 `: R6 }& p! M9 d<base href="http://www.123.com">8 n( f+ U) `& J6 a8 a- j. t0 A
<div id=demo style=overflow:hidden;height:127;width:628>
/ s! X0 L+ m% c3 D3 ^# q: ?* z P<table align=left cellpadding=0 cellspace=0 border=0>0 H' R R8 W4 T. ?2 x
<tr>! r) z9 P/ a {" ?9 z
<td id=demo1 valign=top>
" `8 T- L5 x( N8 Y$ _/ u! P {loop $articles $i $article}8 g' ^" a5 x7 s% C/ h- N% _
{if $i%$cols==0}
; d$ o* M! l: A# J! X8 u <tr>
- e, q6 h) D" v {/if}
( ?' h; [7 x9 i3 b- m <td class="tag_td_img">. M0 k2 @2 T8 H7 ^
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
! o/ a/ s$ c5 |: s! y0 K
# o8 ?! j# w$ [& H <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>% |% d- o( Y% l/ |; N
& E: y7 p N( e, V* _4 J
/ n0 S, I( d; J8 M( p: j
; g; b. A3 [8 o, v& ]( L <tr># Y$ [# s/ X( o$ f) ~; |
<td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>3 e! C* g8 v, G6 n$ P) W7 c0 B! A
</table>% n8 _3 W; G) P
{if $i% $cols==($cols-1)}
5 E/ r4 A7 e8 R </tr>+ Y1 w! H. S" K0 S9 I5 } X
{/if} # B0 Z4 C1 ]. |
{/loop}. e/ j" V% u9 j4 \, \( V
</td>
1 V. p! p) E+ m. i! o <td id=demo2 valign=top>0 C, @& t ~# x4 J0 J
</td>
8 S$ v c( Y# g3 d </tr>5 W* S' O8 m0 `0 ^& ^; J/ z+ Z
</table>
& d( X1 l: _* R; y3 n1 b- {1 r </div># K0 K8 y2 A; U. @
<script language="javascript">& N3 X" ^0 P1 _- U8 v V) U$ n
var speed=30$ m+ u$ U2 K+ G# g- m
demo2.innerHTML=demo1.innerHTML* _: A0 w5 N2 S u# y
demo.scrollLeft=demo.scrollWidth
$ a5 u+ K( B. z0 @0 h function Marquee(){
+ h5 b* r& h) J$ h: P( ^ if(demo1.offsetWidth-demo.scrollLeft<=0)
% t1 W7 w2 k0 V) {5 I9 P demo.scrollLeft-=demo1.offsetWidth. `7 ^6 a! n( J7 Y
else{
! I2 C2 c) @/ p6 w demo.scrollLeft++
$ Z! \& a9 }/ d' S1 F- v$ P }
( w9 J8 f. c, q! x3 f" Z }! z2 W' c9 A7 U" D% Z
var MyMar=setInterval(Marquee,speed)
4 a3 W- [/ z) v* Q demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
4 _8 B* H" Z" ^' \/ _0 p& c demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}8 h: Y) K4 \1 d) [- N6 h; P
</script> 第一步驟:打開首頁模板index.htm,文件在模板路徑裡。然後在你想要顯示圖片無縫滾動的位置上,插入下面標籤,保存。{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')} 最後一步:上傳,更新首頁。呵呵~~
2 I/ y" C; T- U2 _' {1 S, N/ z' r# v0 c ^/ z& p1 R; D- O. Z- h/ j
[ 本帖最後由 音樂 於 2006-9-10 00:28 編輯 ] |
|