返回列表 发帖

网页之非常漂亮的图象效果

<script language=JavaScript>  T& U8 S6 p# G! V  G
<!-- Beginning of JavaScript Code -------------------" S8 N$ G# U( ]! x! X" Y

0 F. q6 c2 z/ }7 Z/ M! ^7 }+ UnereidFadeObjects = new Object();8 [4 d! |9 K# E$ K. v! s
nereidFadeTimers = new Object();
* A2 I% y( o# G2 p/ M+ Yfunction nereidFade(object, destOp, rate, delta){
& k1 K9 Z/ y2 n# h4 eif (!document.all)' S6 W5 r6 b/ G6 `) T4 Y
return
, b5 m' y9 n$ c5 r    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. G0 j) Z$ k( S! _5 b5 Z        return;+ _1 Y  ?9 N0 D' u
    }" k7 j. [6 V3 t
    clearTimeout(nereidFadeTimers[object.sourceIndex]);9 E/ Y1 k$ O: }# m/ `9 Z
    diff = destOp-object.filters.alpha.opacity;! Y4 G% @/ {7 }2 G$ d# J/ M) d
    direction = 1;
2 v; K0 H8 o1 K" v; s1 A3 q    if (object.filters.alpha.opacity > destOp){1 `, z5 @, X9 m; |; D- G
        direction = -1;6 R0 J$ ^6 W6 p/ J2 G! R
    }
7 k- S! }7 s$ s$ X- S( s    delta=Math.min(direction*diff,delta);
1 d# J& J5 @4 Q: Z    object.filters.alpha.opacity+=direction*delta;
: E# {9 D1 |# o, O    if (object.filters.alpha.opacity != destOp){
! J" ~5 C- \9 }, d3 Z        nereidFadeObjects[object.sourceIndex]=object;
# \. M3 ~) f$ C% t        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, p4 ~, q9 L7 n, F. X    }
- L6 U0 w( E! J}4 o. ~* |! q6 t' u" P- T6 _
// -- End of JavaScript Code -->) h% R# i3 e' }1 L2 v6 `) D  I4 @
</script>
  \! {  I/ s; c: E //修改下面的图像地址和大小
/ @: S6 C; z/ \1 ?/ r; l/ p* x  r<TABLE align=center border=0 cellPadding=0 cellSpacing=1>3 h0 q+ Y/ K- \  K+ k  i
        <TBODY>) Z5 o7 Z$ f2 L+ S( \$ N
        <TR align=middle>
) n7 e: z' U  R( }0 A$ j5 m          <TD background=files/index_dreamweaver2.gif 4 E2 l, h! t! Y
          height=60 width=60><A
- O2 x- q2 C: l) ^% v# ?            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
  g- C% M0 b4 f$ b6 w  {; I5 O            alt="Dreamweaver 资源" border=0 height=60
* }2 V* j, r8 z1 c& i& B- K            onmouseout=nereidFade(this,01,7,5) 0 Y3 J7 |9 Z* J6 v! \, P
            onmouseover=nereidFade(this,100,5,7) 6 s9 ?( V0 Y  A0 W/ ?' J+ b  E$ k: N
            src="files/index_dreamweaver.gif" : c- m% I- J+ L, P- @2 C9 ~! n
            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"
+ {9 V# w  [( t& S; k1 F            width=60></A></TD>
2 `8 @# j2 D! [6 F$ J          <TD background=files/index_fireworks2.gif height=60
/ }, b# m* b$ O" V9 b! b8 U          width=60><A
4 t+ m( Z+ k2 Z5 ?! ?. Z1 x8 ?; f            href="http://www.hooji.com/java/display.asp?id=542#"><IMG : y( d8 Q# Y! w) Q7 Q. P1 J
            alt="Fireworks 资源" border=0 height=60
% C# e/ D; i$ \' m            onmouseout=nereidFade(this,01,7,5) # P$ H1 y& k+ i3 m0 ^1 W! ^
            onmouseover=nereidFade(this,100,5,7)
7 |, F! X! }" ^" p: p: w5 s% O            src="files/index_fireworks.gif"
/ \! A5 U, O- j3 k            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)" ) }& _) {& \* ^* J$ \1 l
            width=60></A></TD>
# @' ^) K* j$ k, v. k4 w- S/ G/ u          <TD background=files/index_flash2.gif height=60 / Z; X+ M) o! e5 }
          width=60><A
* c, \) v* Q* A$ H; w8 Z! k2 q            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 2 P# u( M& m  w( B
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 0 O5 H3 }4 a: l
            onmouseover=nereidFade(this,100,5,7)
9 b7 O) V8 @! K, z- o0 O            src="files/index_flash.gif" ; Y/ G; P) {; i: t
            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)" + E( `( S) A- }$ g6 y* M+ v
            width=60></A></TD>
. h1 ?9 O3 m" D. @+ e; a          <TD background=files/index_photoshop2.gif height=60 $ {; K9 l  X: t. y  c. m+ j1 ]! n
          width=60><A
* s- W1 C1 l8 I9 z& |            href="http://www.hooji.com/java/display.asp?id=542#"><IMG % d$ m) K2 [% U  ~3 h$ e
            alt="Photoshop 资源" border=0 height=60
2 y7 w9 w% m: g, E- `! L            onmouseout=nereidFade(this,01,7,5) * ]$ h  X5 x1 c/ B
            onmouseover=nereidFade(this,100,5,7) 0 w' L8 B! E" G
            src="files/index_photoshop.gif"
6 h- V% L  X: y            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"
! e& j5 A* ~0 p8 n3 r: ~: J6 n* }2 B            width=60></A></TD>
! j4 s, t/ ^% k$ S! ^4 h4 N2 C        </TR></TBODY></TABLE>

返回列表
【捌玖网络】已经运行: