标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
. _: y, X! n o7 E$ f1 X
<!-- Beginning of JavaScript Code -------------------
) q; O/ h( h/ a
5 D! Y. N1 u1 ~4 E5 V) u* V
nereidFadeObjects = new Object();
' r$ A7 l5 k( {. e# y
nereidFadeTimers = new Object();
$ q0 [, b$ i7 g3 E# R* w5 L
function nereidFade(object, destOp, rate, delta){
1 ?' l! D+ H4 ?
if (!document.all)
! T+ Z/ `- C; k% K, ?
return
* ~2 ]3 q3 i8 l3 A' n( @4 {9 T) |& Y
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
; H) Q: k7 W5 w/ E
return;
2 |$ v6 b/ M/ A) Z F
}
" `/ F3 O- e' @4 Q4 Z; Q
clearTimeout(nereidFadeTimers[object.sourceIndex]);
! S. f8 {2 n, G9 H: j
diff = destOp-object.filters.alpha.opacity;
- T& d# W( D& B5 c4 v5 x( M# b
direction = 1;
+ N' J3 t- F6 d7 }* z* B
if (object.filters.alpha.opacity > destOp){
6 x% _) {: B" z$ ^; ^8 i _2 S6 B4 `' h( }
direction = -1;
; g% d& h& ~; U
}
$ l& X$ x, ]# }8 v/ e7 r& l: `
delta=Math.min(direction*diff,delta);
0 A/ h# G/ V8 r) H' q* h
object.filters.alpha.opacity+=direction*delta;
/ L8 j ]$ N9 R8 X" y
if (object.filters.alpha.opacity != destOp){
& t# _$ K4 ~# J Z. q
nereidFadeObjects[object.sourceIndex]=object;
' A) ~8 [0 I6 r! X3 n. O
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
8 | }+ @' }& A; {
}
) } ^, a( M& v% ^$ w1 R/ F" ]* {
}
5 u; P$ V2 f- ~$ L
// -- End of JavaScript Code -->
" k. [/ `8 B: u; K+ T6 H, B. T
</script>
; T6 U% C5 z& U0 Z9 L# o
//修改下面的图像地址和大小
4 n6 T5 i. J( `8 ]4 W; I8 X
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
( m; U0 A1 z: F
<TBODY>
; w- o. X/ J: N) ^
<TR align=middle>
1 M5 O" n/ J( g' L- P+ S# u5 r6 {
<TD background=files/index_dreamweaver2.gif
' |9 k/ b1 w! d7 z# y& @
height=60 width=60><A
( H' L: V5 z1 t) y) }
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 c8 q8 n, h( P: E; _8 U. m; T
alt="Dreamweaver 资源" border=0 height=60
. S* B8 z+ x8 d/ Y% |, K, r& B6 G
onmouseout=nereidFade(this,01,7,5)
1 d9 l2 Q- W7 @; a/ S
onmouseover=nereidFade(this,100,5,7)
+ m1 O [% ^. p4 F/ W5 Z% @ g
src="files/index_dreamweaver.gif"
$ B) C+ Y9 X2 K! a2 ?& H1 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 B$ h! N0 D8 L" w3 `- x
width=60></A></TD>
' ?/ U" u6 W7 r# ?9 A
<TD background=files/index_fireworks2.gif height=60
3 G: c2 ^: m; v+ j$ B9 o# D
width=60><A
) c9 j) l& ~" Z3 K+ O7 s& f" i' \
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 I% _+ @( p5 v" z6 z7 S# p
alt="Fireworks 资源" border=0 height=60
1 x L- i! H6 Y- z! W
onmouseout=nereidFade(this,01,7,5)
9 s! ?) J0 Z2 \) }& \1 R; i
onmouseover=nereidFade(this,100,5,7)
# X. C `, H1 T3 E( {
src="files/index_fireworks.gif"
; D; R! |# H8 Q) Q
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)"
: O$ I' h9 L j9 v; W: A
width=60></A></TD>
2 o; _( O% w. k0 r
<TD background=files/index_flash2.gif height=60
0 W3 L( X8 u3 {1 Y
width=60><A
+ {7 N* K; [+ u
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
3 a' q, c$ a5 N8 W ]" S* R% m
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
/ z$ } J6 `1 z A- F
onmouseover=nereidFade(this,100,5,7)
]4 r9 d+ T3 P- v
src="files/index_flash.gif"
* [/ U0 _! k. L; T/ h0 _/ `- 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)"
% X$ n9 X, X! v: k
width=60></A></TD>
: f7 h0 M; m8 d) U4 y5 ^
<TD background=files/index_photoshop2.gif height=60
* [# f/ f. M- r9 W8 V+ C
width=60><A
7 N+ G4 ], X- X) i) L% t
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
8 g* @; e# o! b$ H+ `7 G
alt="Photoshop 资源" border=0 height=60
/ z" e" I& E+ W0 D
onmouseout=nereidFade(this,01,7,5)
5 e Z* | G- Q3 R! V* q
onmouseover=nereidFade(this,100,5,7)
7 d: [4 t1 C, j e+ F
src="files/index_photoshop.gif"
4 s% D5 ^( y! 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)"
% j8 Q/ ]9 s# N% o7 l- L. G$ R
width=60></A></TD>
( N8 i7 ^5 V5 R8 s2 Y
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
