|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>, R9 S) z# u# c+ f
<!-- Beginning of JavaScript Code -------------------$ T5 w/ x# D1 |
5 c* t A4 U3 I+ i
nereidFadeObjects = new Object();' K3 q+ Z* ~6 }
nereidFadeTimers = new Object();
8 Z* i" w& F* @* efunction nereidFade(object, destOp, rate, delta){! Q e9 ]( x0 F0 z
if (!document.all). J+ L S$ Z N8 `
return9 N6 S' ^4 k* i
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
; b! v2 K9 o3 Z! E7 T8 ^% K return;# E2 q+ a7 }3 c# T3 d9 W
}( }& g0 g3 U x0 t( q% y3 R3 s
clearTimeout(nereidFadeTimers[object.sourceIndex]);, E( y6 C/ C7 c: |
diff = destOp-object.filters.alpha.opacity;
6 [, i a+ E& l$ y$ T direction = 1;
3 n2 g7 w% `3 B+ e if (object.filters.alpha.opacity > destOp){1 Q; {2 R5 b: p/ c- ^3 q9 ]
direction = -1;$ ?% M* h. F2 _, \0 k, l$ I
}
% h$ ~/ p/ d+ V4 h8 t w delta=Math.min(direction*diff,delta);: ]* h9 r# {9 }' G
object.filters.alpha.opacity+=direction*delta;% G1 N: W6 l% x4 O/ N
if (object.filters.alpha.opacity != destOp){; q* u# b& [# z- g( f8 v: `# w/ p
nereidFadeObjects[object.sourceIndex]=object;
: y/ r3 H4 m& H5 ?# J3 k, z4 a( H) J+ J nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
' f6 @' s) o/ d; z/ Y& f }7 o& i. o& S$ i: {
}; F- d+ q" _' \1 h, c h
// -- End of JavaScript Code -->" O+ P* {: G- p( I# j
</script>
( u" n, c6 R$ o& K* B //修改下面的图像地址和大小
* C; o( T+ d7 q2 q$ {) p$ f<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
- M: [* m2 e; y7 u' ]' \ <TBODY>
% a$ A, S" V6 Y& O3 V: D1 L <TR align=middle>
9 s+ f' @+ ]' Q6 I$ |7 Y# z$ @8 ^ <TD background=files/index_dreamweaver2.gif
. @( c2 ^) [2 R5 N/ @3 t) {+ N3 z( v height=60 width=60><A
0 K X1 f; ~$ z2 K7 X; I href="http://www.hooji.com/java/display.asp?id=542#"><IMG : x8 S. j# N& ^: r4 r0 F' `
alt="Dreamweaver 资源" border=0 height=60
3 b3 z/ n! l; R! b7 C" M6 Q5 Y. V! X onmouseout=nereidFade(this,01,7,5) ! b' A4 n8 z2 o! c* U' f- N( W# Z6 B
onmouseover=nereidFade(this,100,5,7)
% ] ?8 {# ?$ u7 f3 R4 S$ A9 Q9 D) x src="files/index_dreamweaver.gif" 1 ?. E. @2 n0 B0 P; d
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 Y0 U* S& K* [
width=60></A></TD>
' L" i- p- n/ b: ? <TD background=files/index_fireworks2.gif height=60
; H% G. ?/ ]" g7 T. l width=60><A 0 _; u5 e6 k* ?1 I
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. U( }( z8 s% `# b5 w* r- M alt="Fireworks 资源" border=0 height=60 3 X+ o' Y0 |& ~) O: h5 }
onmouseout=nereidFade(this,01,7,5)
! q1 F" p9 t; \( U3 v \ onmouseover=nereidFade(this,100,5,7)
/ ^2 v, t1 n/ I( L& s" a9 u, ]+ @ src="files/index_fireworks.gif" 0 p8 t: K3 B4 A ~4 L
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 c: e! n# F- T+ l
width=60></A></TD>
1 z! j* n9 i" r9 U l9 s$ {# T* i <TD background=files/index_flash2.gif height=60 8 W9 f; m/ z2 P2 s) N
width=60><A
- q) c6 S' i0 w href="http://www.hooji.com/java/display.asp?id=542#p"><IMG , x1 n/ A& y5 g8 _7 Q5 |* ^
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ; K( c' o" r, S' V: o( o
onmouseover=nereidFade(this,100,5,7)
+ Q) Z$ c& c6 q+ L' I7 Y* a8 [ src="files/index_flash.gif"
; p% [( O) E, G' 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)"
9 v. G4 H7 z5 L/ X1 C9 U2 P width=60></A></TD>
% y' K1 l* d5 Q% P3 ^ <TD background=files/index_photoshop2.gif height=60
% q7 o& h2 k! `- V" a( m" M width=60><A 2 @" Y. l& ]1 M, u/ q. u9 t
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
9 z9 f& g7 l( E. k/ \ alt="Photoshop 资源" border=0 height=60 2 K! {9 Y( ~( H6 t/ ]5 P# u1 T8 w
onmouseout=nereidFade(this,01,7,5)
# j' y- m( Y1 ^5 h0 _ onmouseover=nereidFade(this,100,5,7) 1 o, G! V9 j4 C& u
src="files/index_photoshop.gif"
$ l$ Y& m5 y" X; ]0 o 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)" " C; @ x* w" c' U2 z7 p
width=60></A></TD>8 b' @' r: f0 B' s5 ]' M. B
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|