|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
$ ]# M! t+ ?8 J. \' L<!-- Beginning of JavaScript Code -------------------7 M0 Y2 q) c$ b2 j3 S; B
* f' T/ e; j7 t4 R! `7 J# dnereidFadeObjects = new Object();5 L8 O$ b8 g: j, L
nereidFadeTimers = new Object();8 u* ]2 O& v7 ^2 v, y# K9 |5 @7 k
function nereidFade(object, destOp, rate, delta){7 ^6 V$ o7 e" z" B1 L
if (!document.all)
8 g7 H- G1 W M N; Z( [return1 Q0 b0 K) M& h5 [1 e
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
" L2 j$ \; ~1 B3 x/ k return;
+ p; f O% E3 l0 P) ]9 e0 Y }! b$ [6 ^& b5 O) b; N
clearTimeout(nereidFadeTimers[object.sourceIndex]); d% a8 ?9 c$ C% s
diff = destOp-object.filters.alpha.opacity;" b% Q5 @( @) L# n8 |0 L
direction = 1;
+ C+ u, B- n6 F0 ? if (object.filters.alpha.opacity > destOp){
8 c) S5 ]" u$ n( k7 o direction = -1;) e. ^$ ^4 Z8 j
}/ N4 ]5 A3 o% V- o
delta=Math.min(direction*diff,delta);
) `, z; n- o( P0 B8 L object.filters.alpha.opacity+=direction*delta; L- q8 R% R- W7 A
if (object.filters.alpha.opacity != destOp){
. N: N* M; `! q% n: U2 q nereidFadeObjects[object.sourceIndex]=object;5 i |: }& {: V2 d
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);6 M2 X P5 K7 r9 e; K( b
}
# k! r ~3 C$ e/ z}0 ^! `( x& r3 k% L% x: r! T8 o; D- |& W
// -- End of JavaScript Code -->
3 ]# \, J' {' |0 J L p</script>8 M0 N/ [1 G/ h9 \: F9 E" M+ J
//修改下面的图像地址和大小
4 g8 H6 m& M2 h& G0 Q<TABLE align=center border=0 cellPadding=0 cellSpacing=1>- A q/ R5 e w9 S: B; `
<TBODY>
6 |. \; c/ k1 L7 Q7 ^8 J# }/ x, v <TR align=middle>
% l- {6 M3 c m& L- u <TD background=files/index_dreamweaver2.gif
8 ?$ g) Z" }, w0 w8 }. Y height=60 width=60><A : @5 ?; h1 ?* c% X4 Z7 p/ L
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' s% ~/ [) e* K- { alt="Dreamweaver 资源" border=0 height=60
3 I$ q, \% G! e onmouseout=nereidFade(this,01,7,5)
( U; h( u& i/ s4 y9 D' N onmouseover=nereidFade(this,100,5,7)
5 |- a, }: x$ w& } src="files/index_dreamweaver.gif" " n/ m' V* c6 ?& T1 ^* q8 _
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)"
, @% K7 G/ I7 \8 K# j0 ^# j) R' g width=60></A></TD>
* i. J& l+ o: O7 B9 k5 G8 a6 B <TD background=files/index_fireworks2.gif height=60
8 J* U8 i5 b0 g8 }! |7 p6 |( r width=60><A
8 s$ ~0 T$ z3 U5 Y href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' `0 W; h' Z7 E
alt="Fireworks 资源" border=0 height=60 z, x% k- P$ A
onmouseout=nereidFade(this,01,7,5)
$ m! G2 ~4 g% d" f, E: ]' S& S# ? onmouseover=nereidFade(this,100,5,7) ! u0 W, u! c k/ d- w9 g3 v
src="files/index_fireworks.gif"
6 r! A: e( P5 ~9 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)" . z: u. t7 M, f# ? ]
width=60></A></TD>- T6 z1 P6 P" H. P5 G
<TD background=files/index_flash2.gif height=60
& F! R7 D! p$ Y1 L width=60><A
8 T! I/ j. u8 m6 l/ X# w: [9 C href="http://www.hooji.com/java/display.asp?id=542#p"><IMG - R# ~* D% [3 K
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) . f# y7 W8 X" V$ S
onmouseover=nereidFade(this,100,5,7) $ } D8 c' |8 I/ J5 {! y/ u
src="files/index_flash.gif" : |' k# q8 ]" Q7 J
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)"
7 \& _$ ]" {1 ~% H- w8 e+ { width=60></A></TD>% P+ q' d( K' b G# N8 U3 A, J
<TD background=files/index_photoshop2.gif height=60 0 A. V- k3 N/ v0 Z% s; M2 M
width=60><A
9 M ^3 S% z; ]; ~ href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: q& h5 ?; ~ R% V9 ~9 F alt="Photoshop 资源" border=0 height=60 ) [8 h! n0 e* i; ^
onmouseout=nereidFade(this,01,7,5)
) A' s6 o- t) n: V$ t7 I onmouseover=nereidFade(this,100,5,7)
) _4 C2 y! X9 k0 m src="files/index_photoshop.gif"
- l! J1 K0 P0 i2 |& j 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)" " J! D# x& B- @ h
width=60></A></TD>
8 U5 C5 m1 g# f4 a- K </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|