|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>+ W r1 @) Z: I @* o9 H3 t
<!-- Beginning of JavaScript Code -------------------
* ^& S8 Y( L) h/ h) q f. s* g: L* k! R7 A6 ?6 \
nereidFadeObjects = new Object();
) E' \- v) w2 q1 B) X# XnereidFadeTimers = new Object();
! j; n+ [. k/ D* j7 }( p5 jfunction nereidFade(object, destOp, rate, delta){- }! S% b8 T% e
if (!document.all)
8 `. Y3 u+ ]% `: @8 treturn: [% G0 h' U8 {9 |+ g3 p% W# d0 Y. x
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);7 ~ [5 q) @- O d
return;$ W. \! Z, i; N9 |! w
}/ ~* j7 g' |; {% t
clearTimeout(nereidFadeTimers[object.sourceIndex]);
3 y% G0 {, f, Z& |& J _) v& Y' T, V diff = destOp-object.filters.alpha.opacity;) [1 q" b# D6 J/ A3 V* L
direction = 1;
3 d, w( @7 T3 |! L) r1 a1 r if (object.filters.alpha.opacity > destOp){3 R7 w2 s2 f; Z$ \- a
direction = -1;: z: O# [" G9 Y& \, M/ G' Z
}
5 T$ F0 g+ k6 A' K* x delta=Math.min(direction*diff,delta);: O+ t* T3 l' j- h! F$ q2 }
object.filters.alpha.opacity+=direction*delta;* z" z8 V. f. W' B
if (object.filters.alpha.opacity != destOp){
+ c$ ? |7 S. S7 U1 W' v nereidFadeObjects[object.sourceIndex]=object;" |" J0 q, J: F# t
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);7 z8 ~6 r& u: `( @
}& X, n. A# c6 V1 |7 H- t" E& i
}
9 p# `! n3 s0 X! u5 |* H. b// -- End of JavaScript Code -->
& A' C) p( v; z) f% `</script>
* l# K& k- V; z5 ?: X5 A: Y* q //修改下面的图像地址和大小% g7 c, r6 J& x
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
+ f, a7 @ n3 g/ t) i" ^ <TBODY>2 n$ C* ]1 P1 T8 D6 z( T+ ^
<TR align=middle>
' U; W, j( z4 s$ i/ f9 g' W# @ <TD background=files/index_dreamweaver2.gif
, o, H' w8 F8 \( u$ v height=60 width=60><A 8 `$ r" @2 w0 h7 G& J
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! ^! w5 e$ T5 j7 g1 w, h1 a; k* I+ C alt="Dreamweaver 资源" border=0 height=60
% ~& L `- H6 \1 y0 ?( O7 P onmouseout=nereidFade(this,01,7,5)
( M5 g6 [, ~+ @2 n& Z9 k onmouseover=nereidFade(this,100,5,7)
) V Q7 H* A6 ^ src="files/index_dreamweaver.gif" + x! w3 h9 M# p/ o. X% F
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)" : o% r7 y2 k$ G+ b, A
width=60></A></TD>
( o! u6 V" k2 X( b1 i <TD background=files/index_fireworks2.gif height=60 ; U1 z; z, ^% a; x
width=60><A
^. h7 `4 S+ m0 x3 L7 f href="http://www.hooji.com/java/display.asp?id=542#"><IMG / l% E( v* S, s
alt="Fireworks 资源" border=0 height=60 ( i0 E m( k3 U3 _6 y2 |
onmouseout=nereidFade(this,01,7,5)
' ?- v9 h z8 G7 M) ] onmouseover=nereidFade(this,100,5,7)
1 R' J% p# `3 x; f0 p5 r. M src="files/index_fireworks.gif"
2 G! z ^; j% m3 [$ L' f 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)"
7 h/ l! M% J. B5 Y x9 ] width=60></A></TD>
& Y8 T* f* q' [; m! U <TD background=files/index_flash2.gif height=60 4 R7 |* H$ V5 B4 C" P* g
width=60><A
: w7 e5 Y$ |; {' b, s: e g' ?3 ]+ ~+ z href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
6 b5 f9 X6 p" r: B8 L0 w0 p alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) . a7 S" ~. j4 O5 T' K! v
onmouseover=nereidFade(this,100,5,7)
5 |& j/ U* N/ V src="files/index_flash.gif" ! D* ]& y$ C5 ^" f2 d/ Q
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)" ; Y2 l7 H& x e5 ]
width=60></A></TD>: T% k! ~- ^6 f* s9 L! x/ ~9 o
<TD background=files/index_photoshop2.gif height=60 " a2 K) J' Y3 ~
width=60><A
- _7 v! X$ c# {) r href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 q4 B) n! l7 W+ e' v0 Z alt="Photoshop 资源" border=0 height=60
& }. b7 j" n4 y3 l onmouseout=nereidFade(this,01,7,5)
6 q) T8 [- C) C; ~( x0 x onmouseover=nereidFade(this,100,5,7) ( B* W! X/ x d; v
src="files/index_photoshop.gif" / N5 x- v9 a# n5 G1 c- u
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)" b( g3 L, O1 u0 m r( C6 H; I
width=60></A></TD>, l6 ?& K# h( z. ?3 K) ?' @
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|