|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>/ S4 Y n1 J+ n7 x9 d4 v& j+ @
<!-- Beginning of JavaScript Code -------------------4 R# y9 J* u% b' N
' H# I6 X0 ?9 B% e* y, LnereidFadeObjects = new Object();+ T3 w" @" Z3 |1 u! d
nereidFadeTimers = new Object();3 E3 s* a# @' q' Z
function nereidFade(object, destOp, rate, delta){2 W2 u" s! O3 K: z
if (!document.all)
! s8 ]4 w! o, y! u0 B$ D. Dreturn3 z- Q" w7 X3 |
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);9 p, P6 M) ~5 ]# ~
return;
9 ?! E! K/ F2 s1 {- Q }
" b' ~' V5 d+ m" x: ?1 H/ b clearTimeout(nereidFadeTimers[object.sourceIndex]);# l, ]; T7 z+ P6 z/ N+ a
diff = destOp-object.filters.alpha.opacity;
: ^$ c7 ?. ]1 W direction = 1;6 E. L4 d/ e( X( m0 R" ~, r
if (object.filters.alpha.opacity > destOp){# T$ D- K% O1 p) A+ R
direction = -1;
8 M. _ n" z% ]5 E4 j }
9 M/ T( h6 }6 D1 D* T2 R delta=Math.min(direction*diff,delta);
9 E3 @- ]" U5 Y9 A object.filters.alpha.opacity+=direction*delta;
- F. k7 I6 S: P- @8 e- m( R0 {6 m if (object.filters.alpha.opacity != destOp){ d3 N" t( d5 X3 U/ |
nereidFadeObjects[object.sourceIndex]=object;
% ]7 I0 [4 i8 g$ V8 n, } nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);, @6 b4 \2 a% @) U
}
: A; Q: n, M8 L" A3 M7 P}
3 c5 l9 i4 ]* u// -- End of JavaScript Code -->
% @/ L2 m) m% X! _" F% G</script>
5 W% E' r1 X Q) [: M9 i% G9 v8 s //修改下面的图像地址和大小
2 z3 ?9 ~7 k& h' N: u- [7 H<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
& ~3 {$ n1 f Q4 F3 { <TBODY>* P4 g- z7 v7 r$ i0 G2 B ^; m
<TR align=middle>
- X! g# I6 i& `/ b8 b9 W <TD background=files/index_dreamweaver2.gif
, w% ?0 T, g3 r# i' S height=60 width=60><A . l$ v* d' _' I6 x7 o
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 7 Z% `5 P" F2 L; J2 e4 y; l
alt="Dreamweaver 资源" border=0 height=60
$ x! Q) K& W/ d, _ onmouseout=nereidFade(this,01,7,5) ) E( l" V0 d; c, n. w) Y5 }+ r0 \
onmouseover=nereidFade(this,100,5,7) 5 x& I+ @$ C7 I0 V0 q* Q
src="files/index_dreamweaver.gif" 2 A# O9 t7 {; Q" L9 ?5 u8 s' D
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)"
+ ` C+ D* ?: s. @7 f width=60></A></TD>+ m1 r0 H* {/ E( L6 W: y/ X3 u! J
<TD background=files/index_fireworks2.gif height=60 ) |9 d1 E+ ?5 ?- f, s7 d5 W. T
width=60><A ( y6 U' `# a; {+ k/ }8 z
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 B) ~# q0 ]# r1 W& ~/ m& v alt="Fireworks 资源" border=0 height=60
3 [% i* _; |" K3 h4 j" _7 | onmouseout=nereidFade(this,01,7,5) r4 s T! _6 j
onmouseover=nereidFade(this,100,5,7) + C" X; M/ _: v+ g5 b3 r, x* @
src="files/index_fireworks.gif"
* q7 x4 H. y5 H2 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)"
: A* Q( N7 M) l/ X; k0 | width=60></A></TD>
3 L. z& ?: A, J1 P! Q <TD background=files/index_flash2.gif height=60
& M; Z: T! H; _7 m2 O width=60><A . g O, D: _3 x/ ]( T; W; A0 \1 E
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG $ Z' p3 [* t' t" e/ N% N- C& m
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
: |& R7 l! \' u8 s. ~6 P- G onmouseover=nereidFade(this,100,5,7) # [# [* `6 l6 L- b0 `: o
src="files/index_flash.gif" 8 \0 L2 i) q" p1 k
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)"
4 e. z6 k# W& z- O7 v2 U width=60></A></TD>* g; y. N+ V5 j" F. E
<TD background=files/index_photoshop2.gif height=60 + G: h( g- h7 ~: v- V; n! z
width=60><A ! j* O W/ h/ ~, b
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ) Z* k4 H# o# ~ M j# |1 r/ _
alt="Photoshop 资源" border=0 height=60 5 }1 E1 W0 v* }# d
onmouseout=nereidFade(this,01,7,5) $ w4 H% r' @' Z& {
onmouseover=nereidFade(this,100,5,7)
( X5 m: n {% G7 ^ src="files/index_photoshop.gif" ' R3 ]+ l& Z e. a p
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)"
" r' E0 r, y6 T3 Q width=60></A></TD>
+ L$ [/ s; I3 h, @4 D. V </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|