过期域名预定抢注

用戶名  找回密碼
 免费注册

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

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

舉報

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

本版積分規則

點基跨境 數位編輯創業論壇

GMT+8, 2025-6-7 03:07

By DZ X3.5

小黑屋

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