|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
: f2 g! o1 ^7 O/ G X<!-- Beginning of JavaScript Code -------------------
: X* f9 Y8 {5 Q' Q/ Z n9 V; |4 y6 _ v- {/ q
nereidFadeObjects = new Object();9 E. M3 t% T8 H$ k
nereidFadeTimers = new Object();7 z+ S4 R7 l! X# u/ s. w7 c V$ }
function nereidFade(object, destOp, rate, delta){
5 X. ~% n2 L' Z4 b& xif (!document.all)
! `/ W0 {8 Q; z: G3 j: |: ]) d% Rreturn
4 C4 q: _3 z/ g0 @. F4 D if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
, ^4 S. G2 L$ z5 b, e return;& O, H2 a3 i: T- Q/ ~# [! K/ c
}9 I# n1 r: s+ C0 B" @: i$ g. {: K. `
clearTimeout(nereidFadeTimers[object.sourceIndex]);2 o! c. X" e% _$ K
diff = destOp-object.filters.alpha.opacity;+ c7 o7 u" o% k0 B: l* \- Y0 t# i
direction = 1;% d8 K& c7 h/ d
if (object.filters.alpha.opacity > destOp){
, l! |( M5 i# j, J% \2 } direction = -1;
9 P* H( u2 `& G" b/ P. g }( X: `- k" X& a: ~) a
delta=Math.min(direction*diff,delta);, B2 ?0 r0 ?( n8 z0 m
object.filters.alpha.opacity+=direction*delta;/ q- Y* }" y& n
if (object.filters.alpha.opacity != destOp){
( {) _ c! U3 n5 ~ x+ L nereidFadeObjects[object.sourceIndex]=object;, E8 }( f" I# m& M( B/ q3 K* K
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);+ o+ t1 l+ A% n* q5 W9 S
}
5 E1 G" t3 X0 A' k0 N" w}& R* K5 [. h. u: I
// -- End of JavaScript Code --> l6 A+ k. O; o! E6 b4 `: g$ P8 H) B% u
</script> Q2 k( i) X" [0 E& \
//修改下面的图像地址和大小
4 h. K* s1 n/ M( A) B _$ k<TABLE align=center border=0 cellPadding=0 cellSpacing=1>) M' m8 ?6 A% ^0 z
<TBODY>
7 m9 C7 T, ?( A9 \, z1 y, a <TR align=middle>
q0 o0 Z8 s2 [3 P: m( C- r5 T6 M. V' G <TD background=files/index_dreamweaver2.gif : y: P( ~2 L# K) x" A, \
height=60 width=60><A
; i; F8 Q5 [. O9 b" g" H1 K0 m" I J href="http://www.hooji.com/java/display.asp?id=542#"><IMG / W" G) X, }+ U" z7 g5 b( i5 V4 O
alt="Dreamweaver 资源" border=0 height=60 8 D7 p/ E) t% j" _
onmouseout=nereidFade(this,01,7,5)
# J; Y) v) M H ^ E onmouseover=nereidFade(this,100,5,7)
8 r; G. I. U' u& }/ T+ X |" g src="files/index_dreamweaver.gif"
) L- J) m0 r: V8 c, r 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)"
& h9 D, B" q9 q" Y: ]6 [& d width=60></A></TD>
( Z( S, G0 M+ ^7 n- S4 i& A* Q <TD background=files/index_fireworks2.gif height=60
4 T6 }: b: B) ?& t0 L3 E width=60><A
' {; C; J5 M1 S) p$ G9 g href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& o2 y9 G) m4 ^7 W& Q. } alt="Fireworks 资源" border=0 height=60
8 X) e) I, E& f( a7 ] onmouseout=nereidFade(this,01,7,5) - z" R/ K w4 m
onmouseover=nereidFade(this,100,5,7) 4 c. K, j9 t0 @/ Q+ u$ C0 k
src="files/index_fireworks.gif"
/ d. j8 t; ^, C7 k$ s( 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)" 9 N( Z( t- L# f2 ?# _; K& g
width=60></A></TD>
w r0 g4 h& z1 r$ c$ H2 k <TD background=files/index_flash2.gif height=60
* J( `2 }( p2 z8 R2 k" v width=60><A
9 R: d% }+ N* h/ u E href="http://www.hooji.com/java/display.asp?id=542#p"><IMG . g" L3 y* c O* |- \& u
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) y$ j: S, c0 U* t/ h
onmouseover=nereidFade(this,100,5,7)
( r) A8 M7 b! B) L src="files/index_flash.gif"
( @ o5 c& a7 K 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)" " ]! |( J1 C% u, ?
width=60></A></TD>
. g2 `; ]' ]7 Q6 A <TD background=files/index_photoshop2.gif height=60 ; O+ i+ R" \6 z8 v
width=60><A
5 |" u5 F, q* ?% k1 j. _7 U href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 |# c y. }. i2 [: b alt="Photoshop 资源" border=0 height=60
/ b; H4 i5 @( y* b& q onmouseout=nereidFade(this,01,7,5) ! m% f- s. u9 [( N" E
onmouseover=nereidFade(this,100,5,7)
0 k/ k8 [# F0 W/ h src="files/index_photoshop.gif"
$ z" h: T; V' K1 \ 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)"
" r! f) K1 M2 D9 Z1 i6 c6 v width=60></A></TD>5 I- s5 h* f1 P& Y* C0 {
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|