标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
& Q- B# j, I3 A
<!-- Beginning of JavaScript Code -------------------
Z9 P* P7 P3 J# ]
" _) z L8 m, j
nereidFadeObjects = new Object();
& _; B# p- @4 _* y) Z
nereidFadeTimers = new Object();
8 G# S9 S4 R. T+ K; k
function nereidFade(object, destOp, rate, delta){
5 p& z6 L! p1 p3 C: O( J+ E
if (!document.all)
( i4 o$ J5 q# Z% ]5 g
return
! s$ j, f/ _, n+ L) ?- L
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 T* M2 W" a) q9 \' L
return;
$ g/ n6 X0 E+ e; C8 d
}
# [# q/ H9 Z& @0 N# N- b5 n0 V
clearTimeout(nereidFadeTimers[object.sourceIndex]);
3 E/ l, O% Y I# Q G% \
diff = destOp-object.filters.alpha.opacity;
6 N7 r& g0 X% |6 c" v4 B6 Q
direction = 1;
- A7 D8 q& W; O! q" V
if (object.filters.alpha.opacity > destOp){
5 W) h9 F# p. P2 C
direction = -1;
, y/ w7 v. M! H; w8 M8 i
}
, ^' K% `2 u8 ~( y8 P$ A" J
delta=Math.min(direction*diff,delta);
2 ]1 r# h: {# V; [
object.filters.alpha.opacity+=direction*delta;
% f; B4 k& V, }1 Q) |' p% L
if (object.filters.alpha.opacity != destOp){
6 x: g+ |5 ?7 J; ?+ d' q
nereidFadeObjects[object.sourceIndex]=object;
% k3 l) W( V& B$ ?! g
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
& k7 u3 b2 ~5 {2 T) m1 o$ d& Q [; }
}
2 x" r# i, ~( O
}
( K& F& n* _. T$ O( s! }+ S: g' j
// -- End of JavaScript Code -->
6 P) V2 J8 {" @' g; w5 @$ @
</script>
9 J# w% H% f8 V! `- O+ c
//修改下面的图像地址和大小
6 V; |& M5 U1 D* k- W
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
( b$ M+ M2 N$ I" p+ V) Q' j! ]5 X
<TBODY>
, N6 g& K, X! `7 J x
<TR align=middle>
# d/ N2 y0 v3 j; j" @+ K
<TD background=files/index_dreamweaver2.gif
) y- m3 \5 K& C7 F# z
height=60 width=60><A
% N. Q' E' G, \1 K9 c1 G7 U; G; w W
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) g" _+ V5 E1 h F u
alt="Dreamweaver 资源" border=0 height=60
3 u% Y- s& }' I, E: i$ F- G& H
onmouseout=nereidFade(this,01,7,5)
- u- } q! x; Y1 E4 M( q* z
onmouseover=nereidFade(this,100,5,7)
' b* k, `4 X' D
src="files/index_dreamweaver.gif"
) J) i, Z6 [, I2 |" h6 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)"
8 }) C& u6 I) }0 R
width=60></A></TD>
" J- r( o& _( Y" W0 e/ q
<TD background=files/index_fireworks2.gif height=60
. _2 [8 Z8 G9 R, I5 J
width=60><A
) N0 f ~' U* L$ j! @
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
5 U, b# E: Y* D" Q
alt="Fireworks 资源" border=0 height=60
" p# Z& C/ K8 Q& w
onmouseout=nereidFade(this,01,7,5)
4 R; e# H& {9 |& T3 F$ }1 ^ A
onmouseover=nereidFade(this,100,5,7)
) H& a/ ^7 q% G6 p
src="files/index_fireworks.gif"
+ u0 V: `/ `/ b( r" ~2 \* 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)"
^4 H8 T# g* y- d, p
width=60></A></TD>
! R2 u$ c1 e6 W# Z5 D+ I
<TD background=files/index_flash2.gif height=60
" H/ M2 v6 c' H) Q- V
width=60><A
& \; [: r0 Z" t A* p: ^8 r
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
. Q6 o# j. s% n4 w
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
. z x& J; R; W. v- A1 Z. I4 O( `
onmouseover=nereidFade(this,100,5,7)
# }0 N" _+ M# P5 G7 n
src="files/index_flash.gif"
! | Z& ]6 |+ W) 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)"
2 l7 l) ]* l2 J( }
width=60></A></TD>
' n- `( C8 b9 M, L
<TD background=files/index_photoshop2.gif height=60
3 Q5 k; n. j2 O# y- a* U- W
width=60><A
0 r- ~) ]5 B' T" Z3 ~ w+ s3 t
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ _0 |3 n' B7 B }3 V$ A5 F( W
alt="Photoshop 资源" border=0 height=60
. H! }+ h |# Q8 Z# l% e: K( D
onmouseout=nereidFade(this,01,7,5)
1 I; `2 P0 b. u% C: W: a
onmouseover=nereidFade(this,100,5,7)
; L+ \ N( u) d9 g
src="files/index_photoshop.gif"
; T0 Q; R& g8 {4 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)"
# Q: T- p) D# H2 k* E# Y8 T( V
width=60></A></TD>
6 ?* t9 V8 s: j( n( u9 B6 l. s
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2