|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>$ \6 ~- \# P- C! S
<!-- Beginning of JavaScript Code -------------------
8 J9 W9 E y; B* }6 R3 p
* w% p0 z7 B: J! z" O R4 {nereidFadeObjects = new Object();! r6 F2 V+ e: ^; @, p9 w
nereidFadeTimers = new Object(); V& P& k H7 h8 E
function nereidFade(object, destOp, rate, delta){1 O- d/ p+ d" n6 g( A$ N
if (!document.all)
# o, K, E$ V7 I; t* v9 @3 d* Zreturn6 \ \" P0 G, a
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
- S$ z3 L. |4 W, T return;
& P% ^1 ^# M# o/ b* V }4 L9 A4 Y- A% u2 g$ m& I0 f2 F- _$ H
clearTimeout(nereidFadeTimers[object.sourceIndex]);
- ]- }4 P9 j' |# C diff = destOp-object.filters.alpha.opacity;1 ?* C- e* D* u8 ^6 O
direction = 1;- |( r8 ~' q) n* S- B+ _6 O' I
if (object.filters.alpha.opacity > destOp){
* I/ x; K. g: J direction = -1;
' Z4 N8 N4 w# R F6 q- u& { }
" E/ f" Q+ n8 h% \4 }! G) \4 } delta=Math.min(direction*diff,delta);
! S% R9 t Q. N object.filters.alpha.opacity+=direction*delta;0 f! S) c' a! u3 A) p
if (object.filters.alpha.opacity != destOp){" ~0 U* s* w$ x6 l$ I
nereidFadeObjects[object.sourceIndex]=object;$ s6 I, y0 |9 F' }; R0 z, s
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
% p& K8 x4 `# l; @; Y2 x }
. i" c. @) A ~6 d. K$ q4 d}
6 d/ Z( N- o2 R3 S/ ?1 A; u! a// -- End of JavaScript Code -->5 L# U3 m1 K; T( a
</script>
% H0 |9 W, R6 a: E- {0 J //修改下面的图像地址和大小
; t7 D+ J* ]# |+ \8 Q3 s/ c<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
/ K3 ~% V2 D- e/ U5 [" ~# k8 s <TBODY>/ j! u+ h2 P" [3 S9 U2 f
<TR align=middle>
, B) J4 V% h% z <TD background=files/index_dreamweaver2.gif
; p4 e9 C) V9 A& X' c0 ^ _1 M3 u height=60 width=60><A
+ |6 i1 {8 R% z' b! U href="http://www.hooji.com/java/display.asp?id=542#"><IMG 8 M9 Q8 a" r B# m& j5 ?* ^
alt="Dreamweaver 资源" border=0 height=60
" z" B" N7 N( [' v; ?& d onmouseout=nereidFade(this,01,7,5) 9 q% G/ m: |1 w: A1 k, k
onmouseover=nereidFade(this,100,5,7)
7 ^" c# @' D& K" O6 G1 E2 y+ f src="files/index_dreamweaver.gif" # i3 _1 q( q+ x+ {$ @
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)"
) B1 k( W8 ?3 h* t$ T) w width=60></A></TD>
* x* N9 L9 e* c; Z <TD background=files/index_fireworks2.gif height=60
. t5 H) f/ l s5 G" M% Q width=60><A
+ j2 B4 w. L2 l: R5 D+ }/ `9 D href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" D' j5 Q" v7 L: o) G alt="Fireworks 资源" border=0 height=60 1 m! K1 E6 Q. p' t; {- Z* X) @
onmouseout=nereidFade(this,01,7,5)
: c$ u" @+ m: [6 O Z$ W P onmouseover=nereidFade(this,100,5,7)
: Z8 ^. V$ | n* p9 H: U src="files/index_fireworks.gif"
$ X3 @; p) S8 T+ K: ]- C( T8 O 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)" + M9 X) `; o4 k5 B+ k
width=60></A></TD>* Q- g7 O* P' x, { f8 W; O' O
<TD background=files/index_flash2.gif height=60
9 r3 n( D8 J6 u width=60><A
7 P7 }* Q; m+ U% s href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
9 d& R) f, D' u, B3 Q; U, e alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
# f# f L" E+ o% K l' O S* X onmouseover=nereidFade(this,100,5,7)
- z" [ |+ p% v+ X src="files/index_flash.gif" ! D& k. r4 y* Q$ a9 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)" " j8 I5 E; u' l8 m
width=60></A></TD>
/ N* B! g7 P1 k( u3 x <TD background=files/index_photoshop2.gif height=60
7 E( ]) D6 k ^* I width=60><A
5 K, l8 G' T9 H/ t href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% a4 F3 [4 |& }1 ~% B% {, @ A alt="Photoshop 资源" border=0 height=60 , ?% {( ] [5 {: m% M4 F* C6 i; h
onmouseout=nereidFade(this,01,7,5) 3 q3 B+ k0 O$ K4 Z1 X4 o
onmouseover=nereidFade(this,100,5,7) / y9 D7 [& ]7 R% R5 k& ^7 D! u
src="files/index_photoshop.gif" & l% a; R, N( d" M
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)"
' g' p4 O$ d# M5 p; [* z width=60></A></TD>3 T0 f8 e+ ?% ?! U8 s; K
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|