|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
/ P7 ]4 c/ w* Y* q B<!-- Beginning of JavaScript Code -------------------4 J: V5 _9 a5 M9 | N8 Q9 A8 Y
2 f) |; T* J" O% n" ]+ x
nereidFadeObjects = new Object();0 y) P1 R8 Z: W" { g8 e
nereidFadeTimers = new Object();0 l8 H1 b; J* `- F, E
function nereidFade(object, destOp, rate, delta){
/ ]- p( y! [6 y n8 A' m, Z7 Hif (!document.all)8 |' N+ T/ x, e- k
return
9 r ~2 a7 m7 A if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. G3 U7 K# ~: q6 P0 S/ z return;& I4 c: n: Y( K( [+ U4 U2 @
}
- m" a G' N7 f2 n( G5 ~' t; p clearTimeout(nereidFadeTimers[object.sourceIndex]);2 ~) n0 f4 V& z. a# }+ k" @
diff = destOp-object.filters.alpha.opacity; v' ~9 W2 C8 u1 k' ]8 p
direction = 1;
0 M' x$ s; B) l& n5 v B" T' I0 }* B if (object.filters.alpha.opacity > destOp){
8 k, C7 E# S2 w1 e) J# W( g/ B direction = -1;6 j. a& L) j# {2 F9 [& l1 j# J$ q
}$ `3 K8 m. n) M
delta=Math.min(direction*diff,delta);* }/ v$ |& \' v1 m6 j
object.filters.alpha.opacity+=direction*delta;/ [0 K7 d1 [9 ~
if (object.filters.alpha.opacity != destOp){
* s! k$ y5 D# {' L6 B" H G* V, c! y nereidFadeObjects[object.sourceIndex]=object;
/ h3 _! Y0 W8 V- o nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
. }- Q* N) A: `# {* S- ^ }+ Y! V% f" u# U7 p3 g
}: @" ?. q K. ^# j, M6 u, G+ z
// -- End of JavaScript Code -->
" D' _: N2 C5 m& Z; }" Y, g7 m</script>
% e( Q9 u$ F6 f- C7 }2 c f //修改下面的图像地址和大小
9 Q( j* r8 v- L; y<TABLE align=center border=0 cellPadding=0 cellSpacing=1>2 z& ]6 l1 l! K' G# a
<TBODY>6 k$ w9 ]5 G- o6 ~1 w( L
<TR align=middle>) s! v" D+ K! R! `
<TD background=files/index_dreamweaver2.gif W+ P& m2 ~ P
height=60 width=60><A 3 t. n7 X$ @( Y- n
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 8 R$ F; ^; _! u+ T' K" w" Z, t) J# L
alt="Dreamweaver 资源" border=0 height=60
% K' J7 o, k* F% ~5 l" b& h# u; c5 S! ` onmouseout=nereidFade(this,01,7,5)
+ i# l; P7 c6 E& |' R) O7 G onmouseover=nereidFade(this,100,5,7) 3 S: y3 L- }. @4 E( d
src="files/index_dreamweaver.gif"
o$ c6 w/ i* 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)" 9 F4 c5 v( s- H* I$ s9 A! |, A9 m
width=60></A></TD>+ d) l7 D$ w% T9 a0 B& E7 D
<TD background=files/index_fireworks2.gif height=60 % `" A, n# ?3 _; H6 V
width=60><A $ {6 u1 d" y5 ^
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 z/ h0 J# [$ w' Q3 j% G alt="Fireworks 资源" border=0 height=60 % s; Y& H" V9 ]
onmouseout=nereidFade(this,01,7,5) ( _4 A# l0 T1 i# u' M, b/ q
onmouseover=nereidFade(this,100,5,7) ; e* a7 r+ ^ k1 R; w
src="files/index_fireworks.gif" 2 J' @- Y6 M# j4 t" 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)" $ J, e( ^+ @+ T5 A7 Q. \
width=60></A></TD>% b! E- x) M; q& ]; E+ ?3 r
<TD background=files/index_flash2.gif height=60 1 t$ } f4 G9 Y9 W0 L/ j" u2 g" |, R
width=60><A
9 y" X$ c( k' \6 N1 r href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
I" C- W7 J/ z alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
7 e2 x0 F4 k `/ R onmouseover=nereidFade(this,100,5,7)
3 s, k/ a, Z0 ]6 t+ `9 l1 o+ Q src="files/index_flash.gif"
% \" T3 i* o1 V8 j4 _& ~ 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)"
* U% X8 T6 Z) s' o, { width=60></A></TD>4 l5 z$ l+ X1 v; s9 z: R4 G
<TD background=files/index_photoshop2.gif height=60
5 @# Q% ^3 ~, B width=60><A
2 N& ^4 d8 P4 S href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( u( q5 S# d& ^6 s- ^8 Z. J alt="Photoshop 资源" border=0 height=60 7 ~) c) A1 q# ~* ?4 g& W Z8 Z
onmouseout=nereidFade(this,01,7,5)
. d8 v' w- T; A/ C7 Z onmouseover=nereidFade(this,100,5,7)
: U/ z- j/ G4 z# e src="files/index_photoshop.gif" 2 d' }6 s& H. S% i2 `+ c8 m8 a
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 H# E( R6 r# g4 P1 S* _. ?3 V width=60></A></TD>
( j$ K. O. F% R$ c- W$ Z# K' s </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|