标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
! I. T5 W7 r5 n% G1 R0 i
<!-- Beginning of JavaScript Code -------------------
$ M: ?. E+ h3 y& n
8 F/ a$ j4 K4 L' [' q
nereidFadeObjects = new Object();
9 u9 G9 o- b8 n+ T0 E
nereidFadeTimers = new Object();
' r1 L3 h$ ~$ m/ e
function nereidFade(object, destOp, rate, delta){
2 y) K# \2 f1 A$ z1 O
if (!document.all)
* ^0 l+ n* |3 ]" w" s
return
# ]/ |3 B+ U. y& _1 }
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 o3 O/ _( U: s' E
return;
5 V# n$ ~$ s2 n* V7 y
}
: S0 M4 y( L: u# r& g
clearTimeout(nereidFadeTimers[object.sourceIndex]);
& ] |3 S- F1 w4 f& _
diff = destOp-object.filters.alpha.opacity;
7 A7 |0 `/ n6 v3 f9 \1 ?# r+ x
direction = 1;
7 _! M9 K. u9 H
if (object.filters.alpha.opacity > destOp){
8 M/ C2 A+ _, M8 o
direction = -1;
' n: P* j1 {2 b$ P8 \* D; m# \- b
}
- s8 ~9 g! I3 H5 z
delta=Math.min(direction*diff,delta);
" Q( G0 J: |9 s. U" @
object.filters.alpha.opacity+=direction*delta;
& m! B: W* k0 [& O3 U1 I
if (object.filters.alpha.opacity != destOp){
9 K. j4 p ~3 d. |7 y5 B
nereidFadeObjects[object.sourceIndex]=object;
- f0 l# O* d$ ~+ @% r9 r
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
5 T+ L4 B5 s! Y/ ?& h
}
) E0 Y. k2 a- `2 ^$ R+ B$ z6 ~
}
) A9 t- A! w2 G: C# v$ p) v0 w2 A. s
// -- End of JavaScript Code -->
: x0 r! G. K( y& a
</script>
, `. \! D9 N, q @
//修改下面的图像地址和大小
+ L/ y( a: ^+ p' w" B S
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
$ j' G1 [7 ?% A2 ^' w8 {; c; a
<TBODY>
0 \0 Q# n4 K( ~- }/ v; ?9 h; l& n
<TR align=middle>
7 a# B, Y3 l Z; `" X+ L+ M7 X u9 D7 T
<TD background=files/index_dreamweaver2.gif
1 Y: W/ |; W! c- U$ k7 }+ i) ^! Q. J
height=60 width=60><A
; z) v1 |8 L: a6 I/ g$ V
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ d; e, P2 J2 s" x9 {
alt="Dreamweaver 资源" border=0 height=60
- f: ^* g' O" G* e
onmouseout=nereidFade(this,01,7,5)
9 h2 V2 M [$ |) ` Y
onmouseover=nereidFade(this,100,5,7)
- ?9 h; _( G# _& M; D1 j
src="files/index_dreamweaver.gif"
& L0 k7 W6 z. r/ L: |. 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)"
J8 y: b2 v$ e. M, F0 X- }: p
width=60></A></TD>
4 T- M; ~' W' H, \5 v
<TD background=files/index_fireworks2.gif height=60
9 p2 K3 J, }9 H' N* P; p8 {
width=60><A
* W1 w7 h' E; X4 c
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! F4 C. \5 I- @: t- ^. k
alt="Fireworks 资源" border=0 height=60
) I% P% E3 J1 ]( b
onmouseout=nereidFade(this,01,7,5)
. v) X3 X2 {. m) \) {6 [
onmouseover=nereidFade(this,100,5,7)
/ V- f. O+ P. u* A
src="files/index_fireworks.gif"
9 s4 J e3 f D+ B% `
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)"
! w$ o4 d$ ?7 `, W: E
width=60></A></TD>
3 d& m7 [4 \$ J0 L3 m
<TD background=files/index_flash2.gif height=60
/ J1 v* W* r$ _) d8 S5 @( @
width=60><A
; E& a0 }* V4 K
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
0 }( _% \& D ~: B9 ?
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
' Q. I! J+ ^7 J: f2 V4 z
onmouseover=nereidFade(this,100,5,7)
+ l8 `; E f/ F- n
src="files/index_flash.gif"
6 u: R# p# |3 c+ v' {; s: J; U
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 \) d8 h7 H" O8 a# d
width=60></A></TD>
" J% h# v! u5 ]
<TD background=files/index_photoshop2.gif height=60
$ L1 g+ p+ t* [% \9 H
width=60><A
\- U; ~/ D0 ^/ u
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 X: V& R, b3 X8 v& D% H
alt="Photoshop 资源" border=0 height=60
$ E4 V2 a( r, G+ j6 q3 H
onmouseout=nereidFade(this,01,7,5)
2 }# O5 s" y8 z( ]# n- I
onmouseover=nereidFade(this,100,5,7)
% l8 u& V& F& G1 ~+ M' k/ a
src="files/index_photoshop.gif"
7 w! @9 v7 r9 F( S0 R( 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)"
2 H- F: [& B5 S) L1 c2 f; b
width=60></A></TD>
: b3 {7 k( n" o9 e/ Y* H7 c
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
