|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>( A/ K1 O3 R& r! f4 w; X* V c
<!-- Beginning of JavaScript Code -------------------, h$ `% d4 P1 @" ^, w9 b
) h# m& q6 ^ O! h
nereidFadeObjects = new Object();
5 s1 f8 k, }# d5 dnereidFadeTimers = new Object();% ]2 T/ A6 w1 ~( x; X# ]" V
function nereidFade(object, destOp, rate, delta){
2 A6 S( g' ~0 o4 D! P5 Vif (!document.all)2 K) g( m/ X9 ~( ~9 y; R% |
return
/ g3 Y3 E w3 S9 P if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
: g: f8 }2 y: a: Z0 K return;% S( o/ N% i4 j# a+ D
}
, U6 |2 j9 p7 [ clearTimeout(nereidFadeTimers[object.sourceIndex]);
- }7 |+ E5 R. P* O: s diff = destOp-object.filters.alpha.opacity;
4 y. [7 J4 u6 ]* j/ m+ }6 s4 ^ direction = 1;
5 P! ^* s: m. v if (object.filters.alpha.opacity > destOp){! y% a2 M4 v& G; Z
direction = -1;
: Z7 U ?6 X; g3 W }' S- z2 T/ I, |+ A1 [& B2 m
delta=Math.min(direction*diff,delta);
: x1 L/ _9 |$ W+ h object.filters.alpha.opacity+=direction*delta;& X: |" H6 T! B0 N2 v: b; Z; E5 w1 y
if (object.filters.alpha.opacity != destOp){
: n/ L: |* X, l nereidFadeObjects[object.sourceIndex]=object;
1 u/ m1 ~( v7 e nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);( G+ W- I$ m# s' d: c9 \9 h# D
}
W! j- e3 _- A {6 F- g% a, y}
, J, L( {* c7 v! @) a// -- End of JavaScript Code -->, D& @$ l% m1 |, p6 m
</script>! A" h% z& i& I. E" R& I* W. C
//修改下面的图像地址和大小
k( }8 V$ ^1 v<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
. L d/ o) H) ^ b q" c. | <TBODY>3 I9 t% i' C& P+ L2 ~
<TR align=middle>
# j* V, x- b3 y& k- c, t <TD background=files/index_dreamweaver2.gif
% S9 _/ Z" G( c. f8 c% f height=60 width=60><A # Z0 z+ \2 {1 d( p' t4 B: P, G: G3 [
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& c- a& x9 @' ?4 w/ [& H$ y alt="Dreamweaver 资源" border=0 height=60
0 T& b. v4 e- k( J ?, z onmouseout=nereidFade(this,01,7,5)
3 O- r: X7 l6 Z, { onmouseover=nereidFade(this,100,5,7) * O- a7 L c0 r5 u7 E6 T5 {/ u
src="files/index_dreamweaver.gif" 3 i1 T" W- u% [- B- c8 _: X* S4 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)"
3 p' S. r! K9 ~1 W width=60></A></TD>& Y/ t! v1 J0 U. M6 Y# u
<TD background=files/index_fireworks2.gif height=60 * }% h D- y+ {& [
width=60><A & F( o1 G0 v" E# p+ M
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; d& c @8 I2 B3 o1 f alt="Fireworks 资源" border=0 height=60 ) ?/ I: O8 h$ P( ]
onmouseout=nereidFade(this,01,7,5)
: C5 Z% U9 a" q. ]* k7 N. j onmouseover=nereidFade(this,100,5,7) - G$ `, m. X# u S
src="files/index_fireworks.gif"
1 i2 ^3 e4 i( i9 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)" & R) k* b2 B" j2 E2 P. ?
width=60></A></TD>$ \4 V4 m) r7 x2 M5 |4 j3 G
<TD background=files/index_flash2.gif height=60
7 L' h/ c2 [. h4 D; \ width=60><A 1 X$ }# D3 A8 D1 d g
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
' ?* t- n, G' w s alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
$ i8 K& f% m- R1 w onmouseover=nereidFade(this,100,5,7) $ Q" u" X6 I/ }0 W; W9 R
src="files/index_flash.gif"
, f& ^$ m8 H# L& E 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 i1 ^: P. d" b" S* j width=60></A></TD>8 c- z* |. e+ x. p n# D) S+ T
<TD background=files/index_photoshop2.gif height=60
! q% q7 l4 p" W# I4 T width=60><A 8 W+ K3 D2 L8 [! [+ |
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 j5 `( ?: ]: O3 q4 A alt="Photoshop 资源" border=0 height=60
; b$ p( b% @4 X onmouseout=nereidFade(this,01,7,5) 5 O y# ~5 d( l" g: T) q
onmouseover=nereidFade(this,100,5,7)
6 K5 W# c' u5 f5 {& F% w5 `" J src="files/index_photoshop.gif" 0 f1 a) ~- {6 g3 j( g7 S
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)"
% V3 R- h& j/ {. o+ ^ width=60></A></TD>. E" j! R3 R/ A% |
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|