|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
! D/ Y* n k* j) t/ U& n+ d<!-- Beginning of JavaScript Code -------------------
" n$ ?. f- {' X8 g
1 O6 y- P6 M7 E/ C8 ]- rnereidFadeObjects = new Object();
" Y! _8 K5 `2 U# i3 wnereidFadeTimers = new Object();. J: D) R- o& W8 G1 t
function nereidFade(object, destOp, rate, delta){' R( |" [( i5 [5 }9 M: [! U: v6 k
if (!document.all)
; R5 e* n w4 q/ d9 Kreturn
/ T9 c6 F! N9 c6 t if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. ?* s; L c: W, }# F return;
# d3 z0 l1 y& S& r1 I4 h! m }/ u0 i0 I# u6 p# y8 h$ g* @. k; _
clearTimeout(nereidFadeTimers[object.sourceIndex]);
/ Y; n8 T: l6 X7 }, O8 q* | diff = destOp-object.filters.alpha.opacity;
; t: I0 R/ N( X! ~" C direction = 1;4 \2 k2 \- \% K- C. p. F
if (object.filters.alpha.opacity > destOp){
6 U( `7 `6 q3 Q$ ~$ D direction = -1;
& x2 L* m- `8 f8 a8 c) B }
! b& I& G: `7 ?+ O# F" O* v( [# V delta=Math.min(direction*diff,delta);
( I# X V& k+ W% Z2 g3 g# y$ v- k object.filters.alpha.opacity+=direction*delta;5 z/ c8 M: r F1 O9 a8 n
if (object.filters.alpha.opacity != destOp){
5 k) O4 ?. S2 P% ]/ }6 t nereidFadeObjects[object.sourceIndex]=object;
' [7 `; ^/ \2 o nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
4 N5 K! s$ @ y# W }1 S: T" L9 ^- d2 a R
}
/ c% X) I; V: |! a// -- End of JavaScript Code -->
& q7 t4 D( }- }7 o! L9 _, S</script>( r3 P8 N: M+ n; E6 n7 q3 X
//修改下面的图像地址和大小
& h+ R" p" A2 ~' L( w% Y9 o/ u( f7 q<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
3 d: s6 h( t1 m' j <TBODY>' q# g1 Q, ~# ~
<TR align=middle>
: D$ t5 \# M1 S; ] I* W <TD background=files/index_dreamweaver2.gif 5 o0 m+ a$ L. [. c7 I. d7 |
height=60 width=60><A
# v$ Q9 T+ t7 X- k+ m' G5 U href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: F4 Q( Z; q* t% e alt="Dreamweaver 资源" border=0 height=60
; _$ w0 s2 m1 |( L; C1 `& D7 z4 ] onmouseout=nereidFade(this,01,7,5) ( w. q7 p4 c& S
onmouseover=nereidFade(this,100,5,7)
0 P3 P9 t6 H% k& r+ A src="files/index_dreamweaver.gif"
$ r) c& g5 f, Z' C 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)" ! ^; _/ X2 D T4 N7 }
width=60></A></TD>; m3 T1 `% V- ^3 D7 I
<TD background=files/index_fireworks2.gif height=60
4 I& }9 s' q) O. m# @4 N2 W$ H0 O1 R width=60><A , z9 p6 c. p3 o) }
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 9 d( U4 \. B2 U/ e8 S
alt="Fireworks 资源" border=0 height=60 & b7 G4 Z' \+ `% n; K$ }7 ~" f+ p
onmouseout=nereidFade(this,01,7,5) + i( H1 d) j5 F" T& v+ H$ K$ ] ?
onmouseover=nereidFade(this,100,5,7)
+ ^/ M* \+ Z9 X! ] src="files/index_fireworks.gif"
. B, }! L5 \( x3 @ 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)" - a2 k/ W! u* X9 p, Y7 j
width=60></A></TD>: w, S; l# i# s1 `* q
<TD background=files/index_flash2.gif height=60 4 b* c0 ^% g. t6 \
width=60><A
/ l: f) {2 g; {( ^) `' m0 `9 U href="http://www.hooji.com/java/display.asp?id=542#p"><IMG & l: I. C6 k- J; C1 }: ~9 {1 y
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
; N; K! m, G3 I; L onmouseover=nereidFade(this,100,5,7)
) Z9 c) ~5 z% b" F/ [& Q src="files/index_flash.gif"
& i: D4 F3 F1 N @ 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)" . _0 U6 L8 q# [* ^* e7 I! b6 I: l1 r
width=60></A></TD>
, h8 p" t: ^7 A* Z <TD background=files/index_photoshop2.gif height=60 - y7 h9 U5 y5 \6 ~0 M
width=60><A * x; B; Z6 X2 A$ p0 d% G
href="http://www.hooji.com/java/display.asp?id=542#"><IMG m% Q5 H2 K4 ^- B) X0 \% u/ Y4 n) ~4 `
alt="Photoshop 资源" border=0 height=60 3 ^2 ^3 m! d) p Q3 _
onmouseout=nereidFade(this,01,7,5) % _+ r2 [3 v( s9 M8 {
onmouseover=nereidFade(this,100,5,7) & x+ t: n7 c0 j- }7 V
src="files/index_photoshop.gif"
. _) D/ Q I3 K6 b | 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 t5 }' a* N7 [! ^2 W5 ]1 b4 }/ J7 r width=60></A></TD>" n% b0 v/ A8 I! U+ s
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|