|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
" k& _) s: V a/ l& P' V, \<!-- Beginning of JavaScript Code -------------------
# P2 _$ e/ P o* a4 c' ~ C! z; E: z
nereidFadeObjects = new Object();
% j9 S( y2 ~0 G! a8 XnereidFadeTimers = new Object();$ |. \. f5 i* A. D2 ^+ r4 g
function nereidFade(object, destOp, rate, delta){
9 u0 D' x. X0 L& c/ Pif (!document.all)0 x% o4 |5 O; T2 z. ]7 U
return, q& q: c8 I" R3 L2 K6 f6 [5 w
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);( [6 S7 m! t- N6 o1 N
return;
( J; ^1 |; z- Z. g5 s( G }# ^% I* i9 `$ ]8 J3 r/ w7 r' C) ~
clearTimeout(nereidFadeTimers[object.sourceIndex]);3 j( y7 \3 S, ]# u$ o9 {
diff = destOp-object.filters.alpha.opacity;0 t% [7 o) p& g" U0 [. w* D
direction = 1;6 [2 _+ d+ V. @! Z
if (object.filters.alpha.opacity > destOp){
6 V+ a3 b0 [8 y! ~ direction = -1;5 V( x' U" v+ c, q) V0 J
}$ `0 E; ~- ]3 n0 b( o; U
delta=Math.min(direction*diff,delta);: w# r; k9 N. R! ?6 u% J
object.filters.alpha.opacity+=direction*delta;
3 D: T8 S+ x; B if (object.filters.alpha.opacity != destOp){
" m2 U" X+ c/ {$ n nereidFadeObjects[object.sourceIndex]=object;. G5 Q% C- |# z2 j( e! G
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
Y4 Q, W& h: F$ W }% Q# N( j- ] n- { N
}
: W' a& k0 F) D$ C// -- End of JavaScript Code -->9 a V- v, k+ ^2 e/ U) z% i! g; \
</script>
7 r1 ^# d5 b2 d7 j% ]# H' D //修改下面的图像地址和大小
. Z* e- _8 p* s& @/ [$ z( L) S<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
6 k5 Y6 ]* C+ r9 d# I5 s+ K# d <TBODY>
" y' }1 t; g# m( J) C3 B <TR align=middle>
/ b" X ^2 j- z- u3 O2 J8 w <TD background=files/index_dreamweaver2.gif
! H* J7 n2 W& H, D9 D) h height=60 width=60><A
2 F, H. A9 O- Z4 X href="http://www.hooji.com/java/display.asp?id=542#"><IMG
9 r: E, c9 e9 s- Q$ e alt="Dreamweaver 资源" border=0 height=60
- q9 [* A, T f$ B# I onmouseout=nereidFade(this,01,7,5)
( z/ x5 q. J# e! V onmouseover=nereidFade(this,100,5,7)
4 r, Z1 t0 q* W8 @% h! F1 b) E# T src="files/index_dreamweaver.gif" 7 f3 N6 @5 u" C1 Y8 d, O; w9 J' t( g
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)" 5 e/ d7 l4 ]4 |1 T* I O
width=60></A></TD>$ b J+ y5 O2 G
<TD background=files/index_fireworks2.gif height=60 ; f: r8 ?, F% z
width=60><A 0 V! Q9 F/ n, `% n& x* T- s7 F% \
href="http://www.hooji.com/java/display.asp?id=542#"><IMG $ O0 [( G1 h! \
alt="Fireworks 资源" border=0 height=60 5 \) O8 ?- F |! q5 f4 O: @
onmouseout=nereidFade(this,01,7,5)
$ [% l" s: I8 G5 o* f onmouseover=nereidFade(this,100,5,7) 4 s7 P* i7 F% X. X \
src="files/index_fireworks.gif"
, P/ B( L- V" {; \ 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)" ! n3 i8 g% l( ^& N* |2 ?0 L1 W
width=60></A></TD>8 w! J* i( H o2 W- E; ^7 t
<TD background=files/index_flash2.gif height=60 / j$ z) N$ }2 S9 N
width=60><A
. l a6 k6 l1 F* v href="http://www.hooji.com/java/display.asp?id=542#p"><IMG N& b) Y: D e! p- e
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
; r8 s1 Z9 p( X: B# N onmouseover=nereidFade(this,100,5,7) . h$ e! u5 \4 d
src="files/index_flash.gif" * w& u( V# I) n8 _; ]7 p- 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 \9 I+ g& F) X3 V1 q width=60></A></TD>/ q" d6 f2 b% s: l! v
<TD background=files/index_photoshop2.gif height=60
: {. N5 T) }" N width=60><A ! F& ~8 B. x5 A2 W9 X
href="http://www.hooji.com/java/display.asp?id=542#"><IMG M% h; Z( ?5 f0 \$ |' u
alt="Photoshop 资源" border=0 height=60 * o6 k2 m, r* }: Y% K, j. w
onmouseout=nereidFade(this,01,7,5)
: N U' p* a I/ X# y4 x onmouseover=nereidFade(this,100,5,7)
3 i/ f Q- T' y+ @/ r src="files/index_photoshop.gif" " I& t. ~0 \! p, u
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)" ; n4 j; |; [8 c, h
width=60></A></TD>
5 W, J% E1 v, O </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|