|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
; y# V! A( ?1 m4 q6 O<!-- Beginning of JavaScript Code -------------------# v8 B/ [, {2 w2 o7 D
. ]& y& w3 K; u( Q% {) L; B. m
nereidFadeObjects = new Object();; ]5 D5 e3 L G x9 d2 G
nereidFadeTimers = new Object();3 S {7 j" x' ^: h9 `
function nereidFade(object, destOp, rate, delta){
: W# D) Q8 G5 G/ i t' ]. d9 B* `if (!document.all)! t; j* F; B% k1 J, k- h3 b! h
return2 R2 S& u7 [9 \: l
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);0 {# v" I1 Y( @% C9 F
return;
" v( s2 ]5 Q5 Q' ] }1 ?5 U: ~+ M E
clearTimeout(nereidFadeTimers[object.sourceIndex]);
! }7 c2 w6 s: t* _& t7 m diff = destOp-object.filters.alpha.opacity;
6 M4 d! w- }0 S direction = 1;( D8 d/ H+ s: ~: ^ Y4 ]
if (object.filters.alpha.opacity > destOp){
* v z( S4 ~3 A5 u* `+ { direction = -1;! P) [: m( |4 f4 A, l
}5 Z4 y# s) a) }# \0 ~ {# k
delta=Math.min(direction*diff,delta);
1 n" u, [8 v" o" j# |( V object.filters.alpha.opacity+=direction*delta;
2 m# I8 R! Y+ q$ b4 j. I+ e0 a if (object.filters.alpha.opacity != destOp){* |8 D8 M/ T# r- U2 ?3 H( i0 W
nereidFadeObjects[object.sourceIndex]=object;7 \( @: N$ _5 I2 v
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
2 D9 f. E2 k- M! \4 k" x }
+ o2 \9 r1 m7 a* x4 Z7 ^}. P5 v" I4 T0 N' m) T2 N
// -- End of JavaScript Code -->
4 h3 o% g- e# n5 j</script> J/ @4 H( z0 h( e6 v) d4 N
//修改下面的图像地址和大小5 w s% Z3 A' y8 V: S9 r
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>! `& N5 G" k+ _9 k. O
<TBODY>. |- ~- F) k) O( m! ~0 ^% ~& W% x1 s
<TR align=middle>
1 `8 p+ m5 B3 j6 ?, H7 c <TD background=files/index_dreamweaver2.gif 9 ]5 ^0 w" m' V* [" D
height=60 width=60><A 8 e( t5 E8 w4 _) o0 L* C5 T
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. t! I: ]5 {$ W alt="Dreamweaver 资源" border=0 height=60 7 F6 z" o" H% K
onmouseout=nereidFade(this,01,7,5) * b# `8 y' C: r
onmouseover=nereidFade(this,100,5,7)
- ?. ^' |: [+ i* B src="files/index_dreamweaver.gif" 2 \3 R3 g- n& d6 ^: P0 c
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)"
% V4 p$ e, q8 x" [: G width=60></A></TD>- Q9 T0 T# Z8 ^% O8 A
<TD background=files/index_fireworks2.gif height=60 - o4 F6 S/ ^7 ~" e3 C% s, e
width=60><A
* L3 }9 \4 x) w+ H! A6 _8 H o href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& [: |% [$ V) v; x0 l( r6 ? alt="Fireworks 资源" border=0 height=60 7 g* W: z& h2 k3 v- w
onmouseout=nereidFade(this,01,7,5)
0 h/ z8 K+ h7 Z" F onmouseover=nereidFade(this,100,5,7)
4 B8 `: z- m. ]) ]6 D' u src="files/index_fireworks.gif"
$ a, N% k4 H7 }% w; 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)"
# N- a a8 N7 L) a width=60></A></TD>
* c) F F9 _' p0 u7 n4 i& C <TD background=files/index_flash2.gif height=60 # S) `1 t6 q8 U) _
width=60><A - m! V G) G" `7 U4 ]
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
v$ l* m8 T$ N* C alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
: e6 r) j7 O" K ^# l onmouseover=nereidFade(this,100,5,7) , Q( R- n5 F- l* c7 b- }, m! F
src="files/index_flash.gif"
% g5 F2 H. m) [) 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 l3 G" b) D u: W width=60></A></TD># M2 f! w! b! D
<TD background=files/index_photoshop2.gif height=60
8 l" N8 F- a E) c# s' G width=60><A
5 |; ?6 ^+ T2 ]2 `1 ~: l) C) e href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: W8 @. E5 R* b, j1 C$ A alt="Photoshop 资源" border=0 height=60 $ I5 y1 m3 v0 v6 S$ }
onmouseout=nereidFade(this,01,7,5) % T+ p n; |$ r: I
onmouseover=nereidFade(this,100,5,7)
4 D, s# v" q- F' Q/ g src="files/index_photoshop.gif" # l/ x' u0 _ j6 {( d- z
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 Y8 H7 i# O/ |
width=60></A></TD>) P! m2 j2 M! ^" v/ Q: d& ~
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|