|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
* o/ L* ~& J: y. w) q- L<!-- Beginning of JavaScript Code -------------------' Q3 D5 N9 t% x# W' w8 n4 T
8 D% L9 |8 N5 G* A/ HnereidFadeObjects = new Object();) p4 \) v/ c, ]
nereidFadeTimers = new Object();5 Q4 h8 ^# \# F/ i, n; A) X1 q
function nereidFade(object, destOp, rate, delta){ S! g$ o5 S/ o/ c" w! z; s
if (!document.all)& T: _% v3 ?. x: l' e2 V$ g& l0 l
return
' w; P, j8 B e3 N if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);1 c) ?6 x8 N( S/ x
return;
6 M2 a( M7 }3 d' j }$ ~' q, U5 \% g4 _ k) ~
clearTimeout(nereidFadeTimers[object.sourceIndex]);2 i+ i2 Y$ G3 c, F+ T, r
diff = destOp-object.filters.alpha.opacity;) R& q% Q6 h" n+ v2 W
direction = 1;! l; j% ~6 i* R% C
if (object.filters.alpha.opacity > destOp){. C' z- h8 i% Y- T+ g* _9 |0 B
direction = -1;
- X, ?3 I2 Q0 m k( m6 s7 j+ }4 A% b }
2 P% A4 N L( C7 C/ j1 s7 P delta=Math.min(direction*diff,delta);! P. b Z* \- I( m
object.filters.alpha.opacity+=direction*delta;+ j p9 d+ {. z* P
if (object.filters.alpha.opacity != destOp){9 @0 Q, F* \" _! q: d+ G p& \
nereidFadeObjects[object.sourceIndex]=object;
$ p0 R1 e/ E9 z5 I6 `8 E nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
' _9 d# R; N, m' s; ]- L }' D: e6 s& Z( r
}
3 s \0 y K% s// -- End of JavaScript Code -->
3 T$ s0 M- s1 L9 Z</script>
! C1 P" g" k. }6 [7 i //修改下面的图像地址和大小6 M+ ^4 N. G# z4 V/ Q) s
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
+ K2 v& y6 i8 O5 e. r5 h/ c <TBODY>9 [% g5 E' _* f) r
<TR align=middle>
- ]( f& S- ?6 ^ <TD background=files/index_dreamweaver2.gif 2 U5 d1 e& Q( C1 M; j& f' G
height=60 width=60><A
6 Q, Z, S# y+ H8 c9 n href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) D$ A% K$ e3 `4 a$ H! i" c6 w alt="Dreamweaver 资源" border=0 height=60 1 |. }, M( ~' F3 @6 e+ a2 j) M. S
onmouseout=nereidFade(this,01,7,5) 0 R/ Y) t6 p6 ]! B, F
onmouseover=nereidFade(this,100,5,7) * g8 ]: i- m- \5 [3 i1 E
src="files/index_dreamweaver.gif"
. a5 Z# Z* L1 s# o2 X 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 {: Z/ p0 f! A$ E& \ width=60></A></TD>
( A* r. f1 r' T& z <TD background=files/index_fireworks2.gif height=60 8 H8 w6 _9 w. S$ b; r* g6 h( M2 X
width=60><A
. q2 J& U: F# x G0 g2 Y href="http://www.hooji.com/java/display.asp?id=542#"><IMG
9 s6 q, k4 N! p- @( M( I alt="Fireworks 资源" border=0 height=60
' a) p+ j3 S" T* U# |8 [ onmouseout=nereidFade(this,01,7,5)
, n+ w0 t$ ?# V+ c( T* @6 N onmouseover=nereidFade(this,100,5,7)
, r1 K/ } ]8 T! A4 ^ src="files/index_fireworks.gif"
3 E$ C. f* H0 X: D6 J' \. g 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)"
5 ^$ ~- J* a' N* C. `# [& T width=60></A></TD>) V2 T5 ~& s$ ?9 d, D1 T
<TD background=files/index_flash2.gif height=60
1 e4 M' ~$ U( D- o/ e width=60><A
- A; `6 C3 `( Z href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
0 u1 b0 c U. G4 v. R/ v1 ] alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
8 V9 ^6 f' |+ C+ U, n2 ~; S, u: W onmouseover=nereidFade(this,100,5,7)
! D' n' f0 i9 D src="files/index_flash.gif"
! ^( }5 `1 U' _) V( w/ h' N# G! | 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 K3 g( R$ M; l/ W' S3 T/ [ width=60></A></TD>
3 {. H; E' N2 G5 K$ t <TD background=files/index_photoshop2.gif height=60 - b c9 _$ ^# ~3 [! X
width=60><A 7 x8 E! g8 P6 q4 C( g7 ~
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# |4 Y/ D: m) T alt="Photoshop 资源" border=0 height=60
! b @! h J* Z( O5 o onmouseout=nereidFade(this,01,7,5) 3 J$ r7 i, g$ V6 g5 {
onmouseover=nereidFade(this,100,5,7)
1 E6 _7 N F- f d# r* b src="files/index_photoshop.gif" 3 Y) B+ f7 c* U' A5 J) X, \9 D* u
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)" 6 t. b6 x* H4 n( r' b' k' U$ D* z
width=60></A></TD>
. E# n7 y% v" C </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|