|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
1 Q6 O, X: V' w. ~( h8 _ y<!-- Beginning of JavaScript Code -------------------- H0 S m) O; {, @/ J$ W) N `; U
7 W$ I7 X5 H1 h+ k& {$ W* P [
nereidFadeObjects = new Object();* {( J2 R4 J4 F
nereidFadeTimers = new Object();) M2 @6 ]. `2 y" v
function nereidFade(object, destOp, rate, delta){3 a: m" ~# y2 x8 R- T5 a
if (!document.all)
* |/ `( B0 q1 t% [$ F) q8 Ureturn
6 A" p. \, y, B9 l4 P/ V" n1 n if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. D: i3 F0 c- N$ m. s: x j/ \4 C return;! \1 v/ w; {! S4 M
}5 E1 m+ \- d6 a1 ^
clearTimeout(nereidFadeTimers[object.sourceIndex]);" Z- w" \4 v( C4 W! D8 t- S
diff = destOp-object.filters.alpha.opacity;# w4 t6 e+ H# `* G& V3 I' s
direction = 1;. s% }7 _$ L0 p0 w5 A, r% G& j
if (object.filters.alpha.opacity > destOp){4 h' l" ?3 M6 Q9 ^5 e- p/ X+ f, t
direction = -1;2 w( @& q; r. t L6 L
}
1 y! N" e3 u. `& _ delta=Math.min(direction*diff,delta);
1 n" U$ R" M% w$ Q object.filters.alpha.opacity+=direction*delta;
6 v0 v ^4 M5 p9 I0 u0 \ d if (object.filters.alpha.opacity != destOp){
. G S0 Z* k% U5 U nereidFadeObjects[object.sourceIndex]=object;( {3 A9 W3 s% c. p! ^/ |# A
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
! V8 X' h d; M9 b* m5 U/ Q }
0 F _1 n1 O; v) V- }}
! m6 H: ^1 h' \ B// -- End of JavaScript Code -->
) C9 G- Q0 q) R. O& [</script>% B1 S0 `2 r0 p& S% A
//修改下面的图像地址和大小( K+ R8 L6 W6 Y% C1 t
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
* Y2 `8 u' f. G) S, I$ \$ _ <TBODY>
8 T; @ S, \6 S' i4 y, b. K, y6 h <TR align=middle>0 `% @0 L1 O" B. y) h, y
<TD background=files/index_dreamweaver2.gif
9 C. M- I7 }4 e/ d height=60 width=60><A
- m$ \4 g0 p( W5 x4 Q href="http://www.hooji.com/java/display.asp?id=542#"><IMG . Q9 e. Q& v8 f0 j
alt="Dreamweaver 资源" border=0 height=60
, v9 Y% [# ` m- N onmouseout=nereidFade(this,01,7,5)
: ^2 _) E+ M- _+ w) x onmouseover=nereidFade(this,100,5,7)
" S- I9 b/ ~. G4 o6 i$ P( i) K src="files/index_dreamweaver.gif"
' X+ ?6 H! s7 {5 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) ~% G; P& z2 i. ^ width=60></A></TD>) U" ]) \% `5 J7 i" j6 w' |" m0 y& B
<TD background=files/index_fireworks2.gif height=60
4 O4 I8 C7 k& {4 f9 v width=60><A ' ?: i2 l1 j" r6 h( I. o) O
href="http://www.hooji.com/java/display.asp?id=542#"><IMG # F# P" X, l! ]8 ?. T2 B8 b
alt="Fireworks 资源" border=0 height=60 9 D* ?. Q6 N/ N& t8 S
onmouseout=nereidFade(this,01,7,5)
4 m4 t# V9 @; Z1 h' X onmouseover=nereidFade(this,100,5,7)
9 h3 z5 W+ O) {+ P/ l7 D2 H src="files/index_fireworks.gif"
8 S0 U; P3 y& H1 K, f) 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)" * W: ]4 }8 J. M/ `0 G# G& |; B
width=60></A></TD>3 z( M' D* n8 U m9 w2 d. s1 f
<TD background=files/index_flash2.gif height=60 - ? F+ {% Z6 Q, H
width=60><A
9 C5 k: G |* i" _6 W href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
4 u# a( K7 f+ Y0 }* m% G- X: R alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
3 H! O4 e/ b& N+ r% y( H onmouseover=nereidFade(this,100,5,7) / y2 C& |6 f5 s* m6 W) v
src="files/index_flash.gif"
; l- e& G7 E _ 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/ G+ E0 |3 `0 c: r
width=60></A></TD>
6 @# f9 x. r7 o% d! z7 G+ E6 v <TD background=files/index_photoshop2.gif height=60 $ _/ R0 J/ v( D1 o! t' G
width=60><A 5 A+ C9 i; C: C+ ?+ ^) R
href="http://www.hooji.com/java/display.asp?id=542#"><IMG / p( y) R. J* }8 q7 E
alt="Photoshop 资源" border=0 height=60
" j& Q! j% l, w onmouseout=nereidFade(this,01,7,5)
" E* w) t- ~+ X* t* o# p onmouseover=nereidFade(this,100,5,7)
5 z. |8 i8 D+ o1 L1 C src="files/index_photoshop.gif"
- q4 Y+ X5 Y0 Z- W- Q3 i6 l2 s. g5 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)" # j* U K; T1 J- j! J5 u2 s& L( d
width=60></A></TD>
. L; Q6 c7 y/ }9 F% n W: J, ^ </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|