|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript># T/ \$ l! j+ v2 O% L0 ]
<!-- Beginning of JavaScript Code -------------------' _3 p; v, F' u1 Y( S" l( ?
9 W+ q* e7 `/ x5 T$ e' ]
nereidFadeObjects = new Object();# k2 x- ~; ]! P& f' A
nereidFadeTimers = new Object();: i2 ?7 l0 Y- g0 E0 n1 i
function nereidFade(object, destOp, rate, delta){( l% {) M8 X. x3 s1 ~9 w3 T
if (!document.all)5 w4 G9 ]0 i G# y! k, p5 H
return
, n* P5 J0 c8 D if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
2 h3 O! p! d( n6 c+ I) y: ?/ e return;
9 j: `2 Y' }3 O# s2 w }! ~. b, J7 I# V2 z
clearTimeout(nereidFadeTimers[object.sourceIndex]);
" ~: I; x" t- N @5 b diff = destOp-object.filters.alpha.opacity;
! {6 Y1 m U# T direction = 1;
1 x; z$ p! w) j4 A; p. i if (object.filters.alpha.opacity > destOp){
7 ? D: _6 `: B# M, \. V direction = -1;, l6 Z5 a! Z/ I5 z
}
5 n$ [1 x# Y: N4 W/ Q delta=Math.min(direction*diff,delta);
! V% @7 n. S+ [, q object.filters.alpha.opacity+=direction*delta;
1 @6 _/ X$ ~$ g/ ?0 z/ H1 f if (object.filters.alpha.opacity != destOp){) m3 D F& a8 |8 V, e7 ]' A( N9 S
nereidFadeObjects[object.sourceIndex]=object;
6 z$ l! x# Z9 D" S* z. v nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);" r; ^3 k. g3 s, X! R
}
/ M5 ] {- ^) ^$ n- X}
; J) W7 `, t* {2 h+ P, Y( z. M// -- End of JavaScript Code -->- X0 a! H) L% N$ t
</script> r6 N8 o* G; b! b5 A1 ~
//修改下面的图像地址和大小* K0 J# r3 b# w( E" `# \* v
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
t' m% k! X# D: Y3 w <TBODY>
5 b& b8 _: k4 p* d6 B( ` U <TR align=middle>
) {0 b$ t- b3 X6 |: b <TD background=files/index_dreamweaver2.gif
# b4 m+ s7 k1 w3 y- J' U2 W height=60 width=60><A
* D. H; z/ E# z5 y" w href="http://www.hooji.com/java/display.asp?id=542#"><IMG " }. g8 w* H% w
alt="Dreamweaver 资源" border=0 height=60
/ ]4 ~$ W8 E9 Q) w3 k( k. Y( Z6 ^ onmouseout=nereidFade(this,01,7,5)
$ Z/ a8 b8 I3 }7 z1 X9 Z4 t! X7 i onmouseover=nereidFade(this,100,5,7)
: c" o5 f! M7 _- m2 E, | src="files/index_dreamweaver.gif" & c8 s/ @' S' v, Y
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)" / _, H+ ^; p9 A/ P
width=60></A></TD>+ ^, n+ u# v7 G. Z+ X3 z
<TD background=files/index_fireworks2.gif height=60
& P' ~2 x3 [& P8 y) T width=60><A
2 b4 [' T. _1 }3 B href="http://www.hooji.com/java/display.asp?id=542#"><IMG
5 D8 o! K0 j8 h T2 p alt="Fireworks 资源" border=0 height=60
2 W# V* c' F1 A- ^) \ onmouseout=nereidFade(this,01,7,5) 1 |7 \0 d) i }
onmouseover=nereidFade(this,100,5,7)
( ?8 d' W: U/ X( @" G src="files/index_fireworks.gif"
7 z' [# |: w3 i 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)"
# n5 d" b% c4 M3 H width=60></A></TD>
! @3 _! N" B, s- t; ~4 |8 J" u. _ <TD background=files/index_flash2.gif height=60
' X+ ?/ ]; ]8 ~3 v6 C/ p width=60><A " N$ z7 H; f: c! N, K% f, ^
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
! b2 N. Q; [9 u1 z alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) , I$ g+ s& {5 R
onmouseover=nereidFade(this,100,5,7) # ?) @( r% i3 h4 L* w k) r1 U5 F' b- s
src="files/index_flash.gif" - k; d0 F: l1 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)"
+ G/ N7 X( h3 Z2 f M width=60></A></TD>
7 h* z( p* V" T- \# y0 A0 l3 h <TD background=files/index_photoshop2.gif height=60
1 I* O3 V6 j2 W1 L6 I width=60><A 0 t5 x! h2 ^, Y- q: D& q% W# ^: k
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; P7 b( p% r' m$ d, n alt="Photoshop 资源" border=0 height=60
@" N7 ~: K) _" p# v onmouseout=nereidFade(this,01,7,5) ! _2 U) X4 d: A+ [
onmouseover=nereidFade(this,100,5,7)
# p9 q, g9 F+ { H- }' e ?! i src="files/index_photoshop.gif" ' }; |7 L0 }" S! @
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)" ' S3 V! ]0 [/ t
width=60></A></TD>& Y( |4 i+ h4 O7 }/ {
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|