标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
8 X) F% F7 ?8 z; r
<!-- Beginning of JavaScript Code -------------------
. Z5 _: L, p1 o
$ X% ]; ?: ]- j. J
nereidFadeObjects = new Object();
+ X9 L+ D3 X* _6 U
nereidFadeTimers = new Object();
. [$ k3 e$ [9 n4 Z
function nereidFade(object, destOp, rate, delta){
+ |5 l) F3 Y8 I' o0 g% h/ K4 ~
if (!document.all)
# O$ l5 O Z% |: \" d* x
return
6 `4 r. }! w+ F
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
) x/ @# s7 a* _2 q3 I1 j+ t X
return;
4 H( w7 a# D; |. z
}
7 K8 a7 O6 U5 d+ B& u
clearTimeout(nereidFadeTimers[object.sourceIndex]);
, o& ?. |: w/ K
diff = destOp-object.filters.alpha.opacity;
8 u, |. p9 a1 u1 A
direction = 1;
/ g9 r8 w9 I' R% l0 s
if (object.filters.alpha.opacity > destOp){
; B, T3 ?6 g! r) u3 Q: l' t
direction = -1;
3 |* o8 J, |/ R& y
}
- G5 e1 S- e7 {% l9 U# I! u: z
delta=Math.min(direction*diff,delta);
& V# T8 t* k: @% N; D2 V9 M5 M
object.filters.alpha.opacity+=direction*delta;
6 Y/ U5 ^5 `- g+ S* Y3 F2 }
if (object.filters.alpha.opacity != destOp){
, l( I. _( k3 I J0 h+ c
nereidFadeObjects[object.sourceIndex]=object;
. c* u5 _) U) g- v2 p+ g- u7 d
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
0 O$ b T' b, G
}
2 O3 r4 x5 B9 `1 `
}
" n* c& v; w- b6 I7 G' [
// -- End of JavaScript Code -->
$ `( X$ A- x- @4 w& Q5 j
</script>
5 w$ v( K4 ?2 }$ [
//修改下面的图像地址和大小
! {' y5 H7 l2 C3 r, u' I
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
# T% W. m4 B7 @, {
<TBODY>
% S* Z2 j; J- k0 P9 l+ J% G
<TR align=middle>
6 b3 I% G7 |9 G; y0 D! X e2 I* k
<TD background=files/index_dreamweaver2.gif
1 R: H3 N7 I8 ~; Q. A
height=60 width=60><A
, _8 \8 @- K6 E" @+ q$ h9 q$ M3 }
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( O7 E+ c3 P6 a; p3 y! E5 h
alt="Dreamweaver 资源" border=0 height=60
" k! C2 a6 G: p& w- Z8 G9 j9 Z- r
onmouseout=nereidFade(this,01,7,5)
) v) c$ W& E0 \; O& t% p0 T
onmouseover=nereidFade(this,100,5,7)
3 M$ l! x/ C& {! ]
src="files/index_dreamweaver.gif"
" l9 u- |5 Z! 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)"
, x3 _ w) V, } _# a( K: v
width=60></A></TD>
, c8 B2 P3 W5 E) C, z
<TD background=files/index_fireworks2.gif height=60
n% _/ _: \ {7 c4 Y
width=60><A
4 S2 O+ `/ ?, M# w5 _- u* u. q/ y
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- ^2 `( v0 x9 X4 d- ~) _$ H( g. h
alt="Fireworks 资源" border=0 height=60
{( Z3 L- [5 U$ ?: u/ M8 G9 u
onmouseout=nereidFade(this,01,7,5)
0 x5 M2 y! Q A$ H
onmouseover=nereidFade(this,100,5,7)
3 V, g4 N5 n7 J7 `$ E$ M& T
src="files/index_fireworks.gif"
( @4 r5 T- S$ w7 p& J5 B* 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)"
W3 `8 E" w. k! {, V2 W) s' Q
width=60></A></TD>
, {" q* |5 \# o# _
<TD background=files/index_flash2.gif height=60
' ]5 \/ C* e5 H6 d3 W _
width=60><A
# K' _6 D+ L2 K1 R
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
9 u* S/ g7 e0 R; C
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
1 L- z6 Z' K4 e. b( H
onmouseover=nereidFade(this,100,5,7)
( @: ]2 k1 t0 U
src="files/index_flash.gif"
, |9 ?, r1 M- T3 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)"
0 [( ^+ P) w& `) N
width=60></A></TD>
- C' W6 ] F# m+ l5 m/ N" R2 }
<TD background=files/index_photoshop2.gif height=60
" v/ Z2 o. Z4 U
width=60><A
! a2 o0 f; Z2 J; {! Y
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 m( R. E( S/ F& J/ F9 g
alt="Photoshop 资源" border=0 height=60
* R ^- N1 q+ I" }) R
onmouseout=nereidFade(this,01,7,5)
" J& s' n9 O) l2 H- A) i
onmouseover=nereidFade(this,100,5,7)
% V1 H$ r3 v- ~
src="files/index_photoshop.gif"
. o; h; X5 n, o; J$ X4 G6 G( 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)"
: Z/ N! {* `2 b: Y. Y0 `/ r
width=60></A></TD>
: J7 A3 J1 d, c/ L
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2