|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>9 s! [: Y% p8 _" p$ l5 Q' S8 B# }
<!-- Beginning of JavaScript Code -------------------# r. i% V$ }; X& q; a' `& B
, q$ x4 s2 O( ^3 k3 H0 L; ^
nereidFadeObjects = new Object();: ]/ E" t4 j4 O
nereidFadeTimers = new Object();
' Z* B6 C7 [- a4 `- `function nereidFade(object, destOp, rate, delta){
! ]8 [! }( P% Aif (!document.all)3 x, X7 V @' \; j3 i
return: C' q& B, B2 t c) W* {7 d. H( C* R
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);) w4 F0 s6 c* _- |! y2 T
return;
; a/ M6 x: w" j7 p5 Q }
& m* ? Q/ a8 o Q& O' p9 X9 N* ]8 I clearTimeout(nereidFadeTimers[object.sourceIndex]);
& q: U0 e n P- y [& r diff = destOp-object.filters.alpha.opacity; M' ^4 f/ t' k; G: A8 ^! g" o# h5 j
direction = 1;4 t& c* _9 r! Z6 b$ V+ [, d
if (object.filters.alpha.opacity > destOp){: H: i% p c0 W6 G
direction = -1;7 ?. I( W3 T' ]: A' H
}0 [; y) u6 W$ Y4 C- t' ]$ n
delta=Math.min(direction*diff,delta);0 r8 @/ O: P: D4 A6 D$ O
object.filters.alpha.opacity+=direction*delta;
" t3 P% v! A5 E if (object.filters.alpha.opacity != destOp){
& N5 P8 ?6 [$ q+ Q" L3 {( V) F nereidFadeObjects[object.sourceIndex]=object;
/ w: l7 a6 H# G# d$ u+ {; o nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
/ k# @0 O# h# C1 X$ x0 O. Z }$ n# {/ K$ V* I$ S7 v. X( M
}
4 _$ V8 M8 m6 r// -- End of JavaScript Code -->" a$ V/ p) N% W0 w( w% z4 k
</script>
! `* W3 v5 w! e* I" g. T //修改下面的图像地址和大小4 b3 a: V4 Q3 }
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
: X1 c. A5 u$ ^( n. y <TBODY> d) I- z9 i( t% y
<TR align=middle>; }3 b9 N! ]2 B3 E4 H M
<TD background=files/index_dreamweaver2.gif
) A0 f* M$ d Y% N( F% @: K% [ height=60 width=60><A ' |+ O3 p c+ }+ s! \
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 E- \( Q6 s* I3 b alt="Dreamweaver 资源" border=0 height=60 , }" n/ T4 k- b% ?
onmouseout=nereidFade(this,01,7,5) 7 Q" q1 G4 h& S, C/ ^0 r$ O
onmouseover=nereidFade(this,100,5,7) ; q9 T- g+ I; S( [! [: i7 z4 h
src="files/index_dreamweaver.gif"
/ \. u! D5 Q+ L7 g 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)" - S: a1 U% }; }
width=60></A></TD> S q8 E Q! i5 u" R8 @) M
<TD background=files/index_fireworks2.gif height=60
* g, N! S8 v0 u* w' H8 Z' R# D width=60><A
4 w0 q B' Q3 `' W* p. T' a href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. v( {8 p2 ^. { alt="Fireworks 资源" border=0 height=60 7 K$ k* t" J z% {/ C, t
onmouseout=nereidFade(this,01,7,5) ) U: ^, f6 i& x* f% q* B
onmouseover=nereidFade(this,100,5,7) 9 p l: h; i- l) r% ] b" D
src="files/index_fireworks.gif"
' u b0 j" t4 G, ?6 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)" " _' z# u0 A8 y* l8 H
width=60></A></TD>6 B% u! ^" g0 w5 x7 K
<TD background=files/index_flash2.gif height=60 8 [" W0 ]9 m8 W$ j! X! ^
width=60><A
$ p- X3 U: S! C, Y href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
. v ^# Q9 r3 M) s) B" ` alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
1 U4 h+ p8 p! N c onmouseover=nereidFade(this,100,5,7)
4 A t7 `& _( q7 ` src="files/index_flash.gif"
$ D7 F" 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)" $ m7 l( \ ^ T" J2 w
width=60></A></TD>& m! |1 {% B2 l' I2 \- s9 s, F' I% L
<TD background=files/index_photoshop2.gif height=60
& I2 o3 K; \# A width=60><A ; ?5 T- {0 r7 O
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( |; c5 g* J3 h7 a s alt="Photoshop 资源" border=0 height=60 % I, ]5 T9 O: ~, x+ l& {
onmouseout=nereidFade(this,01,7,5)
5 y/ `4 D* m% S$ H4 \6 ]% e$ R/ a onmouseover=nereidFade(this,100,5,7) 6 Y6 I8 b/ q5 O
src="files/index_photoshop.gif"
, [) R; e: W4 \6 a& ?9 b 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)" / _ W% ]8 P# n$ e6 g/ Y
width=60></A></TD>
6 D U k6 R6 d </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|