标题: 网页之非常漂亮的图象效果 [打印本页]

---

作者: zw2004    时间: 2008-1-21 20:54     标题: 网页之非常漂亮的图象效果

<script language=JavaScript>$ J/ K+ P8 u' A! H! l+ A: J
<!-- Beginning of JavaScript Code -------------------
5 y* J0 D9 O, a: @; [# ~
0 c7 K& I( M$ H" H' u3 VnereidFadeObjects = new Object();2 W8 G& c) ^! _6 o, P" f
nereidFadeTimers = new Object();8 K& V& L, w9 M; |  A3 ~5 E
function nereidFade(object, destOp, rate, delta){
5 o, @# a1 F2 w! Uif (!document.all)8 J- o, A: \2 T5 L/ e3 H, R) r! u" y
return3 a0 ~. }* z- C" J. g2 s
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
7 c4 s3 n( ^) z5 n4 m7 S) `        return;
" p; r1 j7 `, |3 f. A, l2 ]. K7 s    }
( |% C7 \5 G' \! x/ A. U    clearTimeout(nereidFadeTimers[object.sourceIndex]);# ?+ }5 v, B2 N, F4 k7 H/ k- D2 C
    diff = destOp-object.filters.alpha.opacity;
1 ]- J  i5 N6 ~$ w    direction = 1;
' S( |% C! |- k; a, s7 a    if (object.filters.alpha.opacity > destOp){7 z" W: [0 I0 W/ r! y9 Z' c
        direction = -1;4 K! k2 i1 w7 j5 B( y1 L* b8 S9 G
    }
+ s2 _1 n, X5 t' e7 t    delta=Math.min(direction*diff,delta);3 ^& V: h. r7 C/ ]2 f) [
    object.filters.alpha.opacity+=direction*delta;
) y; |( I5 n. W    if (object.filters.alpha.opacity != destOp){
5 [, I$ H9 r) e! Y        nereidFadeObjects[object.sourceIndex]=object;
* h& }/ b) A  }" o+ T* j        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);: B2 ^: R8 t) @
    }
# f* ]$ e: }( N" M8 R}
$ V( V' D% g# r/ U8 J& v1 y$ B// -- End of JavaScript Code -->* ?4 }7 G& }( Q" {* {+ f  \$ ~, d( I
</script>9 A# S. k9 ?7 E) A, y4 q
//修改下面的图像地址和大小
% ~1 D0 ~, i1 A9 H9 F( b; B' L<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
. W) B5 ?6 }' A3 j        <TBODY>
: p9 Y8 |( o. G6 Z1 i6 g        <TR align=middle>7 \% @& K" y& a4 V
          <TD background=files/index_dreamweaver2.gif
1 V& q& h, s8 [6 F- H2 _; K          height=60 width=60><A 7 s+ i3 E# J1 |( l& q; }, r2 [
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ x7 b" ]1 M6 n            alt="Dreamweaver 资源" border=0 height=60
# m2 N! n- P6 L7 _' t7 D$ Y            onmouseout=nereidFade(this,01,7,5)
# x; x: s  T2 b# Z! P- n% F: L            onmouseover=nereidFade(this,100,5,7)
0 F9 c& T, _+ v* e            src="files/index_dreamweaver.gif"
1 v2 v4 W1 E3 Z  k1 c            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)"
! k* N" K" q2 g. @9 P' b            width=60></A></TD>! V* F+ l! X+ o  C
          <TD background=files/index_fireworks2.gif height=60
. _/ q* W8 U0 N% u          width=60><A
# x3 ]7 q& U5 W6 A0 g            href="http://www.hooji.com/java/display.asp?id=542#"><IMG " k" k1 }+ V) Y6 o7 H6 b; H
            alt="Fireworks 资源" border=0 height=60
* t( B* n3 ~3 R4 A) i( r1 [            onmouseout=nereidFade(this,01,7,5)
+ {* a- T" y% z4 ~            onmouseover=nereidFade(this,100,5,7) 7 T2 L" l" n; O0 ~4 d( p, M
            src="files/index_fireworks.gif"
; I" q% Y5 ]: c' o$ f! J& E2 p            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)" 1 o* b0 d: M5 U8 M5 o2 D  X5 Z
            width=60></A></TD>
! L3 Y8 T& m) I' ?! d9 u/ x          <TD background=files/index_flash2.gif height=60 4 \; H3 U$ Q3 ?( x- b" |1 k7 v
          width=60><A 6 `* e/ h2 [& X
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ' h7 Y; E' \6 d/ Q
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
, f5 }0 T. M6 F8 C+ H$ ]            onmouseover=nereidFade(this,100,5,7) 0 y" s: y. e# M& U6 L/ t
            src="files/index_flash.gif"
# @8 y1 t0 Q  t; x9 o            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)"
" [- h+ b* _8 e% m: _            width=60></A></TD>: P$ d& H" \; F! {8 l# {% T
          <TD background=files/index_photoshop2.gif height=60 / _& O2 v. b- J2 p
          width=60><A
  o$ z, T, T) k4 _0 X6 O# m- c9 i0 v            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# W8 x( z% K2 k' I            alt="Photoshop 资源" border=0 height=60
' c" K1 |" L6 {( I; _            onmouseout=nereidFade(this,01,7,5)
: F' y4 D( v$ |% O. a7 e$ A            onmouseover=nereidFade(this,100,5,7)
0 b3 _  X3 @; x  O: G) `' P8 t            src="files/index_photoshop.gif" 9 S% |4 [+ Y  J; _1 y' x( ^
            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)"
. I! q& u0 X! E: {5 Q            width=60></A></TD>: _( T5 l% d$ ^, V8 [
        </TR></TBODY></TABLE>

---

欢迎光临 捌玖网络工作室 (http://89w.org/)

Powered by Discuz! 7.2