标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
9 P4 h3 ~* W8 g; j
<!-- Beginning of JavaScript Code -------------------
# d; ~ E$ v: j# j
! ^( C) R6 P! M2 `* }4 d
nereidFadeObjects = new Object();
* b9 q! _$ g f9 C+ M
nereidFadeTimers = new Object();
5 P3 {4 Y5 C* \* n' Z" J
function nereidFade(object, destOp, rate, delta){
0 A; u6 R0 s- {3 f% _7 w1 V
if (!document.all)
7 g& S3 ^# C3 h# E! p: r5 B
return
5 [8 H, Y* [* w3 S$ X! k' }
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
) ^" N, h) b# v* {3 W
return;
3 i4 b( a/ J+ J7 r& ^3 f
}
; F8 v; `+ u4 w$ R# v6 h
clearTimeout(nereidFadeTimers[object.sourceIndex]);
, F9 H& E* R1 b+ k% Q( S% O) l
diff = destOp-object.filters.alpha.opacity;
/ A" N U( g0 f$ V" x; |. l- Q- }
direction = 1;
& I7 |! U" @8 t5 P# F2 a
if (object.filters.alpha.opacity > destOp){
0 M5 ]; U7 X/ K9 f
direction = -1;
+ q$ j4 R) g4 c5 O
}
& X; n- H4 q& ]( M
delta=Math.min(direction*diff,delta);
; m% G" Y8 m; y- V
object.filters.alpha.opacity+=direction*delta;
. z" e) }: i7 U% N N$ A/ E( u
if (object.filters.alpha.opacity != destOp){
5 P) E" l+ t0 P
nereidFadeObjects[object.sourceIndex]=object;
. ~0 F- p. w# v
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
: m$ \2 }3 V, \% g
}
/ }, t! x: {& d
}
0 t$ V2 [3 f$ L: H% Y
// -- End of JavaScript Code -->
% h0 Q- b9 c* y1 g
</script>
) r( \' d+ o: q, ]. K2 ]+ l9 D3 C
//修改下面的图像地址和大小
! d/ k, @1 w1 Z6 T
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
3 ~/ B3 q2 o/ ^( ` I' m# A" l
<TBODY>
8 ~9 V# M1 O! X! E7 E
<TR align=middle>
' y: w" X/ s/ j+ V/ {$ y
<TD background=files/index_dreamweaver2.gif
. \" S. i2 z, w( d
height=60 width=60><A
7 h; m4 o, |' w
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( Q9 G) y* C6 g, S0 X0 h( t, \
alt="Dreamweaver 资源" border=0 height=60
# n* q0 X8 f2 }6 W' z- E
onmouseout=nereidFade(this,01,7,5)
; @8 y s$ i( r$ n% b. s( B1 A# h
onmouseover=nereidFade(this,100,5,7)
4 t7 E) A6 k0 G* U
src="files/index_dreamweaver.gif"
/ Q6 s( k6 ], j9 I! @+ i- F
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)"
% M. X% J: a. s! F( | h$ a
width=60></A></TD>
, p4 T; B7 M- h+ p& I1 L0 U% _- E& R
<TD background=files/index_fireworks2.gif height=60
9 z# J( N, S) s
width=60><A
+ _& j5 O5 F( t
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ H8 _2 l" ]) N: @+ x
alt="Fireworks 资源" border=0 height=60
+ n$ B5 h1 X4 `; n6 }, {
onmouseout=nereidFade(this,01,7,5)
: Z% `: e: i0 S. [" P
onmouseover=nereidFade(this,100,5,7)
0 }/ b/ f0 n) B1 o) O2 p' L
src="files/index_fireworks.gif"
$ `7 L0 l/ G" G0 C+ 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)"
5 @ _* a& [% g/ G, }
width=60></A></TD>
W y4 n( p( t! S3 P; r
<TD background=files/index_flash2.gif height=60
' ?" F+ [) }9 H+ X
width=60><A
: ^! f" P+ |& ?/ v) L( ^6 N
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
; ^* v: B8 \" p. [# `8 C G) E% s$ v. g
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
- I4 u* t# U: d/ {
onmouseover=nereidFade(this,100,5,7)
- I6 R$ {+ j" c& k+ z
src="files/index_flash.gif"
% e4 z. B3 v! R8 Q- I7 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)"
1 ^- D8 }& V8 \0 k- p6 X6 J
width=60></A></TD>
( z: ^( x5 j( y$ v
<TD background=files/index_photoshop2.gif height=60
1 i( {7 z7 \. [
width=60><A
* [+ B) L$ h6 {# Q/ _1 l* @% g
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 q# }2 O0 N5 d6 X
alt="Photoshop 资源" border=0 height=60
$ S I! f: V9 F8 m$ l
onmouseout=nereidFade(this,01,7,5)
) |- M2 d/ f! f
onmouseover=nereidFade(this,100,5,7)
i7 \9 j/ c' ]# Z( M. T* }
src="files/index_photoshop.gif"
0 N3 ^3 }4 w8 T
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 o9 X* J. ?1 i5 R1 o1 z% {, E
width=60></A></TD>
8 c" i5 k+ e6 S5 n
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
