|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
/ y, Y/ V. v# V& u5 j# K: C3 t, P<!-- Beginning of JavaScript Code -------------------% R9 p4 f" Y Q7 u1 W: F
8 b/ u1 u" Q. s( {# y
nereidFadeObjects = new Object();
; u8 `% \. T; M1 S* w% |1 c, RnereidFadeTimers = new Object();
6 R- J! M9 V3 X! \6 {; d( @& Vfunction nereidFade(object, destOp, rate, delta){8 c' Z! P% [1 @& {" ?3 t1 Y
if (!document.all)7 w; b3 X# f. T5 C& D
return9 z( R/ K1 q" {: c* j
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);% N2 o2 ?- \1 m2 j
return;
) V0 X) Q1 ?3 Z. g/ z4 m; {( I* S }
. Q/ U7 h/ l1 i5 U3 I clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 U! Y1 `& \& A2 o3 ]8 y) T2 ` diff = destOp-object.filters.alpha.opacity;
. w$ w9 I1 Q' Z4 O direction = 1;
% j5 Y9 L8 c( g$ H& _& M if (object.filters.alpha.opacity > destOp){
. w8 E- D) W1 c5 }- r direction = -1;2 O! Y% ?/ w8 D3 }& I. S C
}
; S& Z: _' @: `2 C% B. { delta=Math.min(direction*diff,delta);
& l% T" W7 w2 {- Q7 t3 C# ~# _ object.filters.alpha.opacity+=direction*delta;
: b9 k) L- W, K2 P if (object.filters.alpha.opacity != destOp){
5 {# X7 v' E8 f% u( Z nereidFadeObjects[object.sourceIndex]=object; L$ q6 t# W# e
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);- Q% O- Y, ?% Y* @- s" V6 p% m+ |
}
- R5 }% v+ `& A; n7 q6 ^8 W}# s' h# {0 a# J1 T) K
// -- End of JavaScript Code -->
& R- x: U0 w8 W/ y: X7 I( y, a</script>! b2 ?2 {8 i+ C* W4 Y
//修改下面的图像地址和大小
2 _' _7 r! h; Z0 z1 ^) [$ v- d4 V<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
" j; S" ?, f- g1 Y" k7 S' O5 X; `8 ^ <TBODY>9 }2 e+ E' X! J8 k+ d2 r( X
<TR align=middle>0 Y% o0 E! W1 G% T( z
<TD background=files/index_dreamweaver2.gif `9 M6 {) }' e: x3 k1 X
height=60 width=60><A
! |( z5 V7 |. i( m" {5 d href="http://www.hooji.com/java/display.asp?id=542#"><IMG / J8 t) H' F5 b5 s; c% U9 Z; m
alt="Dreamweaver 资源" border=0 height=60
2 R7 Y# w8 B, C onmouseout=nereidFade(this,01,7,5) ) T4 W2 \$ ~+ C: N/ o: j; _5 C
onmouseover=nereidFade(this,100,5,7) 3 `; s* a( R7 M+ p7 A# Z
src="files/index_dreamweaver.gif" 6 M* ~* D: u. _- a% I; Q' r
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)" 1 y0 d5 ~ E H
width=60></A></TD>: M- U7 H, {! t/ e. L W% M
<TD background=files/index_fireworks2.gif height=60
$ r: F% X4 Y; s8 [. k | width=60><A 6 `$ m; @* m2 I$ d, q
href="http://www.hooji.com/java/display.asp?id=542#"><IMG / n- U& Z9 _" u
alt="Fireworks 资源" border=0 height=60 7 |- o* { h, |8 z) b+ c" U& ^
onmouseout=nereidFade(this,01,7,5) * z5 K I; W; t( C4 I! H- k$ q' {; f
onmouseover=nereidFade(this,100,5,7) 0 e% x8 o- w5 P6 S
src="files/index_fireworks.gif" & z3 G5 ~' |% |
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)" $ z# Q$ `6 i5 E( }
width=60></A></TD>4 `6 w0 v" {& o3 g# W8 I$ n/ R
<TD background=files/index_flash2.gif height=60
1 V% N1 ]# {( K! B( z width=60><A
. z7 q( W8 C8 j' t( i href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
9 ~' ?: l3 E1 b( s3 `0 s3 s3 S alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
5 l& W& d T) s onmouseover=nereidFade(this,100,5,7)
/ F* u/ U: u' v# w src="files/index_flash.gif" # W7 q" l# {2 ^ y8 X+ l6 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)" 2 p) P- H( I. n" R [3 E1 O
width=60></A></TD>- n! F M4 I/ h- y
<TD background=files/index_photoshop2.gif height=60
& T4 J" z/ n _2 L. i width=60><A ) `3 n! S% _1 q1 Z2 N
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ; @" G3 ^" a ~$ U" e
alt="Photoshop 资源" border=0 height=60 8 m1 S, Z9 c* ] c2 o
onmouseout=nereidFade(this,01,7,5) 4 w# J" Z5 G5 j. {8 X2 t
onmouseover=nereidFade(this,100,5,7) . E8 S) I7 g" G+ s: y! k; V& s; c
src="files/index_photoshop.gif"
4 \/ J, @8 ]+ k/ 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)" - i) ~0 v f; ~+ F0 m
width=60></A></TD>
) ^/ u* _ t/ Y5 u& G </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|