|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>1 W) W# D: b' l- Q
<!-- Beginning of JavaScript Code -------------------
* y! N7 m9 a3 O( y# [: \2 M( M9 c' ^) g
nereidFadeObjects = new Object();" y# M3 D2 G$ v8 ?
nereidFadeTimers = new Object();: G+ g' n$ u$ a" g
function nereidFade(object, destOp, rate, delta){" P. c1 T: T# J, g
if (!document.all)
7 |8 ?, J' Y5 M0 Z, U( I/ N. S0 sreturn5 C+ c- X% U. @" j
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
1 V, k$ B1 [: ^. q return;! R+ K& U4 R9 D7 l
}
9 _* M: y X+ c/ l: U) B; w5 r# H clearTimeout(nereidFadeTimers[object.sourceIndex]);# P" @: X! J, l3 o& b+ @2 B4 G) ~
diff = destOp-object.filters.alpha.opacity; P) ~* F& F% c: |
direction = 1;
7 B; V& \! E' w: J! T if (object.filters.alpha.opacity > destOp){$ x6 X( ~( c# _0 J" t
direction = -1;- n5 `! r& u( }% f% u
}
6 f5 s [+ c9 O delta=Math.min(direction*diff,delta);* N/ K8 L( ~( k, C: F
object.filters.alpha.opacity+=direction*delta;
2 {% v" J3 y8 F% i" k3 T) \ if (object.filters.alpha.opacity != destOp){
$ i3 {# g$ ?3 | O0 r, x7 H nereidFadeObjects[object.sourceIndex]=object;' s; t \: T8 T8 `0 Z- P
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);; v0 x3 P# X/ w1 N: G/ p
}" y: P9 v; H! E9 ~7 t* T- d
}
! F; ]7 S. a0 H* T// -- End of JavaScript Code -->% B Z5 U) z2 ^& @* c
</script>) U6 u0 F m$ C8 [6 g3 \$ B
//修改下面的图像地址和大小
3 r0 J- P f% N<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
" _8 m3 G# ?$ n2 S5 V) X0 y; N <TBODY>4 N! B* U( M( |; Q+ e
<TR align=middle>
5 S3 T/ c) v7 D; I7 @5 I( l! _ <TD background=files/index_dreamweaver2.gif
3 Z5 @; Q$ z* t: z2 H" h height=60 width=60><A
( S8 C" k5 V; G3 J, Z href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 ?3 e) r; ]) H/ z alt="Dreamweaver 资源" border=0 height=60
1 V! J# v) I/ _3 D# U, y onmouseout=nereidFade(this,01,7,5) n J% c$ z3 [. W' ]) n2 |4 [2 i
onmouseover=nereidFade(this,100,5,7)
' d6 ]' D: @. n1 Q0 r0 K% ?1 ] src="files/index_dreamweaver.gif"
' V/ ?8 e. w, s( 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)" 2 X. z5 B( h% |9 j( d' M7 v q
width=60></A></TD>
* I) f4 H8 [5 x <TD background=files/index_fireworks2.gif height=60 ! r0 \# I) N# I4 a
width=60><A
) G4 Z! L7 I( w& X$ g href="http://www.hooji.com/java/display.asp?id=542#"><IMG 4 T, c) A! U* ~, R3 l1 @' N, U
alt="Fireworks 资源" border=0 height=60 & w6 z+ |6 P: j( i2 T5 d/ h
onmouseout=nereidFade(this,01,7,5) / b9 B! R' d7 N, X9 x' T
onmouseover=nereidFade(this,100,5,7) 3 j [/ Y: D2 d0 x9 Y
src="files/index_fireworks.gif"
9 g1 F5 p+ r" L( c7 x7 F5 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)"
7 n- M, ^( i) m! x7 f* S5 a width=60></A></TD>0 @! T4 }% q$ R5 s3 }$ Y
<TD background=files/index_flash2.gif height=60 : t! i! V* y( {6 c# W! U
width=60><A 7 S" l% J: N. h* y- V" |
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ; B) W6 `, P! F4 u& m0 S2 i8 W9 X
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
+ G$ S8 T" ~: ~* N onmouseover=nereidFade(this,100,5,7) & T l8 [5 z2 I3 k) f
src="files/index_flash.gif" 8 a, e3 H6 \5 B! V
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)" . g4 L. A% g7 j7 U1 i' ^7 l4 i! ]
width=60></A></TD>
% |( S) V% ^) u- c7 D <TD background=files/index_photoshop2.gif height=60 T+ }. L5 M$ u) l- N& K( c
width=60><A 6 i1 A" ^+ C6 X# r. d
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) Y0 F0 e$ E$ u1 A9 p/ H# k' e alt="Photoshop 资源" border=0 height=60
: S* p& C! f6 T0 q9 L onmouseout=nereidFade(this,01,7,5)
7 C8 B- C% l6 C5 C& j; \ onmouseover=nereidFade(this,100,5,7) , T: M- d5 a7 F, Q! O' g' `- R
src="files/index_photoshop.gif" 1 S. E& U$ Q7 _5 c9 ~0 T9 B' 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)"
3 L" a' j3 j: n- G* W( A width=60></A></TD>4 e1 }2 C* N! i; N" X9 h
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|