发新话题
打印

图片横向滚动代码

本主题由 admin 于 2008-5-29 08:19 提升

图片横向滚动代码

图片横向滚动代码   ( q4 t( i/ t& }" l6 s4 G8 b

4 S( v. K3 V+ n% q2 [. I8 r4 t. k& j/ f7 D$ b' F
图片横向滚动代码,很好用哦! 8 Y2 ]3 ?& s1 w. V' [
<div id=deme style="OVERFLOW: hidden; WIDTH: 750px; HEIGHT: 145px">/ n6 T' f' Q0 \3 B, j" i
            <table cellPadding=0 align=center border=0 cellspace="0">
% U/ E; \0 R7 C  d" @( q              <tr>
" z3 h% M, x/ }- o# I7 d                <td id=deme1 vAlign=top>9 H: `, R6 w5 X* ?( ?
                <table width='100%' cellpadding='0' cellspacing='5' border='0' align='left'>4 \7 q, ?7 @4 y, z7 P  F1 A
                       <tr valign='top'>
5 ?4 K" @/ N" ]7 C& [- m2 {. q                                  <td align='center'><img src="图片地址" width="155" height="117" title="图片说明"></td>% s( w: M( l& ?+ r6 y; T
<td align='center'><img src="图片地址" width="155" height="117" title="图片说明"></td>( q" S* p( K: a% h0 X0 u  {
<td align='center'><img src="图片地址" width="155" height="117" title="“图片说明"></td>5 p8 u4 v8 }; {( P9 b+ u" E2 C6 V
                </tr>  u, `4 ~2 ~2 k" c7 S; S
   <tr>
' P# R6 }4 ]0 z! p6 d* O        <td align='center'>图(1) </td>  N$ s4 T. f- S
                <td align='center'>图(2) </td>  l" @) m# _5 \- h3 {2 y8 C. g! j
                <td align='center'>图(3) </td>                        </tr>. W& ^* }3 B, }, O) z' G9 H( ?( k
                       </table></td>
- ~9 D# C; Q3 y' O$ ?% m0 Z                <td id=deme2 vAlign=top></td>
* s0 ?0 ]2 Q% A  d0 G              </tr>
+ M- q8 J5 W# \7 i    </table>
: |( P  l4 Q. c/ N</div>/ F' n) e  T4 ~0 a- x. I2 O) o+ |
<SCRIPT>
' A7 f8 N* m5 G" O8 R  u9 Vvar speed=40# j, _  g$ A9 ^4 z
deme2.innerHTML=deme1.innerHTML
) j3 N3 ~: J8 _, q- b2 c! lfunction Marquee12(){
, r" ~5 V, g+ C' qif(deme2.offsetWidth-deme.scrollLeft<=0)( U4 X" T& Q6 E1 m5 O# D
deme.scrollLeft-=deme1.offsetWidth
6 P) }& k; d' r  z; o3 i) Q* Yelse{; S& g, b9 Y2 ]
deme.scrollLeft++( q% P5 K& C, f" r0 r
}% N1 q0 @8 l& A+ ~6 L2 R
}
# W1 W- {- B% ?var MyMar=setInterval(Marquee12,speed)6 S3 q- _' ]0 F/ \
deme.onmouseover=function() {clearInterval(MyMar)}
% V5 V1 y6 ^- z9 Mdeme.onmouseout=function() {MyMar=setInterval(Marquee12,speed)}
% D# M' X" V7 x# a4 A</SCRIPT>  ?, n2 G7 l0 k. U5 P5 P  ~
. ^2 P7 w- N5 _5 m3 ~" U4 u
更多图片只需添加<td>标签即可实现

TOP

坐个沙发!
做人最基本的原则:看帖要回帖 !!!

TOP

謝謝分享, ding !
沁林山庄业主论坛

TOP

\LOVE

好帖,我也来坐坐沙发,
' i% N# s! [' }2 Y
- P$ H; W$ h# S. H$ W5 q) r~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* j% {: {3 h* H0 v* e0 q! Z3 a9 b

TOP

强烈支持。。有些东西待请教

TOP

发新话题
手机号码所在地查询:
Google
IP地址: