过期域名预定抢注

 找回密碼
 免费注册

共享一下,我做的圖片無縫滾動 詳細講解,讓菜鳥也會!原創

[複製鏈接]
發表於 2006-8-31 13:03:16 | 顯示全部樓層 |閱讀模式
第一步驟:用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 編輯 ]
發表於 2006-9-18 15:00:45 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

过期高净值品牌域名预定抢注

4um點基跨境網編創業社區

GMT+8, 2024-11-24 00:48

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表