|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>! |+ o9 n/ S' c5 j1 K
<!-- Beginning of JavaScript Code -------------------
+ j) { Y4 }6 | O; i- R0 @+ r4 u& p8 x# o& \3 U5 L- \
nereidFadeObjects = new Object();- ^0 Q Q9 R( V3 a& w, L1 P1 {# [9 X
nereidFadeTimers = new Object();
N$ A _: I: ]5 bfunction nereidFade(object, destOp, rate, delta){+ B2 o1 ^, h# Y3 b( U C2 y
if (!document.all)
. U+ W( B2 n6 \4 i- i+ E4 vreturn
' J+ D; c3 x* H$ [ if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);6 t1 J U9 W0 g
return;
2 s2 E. p5 b# Y* e }( s! C, w7 k/ {$ h' \3 L
clearTimeout(nereidFadeTimers[object.sourceIndex]);
0 ?0 ]5 n, t `$ P( R$ z diff = destOp-object.filters.alpha.opacity;
) s* {8 b' L- K) O direction = 1;
( E; u, h2 m& `4 J9 H if (object.filters.alpha.opacity > destOp){
& ^# U5 E& m$ n0 m) T* i9 ^' g direction = -1;5 E S! R" L4 c4 n# y0 U/ {9 c
}
. \1 C$ v' o1 u/ Z; ?; m+ w& P delta=Math.min(direction*diff,delta);
1 Y g' D, a! i' |& e object.filters.alpha.opacity+=direction*delta;* Q; B% ] K6 M. ^7 \: ]2 X4 N
if (object.filters.alpha.opacity != destOp){5 h! t- G; x I3 G4 }" W& _
nereidFadeObjects[object.sourceIndex]=object;
! Q4 |5 f* U/ ~" W nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
. u5 `8 f/ j# V3 ]( u } r1 A# U1 c" s$ ?1 y
}
- C9 P1 b" f) R8 `$ d) p) |// -- End of JavaScript Code -->
. I# ?5 t2 ?' c</script>
8 d- t+ E4 r% S //修改下面的图像地址和大小
) C% S4 V+ h4 ~2 x<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
7 l7 E6 l4 j, u# f& l9 \- G- b, ^ <TBODY>9 W9 g9 }: c6 V! f$ v( ]" t8 ]
<TR align=middle>! z+ u( D. T* c) W8 Y% v
<TD background=files/index_dreamweaver2.gif g4 r& x/ e% l* V" H0 t- `
height=60 width=60><A
$ Z! T2 ]1 J- F href="http://www.hooji.com/java/display.asp?id=542#"><IMG
5 b* @0 `" u9 h- ^ alt="Dreamweaver 资源" border=0 height=60
% S* ^5 E9 _; {2 i) p3 X4 R onmouseout=nereidFade(this,01,7,5) ; n6 W: X$ f2 s4 w9 E- f2 R# v
onmouseover=nereidFade(this,100,5,7) 2 _/ C# p# _+ ?
src="files/index_dreamweaver.gif" # x: ]$ C4 t, u1 E) S" [/ 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)" ) Y- `+ o2 `" [0 q1 K$ Z5 \* b
width=60></A></TD>
2 F4 c" T* X& @& C& g& x <TD background=files/index_fireworks2.gif height=60 - J, L- L; H. O# Q
width=60><A
1 W4 \) ?# S+ _# W* `" J7 } href="http://www.hooji.com/java/display.asp?id=542#"><IMG 8 \9 j2 S+ F* V' G
alt="Fireworks 资源" border=0 height=60
* X* _2 x, `) l- T* w onmouseout=nereidFade(this,01,7,5) " z7 L" f1 ]) @ v
onmouseover=nereidFade(this,100,5,7)
( o6 [ ]0 U1 b: I% y# G% e. H src="files/index_fireworks.gif" 7 G3 I( { 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)" ) P' Q- \0 ~9 `1 s+ x0 Q
width=60></A></TD>
" B# o y2 o5 L% m$ ~, Y. |5 ` <TD background=files/index_flash2.gif height=60 ; s4 K3 t5 m* b# D4 J
width=60><A N$ I) g! |6 E; W
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
0 Z) z$ x& o& m* L" W: { alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
7 \% v2 l% x2 l9 B onmouseover=nereidFade(this,100,5,7) $ Q+ M: @% y+ y+ _+ o
src="files/index_flash.gif"
0 c5 Y) u J; |/ {# 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)" # T1 w$ k2 k' Q
width=60></A></TD>
! _, O: l% w/ O' Q8 [) w <TD background=files/index_photoshop2.gif height=60 0 v9 Y# c1 b$ N& L" G, ?5 s( j) a
width=60><A & c: e4 r* w( G
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 M* O# I/ Y% o* k alt="Photoshop 资源" border=0 height=60
. r& w( g1 s$ {) L3 U onmouseout=nereidFade(this,01,7,5) ' i4 w8 t* S7 u$ U
onmouseover=nereidFade(this,100,5,7)
" D3 P, g: Z- V3 _4 P v src="files/index_photoshop.gif"
4 ?# Y" j4 I- D6 I: F0 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)" : f1 D& l2 Y5 ^/ P
width=60></A></TD>
, X- n$ O4 w$ `; j7 y' a </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|