|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>) C- i% [- _) P' ?5 M
<!-- Beginning of JavaScript Code -------------------
( i" v, `3 p! ?$ n8 G9 |& h8 J3 F m
nereidFadeObjects = new Object();
* J9 Y6 o( q# P" BnereidFadeTimers = new Object();
- f, P9 ? y/ A9 N+ gfunction nereidFade(object, destOp, rate, delta){% p2 f: [: z3 S$ U
if (!document.all)6 j' {& ]* t/ Z+ o, O
return
% Q# a U, S( F! G, g# Q if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
, }- r5 ^" \& N1 ]6 q5 E+ ] return;
: {: J1 H# o* j+ U6 C }, v% P( J9 |4 e) U$ _( Y5 b: ~. n) p
clearTimeout(nereidFadeTimers[object.sourceIndex]);
" H$ \ k6 e% ~, o* y* [ diff = destOp-object.filters.alpha.opacity;
^+ I6 j0 p6 C+ Q& {5 n9 F direction = 1;
s5 W6 @5 L. E" g if (object.filters.alpha.opacity > destOp){
. K, R# j6 A5 b' Q3 y1 i! V! ~ direction = -1; K7 D$ Z2 C0 H# _$ o
}: M$ m! N2 s& M
delta=Math.min(direction*diff,delta);1 A% F9 E# Q' i: Q+ v5 P
object.filters.alpha.opacity+=direction*delta;4 ]8 q4 H5 ~2 }9 J" K8 |. u5 z. m
if (object.filters.alpha.opacity != destOp){
& Q9 l, h$ e! F, |, C& T8 F4 X nereidFadeObjects[object.sourceIndex]=object;7 ]% Q+ X, G9 {- P+ J( A4 ?$ s
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
/ R; d$ \* j/ o i" d' _1 q+ _ }
7 [4 J! J# L) m2 W8 x: N1 M+ a# {}
4 ~- h" P1 \6 F4 j// -- End of JavaScript Code -->
u$ Y. b" g4 p. n6 s& d</script>
! j- m7 {8 w8 Y% v7 }2 E //修改下面的图像地址和大小; O) @$ K" U+ I' m! m
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
5 W, K' j6 Y. x8 a* ?8 g1 v1 Q- L" s <TBODY> u4 K7 h+ i. ~8 V) H4 a. D
<TR align=middle>% L8 x6 n: Q9 ^- y
<TD background=files/index_dreamweaver2.gif % {; {8 O3 D" ^4 N' z
height=60 width=60><A 7 R6 ^7 z& t @2 E/ M, z- j/ _
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 j4 U' E* k5 X% |( [- p alt="Dreamweaver 资源" border=0 height=60
' N1 r7 N; C. v+ G onmouseout=nereidFade(this,01,7,5) ' [: S3 b( a" w9 a8 T
onmouseover=nereidFade(this,100,5,7)
% b# l: |6 b( o. ` src="files/index_dreamweaver.gif" ' z7 G" Z! y* 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)" 8 R$ a7 V7 i2 @' f9 _1 |5 ?
width=60></A></TD>
& |2 a$ ^) r1 ~8 t <TD background=files/index_fireworks2.gif height=60
7 {7 Z+ |) @5 @. @0 o2 f) V width=60><A 6 b: o& k1 Z5 S" y8 b; g
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 K" H' g) i& O: b' c+ g( A4 q
alt="Fireworks 资源" border=0 height=60
7 N2 v3 Z& ^% _. b' q& \ onmouseout=nereidFade(this,01,7,5) 1 t4 h0 B$ ?. p/ I/ ]6 i3 d8 w
onmouseover=nereidFade(this,100,5,7)
2 S$ r) E# H) u" B) `6 J% N g src="files/index_fireworks.gif" 9 v4 h" K6 @! P( 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)"
6 d! I1 O1 U; F( ` width=60></A></TD>
N. Q. J1 i9 V, ?. l <TD background=files/index_flash2.gif height=60 ) l5 Y# I. O( a, g! y8 v$ `5 {) h, a
width=60><A 8 v& u7 i: }( p9 p% ?. V
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 9 I3 E: O, ~1 A: G' j4 s! a
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ' i2 S* g+ {- S6 f3 d
onmouseover=nereidFade(this,100,5,7) $ ~3 J- `$ J+ g5 Z) o
src="files/index_flash.gif"
# U4 j9 K8 b t" n" E 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 C* T; t! ^( f' G4 w2 B
width=60></A></TD>1 p. j% L" W# G# C3 _$ M
<TD background=files/index_photoshop2.gif height=60
8 q9 t9 }. r0 n# }3 L% F. W) r width=60><A ' `( A' ~% r$ t
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
, s0 U& h+ v% Z9 `2 s8 x; g alt="Photoshop 资源" border=0 height=60
! \& q1 g$ e }0 s) O8 R6 @ onmouseout=nereidFade(this,01,7,5) 1 h! T" K) k7 j! \& _
onmouseover=nereidFade(this,100,5,7)
: D. |; k" C; ]5 e( J/ { src="files/index_photoshop.gif" 3 Q# q# s7 N8 U k% w
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)" # }& I/ r3 K7 P$ r) T
width=60></A></TD>
0 q+ O f7 Q; p2 D/ e* e0 J </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|