|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript># J9 C: Y% o' N" n& `& H0 M" Z* j T
<!-- Beginning of JavaScript Code -------------------
! y( R2 ]. d4 ^# p
% U; t+ Q1 |$ l, s1 fnereidFadeObjects = new Object();1 E* g4 |" U2 w
nereidFadeTimers = new Object();
( w; P; V/ [- {function nereidFade(object, destOp, rate, delta){- o1 [. G! Y' y8 ?! A# K" Z# G" r
if (!document.all)
2 o! N) h. s6 v8 d/ Z7 _return! d8 ^, z+ V1 y( [ F7 Y
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);7 r2 ^1 A0 k- M4 A( H
return;
7 U+ C9 E8 _; [+ a }7 a8 A$ E" t: R* \
clearTimeout(nereidFadeTimers[object.sourceIndex]);
' V3 G' R2 b5 ]8 v1 z diff = destOp-object.filters.alpha.opacity;
& r, H) @+ \7 H5 P ~! N6 d* v direction = 1;
3 T9 E& i/ ~/ i" }( U if (object.filters.alpha.opacity > destOp){
+ `/ u$ i a& I! d direction = -1;* p+ W# I4 g( x1 B
}
; S0 P) @+ T* D: Q delta=Math.min(direction*diff,delta);. e8 g$ k2 e3 @1 r: M
object.filters.alpha.opacity+=direction*delta;: A" k& v& `% z* s0 P/ I( a% ^* e
if (object.filters.alpha.opacity != destOp){
8 N# r0 N+ o0 T0 [5 ? nereidFadeObjects[object.sourceIndex]=object;
9 K9 n. v" u c* ` nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
1 }: J* D# f2 C, W( H! }- v }
1 o/ r7 ^2 D2 K' b* r} l" e' N# M' y
// -- End of JavaScript Code -->& u) R4 q& w0 B
</script>
' Q1 M, d6 O- y$ z //修改下面的图像地址和大小
; ]9 Q9 h. f3 y. v/ |: E) d' k9 m/ r<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
& K' t6 J3 P; X R9 A0 v <TBODY>9 H; s$ K" E8 A4 \7 m
<TR align=middle>
0 f# _2 @& C" e$ H6 [ <TD background=files/index_dreamweaver2.gif
8 M4 D5 f3 C' o& r% F2 e height=60 width=60><A ! p/ O* Y, q" @4 ?
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 1 k: }$ i! v" M
alt="Dreamweaver 资源" border=0 height=60 # y, m; R6 o! C1 S5 F; M4 H
onmouseout=nereidFade(this,01,7,5)
2 E3 ?0 I5 C( ] e1 U$ V3 P& [! T/ j onmouseover=nereidFade(this,100,5,7) ' [+ }$ J/ F3 B3 c: H7 m( Y1 I
src="files/index_dreamweaver.gif"
: { [0 N/ l: |" `5 D$ `8 l( ` 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+ d4 I. Z t! s8 V
width=60></A></TD>1 R' Z+ {, v/ e) b) r5 G$ D, ]* Q7 m
<TD background=files/index_fireworks2.gif height=60 ( [; @1 R- B% X5 a7 G* X6 o
width=60><A 3 z2 F# ?7 {3 R7 A
href="http://www.hooji.com/java/display.asp?id=542#"><IMG # b( l# q8 K& _+ \8 g L
alt="Fireworks 资源" border=0 height=60 ( K) j* x$ z0 E4 t! x& ]7 ~
onmouseout=nereidFade(this,01,7,5) . z( L9 l6 V) l$ R& p6 M4 l
onmouseover=nereidFade(this,100,5,7)
7 k. h; z$ f$ L' E' | src="files/index_fireworks.gif" 7 C& {% q* \6 L7 `
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)"
) ~/ ]4 e0 B1 ?- ~, B- Z0 L width=60></A></TD>8 j1 Q- O4 u5 l0 S% l, j
<TD background=files/index_flash2.gif height=60
, Y1 F* C: E, B. D/ h2 _ width=60><A
" y2 B" ]1 N5 m5 q href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ; Q1 P) {9 l- F( a' Y0 }
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
* F" H+ B! u0 L2 d, i onmouseover=nereidFade(this,100,5,7)
" H# {& d( ^' ^; t: `! s- |6 ]5 ~6 t src="files/index_flash.gif"
8 [: ?. @8 g8 d: n3 W 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- i/ P: Y0 F4 S width=60></A></TD>- b9 v% x r8 m6 C; N( B4 `
<TD background=files/index_photoshop2.gif height=60
0 v5 K K+ o% ?, b) v7 B width=60><A
" D* u ~* J8 V0 ^( o href="http://www.hooji.com/java/display.asp?id=542#"><IMG * {9 X( v1 Q; M3 r* {& q
alt="Photoshop 资源" border=0 height=60 " H; c% O3 ^6 e6 I" H- K
onmouseout=nereidFade(this,01,7,5) * y0 x4 Q$ ~/ s+ z
onmouseover=nereidFade(this,100,5,7)
" v$ j. C* H3 f; f, q0 J src="files/index_photoshop.gif"
6 J7 ]! |6 c" P. q- 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)" 4 I# E2 \" G# K" a0 A
width=60></A></TD>
2 M% W" G) }2 G. i6 [' P </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|