|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>1 C; _, l8 Z4 T; I) Z4 L* O
<!-- Beginning of JavaScript Code -------------------
3 m; M( U$ `, I2 p) L9 }$ {1 h) o4 L {: F; K$ F
nereidFadeObjects = new Object();
' g Z# c# G! K% rnereidFadeTimers = new Object();
( R( D4 e/ U7 h {6 cfunction nereidFade(object, destOp, rate, delta){
# S2 t7 @5 ^" F0 X+ P1 }" `6 T- J- Vif (!document.all)6 J3 g4 y7 m7 G! L& K) v
return) i6 m) f' t- w! Y; j
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
% b8 ~5 ~5 U# T$ |; s7 I2 p return;* X6 ]3 [1 Z/ W2 |. _# o
}
4 Y3 D6 A* [2 n$ ?% Q! q0 k4 _ clearTimeout(nereidFadeTimers[object.sourceIndex]);
' |5 l. X) z7 h4 d' [ diff = destOp-object.filters.alpha.opacity;
3 n* p( U6 g* |, ^5 O direction = 1;: o' \+ m' f8 P9 Q: U# V' e
if (object.filters.alpha.opacity > destOp){- Y/ t: E6 |' ^% w- _. G* v; d
direction = -1;; n& S- I6 s: a
}
" L9 s$ h# A' K' M. J delta=Math.min(direction*diff,delta);2 K G9 Q( |2 h$ _
object.filters.alpha.opacity+=direction*delta;% H" [' f$ i; A" t3 Z0 z
if (object.filters.alpha.opacity != destOp){, W3 F3 |- S. O! G
nereidFadeObjects[object.sourceIndex]=object;
% |& {( z; z0 p0 ~ nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);- | S, g) s+ O( ?5 w; `
}$ w7 R6 S( w/ ]& `- W
}: Y7 A+ F: ~0 {) J/ B
// -- End of JavaScript Code -->
* k2 q, {$ p3 ]; @$ A! H4 p</script>
! a2 ^/ O: W n, y //修改下面的图像地址和大小! Z5 P" n0 }( b) M" Y: j* t! W
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
1 i& ]5 P4 r3 r <TBODY>
6 X M$ a- {1 K; X, W' V* \8 ` <TR align=middle>: s: V6 R6 Q5 t* o
<TD background=files/index_dreamweaver2.gif 6 K* O0 y: c/ i5 D) U2 X1 R
height=60 width=60><A & f) i, p& }* j) j* J' i8 A! O7 k
href="http://www.hooji.com/java/display.asp?id=542#"><IMG . D1 u+ v6 I4 V2 \+ D9 m0 _
alt="Dreamweaver 资源" border=0 height=60 ) F \9 T0 N. M
onmouseout=nereidFade(this,01,7,5) 3 q4 b2 j5 u3 R% a. h# Y: }5 D
onmouseover=nereidFade(this,100,5,7)
: r- U$ Y9 ]9 E1 z d src="files/index_dreamweaver.gif"
' l# V" [ s: M$ h+ q 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)" ) ?' S( O/ `+ o- D9 k6 E
width=60></A></TD>
5 q# r9 `: m; N3 R <TD background=files/index_fireworks2.gif height=60
" r; `3 H! p5 A& b& w width=60><A
0 d( j4 B1 X+ k: K- P8 E- y) `$ i' c href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 f C! k. C) P i8 S, L alt="Fireworks 资源" border=0 height=60 , b# \5 O! p; k* T; \% f
onmouseout=nereidFade(this,01,7,5) , q: @8 `4 ~( X) O) V2 o6 Y
onmouseover=nereidFade(this,100,5,7) # {% b2 B- o6 y, j' a
src="files/index_fireworks.gif" 7 K- H. N' f' V' D+ h
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 a( d4 X3 A$ C& i5 e6 v4 |6 O) N
width=60></A></TD>
2 z- i1 j* e0 E& ^: m <TD background=files/index_flash2.gif height=60
) L1 R7 E6 o4 i2 P" ]8 P3 r, L; }1 R width=60><A 2 Z# b( g$ I3 C* X
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG & s: x9 o% x( [! c) x
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) & m+ u) j. v7 Q: R. F
onmouseover=nereidFade(this,100,5,7)
. q( P6 g* t: f: A! k src="files/index_flash.gif"
8 B, r% x5 L5 i& V% |$ Z- c( 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)"
) i9 f* ]- I- G4 D width=60></A></TD> q1 j9 \5 L! b6 w
<TD background=files/index_photoshop2.gif height=60
9 v, B6 p; ^ D7 b4 J3 |/ X width=60><A * U/ _- |* u, D; R# `: ~$ |
href="http://www.hooji.com/java/display.asp?id=542#"><IMG / @) x$ d+ B4 S! }
alt="Photoshop 资源" border=0 height=60
Y4 Y: [3 G( L onmouseout=nereidFade(this,01,7,5)
8 d7 |* ^! d2 H8 u! x onmouseover=nereidFade(this,100,5,7) O$ S& g! E: b: O# q6 G; C
src="files/index_photoshop.gif" 3 d! n+ B$ W9 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)"
! y' ]) J6 R+ @9 y& m width=60></A></TD>, ]8 V. n0 o7 S) U z% C
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|