|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>: R+ ~ k; g# G+ M
<!-- Beginning of JavaScript Code -------------------* @1 X" B( T( x
" I1 \. f" _$ V( b" w, i
nereidFadeObjects = new Object();% B6 R% O$ i1 ^" n6 Z, ?
nereidFadeTimers = new Object();
1 m- _5 Y* K2 _function nereidFade(object, destOp, rate, delta){
# D1 g9 m, z8 X* n6 gif (!document.all)
( s) f5 O) r& y9 ]3 Ireturn+ h' Y( V+ {5 a
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 p9 b$ Z8 N4 `/ L return;
* h7 ^4 J/ x; p. t8 d+ @: | }
; T+ @) Y1 _7 g& G, z) k clearTimeout(nereidFadeTimers[object.sourceIndex]);
: z9 f s. z% Q% c4 B8 N diff = destOp-object.filters.alpha.opacity;
) ^* M/ D. u" C, D direction = 1;
$ U! D2 f5 Z, Q if (object.filters.alpha.opacity > destOp){
n0 a- R( `. [% H direction = -1;; t" m! O, `) E/ @
}; P: O( n2 [) h! \ Z
delta=Math.min(direction*diff,delta);
; |. ~0 f- h z3 F; c" b) V( e object.filters.alpha.opacity+=direction*delta;/ K( g" D( J' w! c+ W' G
if (object.filters.alpha.opacity != destOp){
/ b5 x& ^( `* M9 s6 s% v nereidFadeObjects[object.sourceIndex]=object;- [- m9 ~9 S1 t+ V2 q
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);: y6 y, h+ E, ~- X: Z
}
0 {8 T# M- Q) \5 k5 j6 A}
' ^$ l- X2 A( t6 s' y& a// -- End of JavaScript Code -->. D+ j' A' t$ q) S
</script>4 z8 ] M( K4 R1 E. Q- I
//修改下面的图像地址和大小- t, a- K% l, b E/ L, c/ Y6 k6 A# ]
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>( Q( W; g1 P" Y
<TBODY>
# U7 [" x) i) G2 n <TR align=middle> c. K8 N6 s+ X5 [0 {
<TD background=files/index_dreamweaver2.gif 9 t# g$ e1 j# J) x# y5 V6 E
height=60 width=60><A + u M5 M- g& t3 F: e6 x( Y
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 z' m2 j% c) z9 N6 C alt="Dreamweaver 资源" border=0 height=60 Q" K7 R; u5 j! E5 q# a2 g
onmouseout=nereidFade(this,01,7,5)
5 A" V* Z. U4 G+ @ onmouseover=nereidFade(this,100,5,7) 8 n6 G( Q5 v$ \7 O
src="files/index_dreamweaver.gif" - c% J8 {% m) q9 o, B# @+ Y. A
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)"
) U- A. l" o5 V$ T width=60></A></TD>( w5 U1 e1 H L6 I/ q$ [
<TD background=files/index_fireworks2.gif height=60
* I9 s4 Y) F7 j4 `0 z3 ? width=60><A
3 Y# H/ c2 R( |: o6 Z! \ href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) e8 l$ q; L# r3 Y alt="Fireworks 资源" border=0 height=60
# X+ w6 N* t! J onmouseout=nereidFade(this,01,7,5) 6 Z: w @$ X* D
onmouseover=nereidFade(this,100,5,7)
+ r r0 i! Y: x6 A, ~4 N src="files/index_fireworks.gif"
) v5 c' }; s5 s" P) Z/ b. x. s 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)"
2 s7 J8 A( h: k' y- p. }- J; c width=60></A></TD>: i; g: s+ Z4 p3 g7 |# z
<TD background=files/index_flash2.gif height=60 ! `0 x7 M! j+ |: e/ H9 H" z1 _
width=60><A 3 @& G7 k( w5 E# e
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ' B3 Z+ W2 A: q5 c) C
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) / \5 z% o/ r: d0 V
onmouseover=nereidFade(this,100,5,7)
; t- B: C7 @! R! k6 B src="files/index_flash.gif" ' {' F' s' S ~0 s: ?7 F3 ?/ s
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)"
+ M" z+ d3 ^7 Z! Q7 N9 ^; o, [: p width=60></A></TD>
8 ]" T- O: J- d! y: v: G <TD background=files/index_photoshop2.gif height=60 1 ]8 d' _2 F+ d. e3 ^+ w
width=60><A 7 A# ]( S. ~9 H. |$ ^
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 Y$ ^/ B# _8 V/ e. i alt="Photoshop 资源" border=0 height=60
% ?* V7 d% o) l. P6 `0 n, U onmouseout=nereidFade(this,01,7,5) - ]; {; m9 i% @" U
onmouseover=nereidFade(this,100,5,7) 2 |& O5 I0 }6 `. O
src="files/index_photoshop.gif"
' e9 K( }# m7 g0 y6 [7 V5 { 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)" ! m# e/ j+ W3 S- H
width=60></A></TD>
2 n+ M/ ]8 d5 I$ @6 I. r' P; a, Y" G </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|