标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
8 m. V+ |& C5 [5 i- ^
<!-- Beginning of JavaScript Code -------------------
/ u% A W2 v- x B! u% v3 ?4 t$ D4 S
( x; v( z. a; I P9 _" `
nereidFadeObjects = new Object();
+ l% M8 _7 j" @% j7 p! ^8 k, O
nereidFadeTimers = new Object();
6 a0 Q) I& E0 P8 a" G5 _
function nereidFade(object, destOp, rate, delta){
3 o) b6 X8 ]' [3 u2 y* t
if (!document.all)
6 T: ~4 L( s4 V
return
- R) p- i8 t8 i
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
, v5 [# A! b5 A: d
return;
, \9 b4 c8 X: t8 t( }8 M
}
. ?; j: v1 c. H3 k/ v
clearTimeout(nereidFadeTimers[object.sourceIndex]);
2 {: r8 @( F$ w. |
diff = destOp-object.filters.alpha.opacity;
! e4 m T9 T0 n/ O
direction = 1;
. @4 m$ J( e* h- t
if (object.filters.alpha.opacity > destOp){
9 z, t o( E1 @" w
direction = -1;
4 S3 B" b# Z+ z% U
}
/ T) e: r5 V b4 K, q
delta=Math.min(direction*diff,delta);
, P @ C& L4 ~. ^" R' Y
object.filters.alpha.opacity+=direction*delta;
. H0 }$ C$ e9 v+ p5 j, m
if (object.filters.alpha.opacity != destOp){
9 u; h8 U( X7 J( B8 w0 ?, J
nereidFadeObjects[object.sourceIndex]=object;
" @ u. a& f) V* b
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
- b) h$ G( y2 ]/ c0 G6 O& {- J
}
7 G" M; z/ J- ?: Z5 o4 H
}
3 J2 z& J, q9 k+ L K! S* e
// -- End of JavaScript Code -->
" S8 y# L' c$ f
</script>
# i( x) `# f' L" L$ @, \. `5 o
//修改下面的图像地址和大小
& r6 W7 W5 e- G, `9 `
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
: v3 M0 G" m3 @) ^* ^7 S9 ]$ n
<TBODY>
5 L% F( }1 @0 G
<TR align=middle>
$ d( y! A& o3 b( I' S
<TD background=files/index_dreamweaver2.gif
+ g7 g" Q9 N" t5 @( {6 [! ]% R
height=60 width=60><A
9 f: B& M, a5 V( a8 X S
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; d% O* a8 a9 v5 H6 M y
alt="Dreamweaver 资源" border=0 height=60
' h# e3 W' R& e
onmouseout=nereidFade(this,01,7,5)
. N9 _* `) O, Q! t
onmouseover=nereidFade(this,100,5,7)
. K/ @; e q/ g- L
src="files/index_dreamweaver.gif"
+ R* O! G h" [: L
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 B. u) S9 C; \9 \3 u- q
width=60></A></TD>
9 e' v' |' ]& \: M
<TD background=files/index_fireworks2.gif height=60
8 u+ b% ]$ T* e% f
width=60><A
$ p! F. `" W" {
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ ?& H) E) X- p8 P
alt="Fireworks 资源" border=0 height=60
[7 j% _' x! ]: o4 s
onmouseout=nereidFade(this,01,7,5)
8 V. H' D* f4 D. C# |2 K/ ^
onmouseover=nereidFade(this,100,5,7)
$ I" |8 G5 h+ y
src="files/index_fireworks.gif"
' f5 y. U( `. v* s j1 `
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# ~% c9 _ i2 Q+ Z* L6 t
width=60></A></TD>
8 k' O7 A. a$ q7 O6 g4 i
<TD background=files/index_flash2.gif height=60
& e; L1 d5 U' b: p% _
width=60><A
0 F6 y- Y5 s" `' K1 d, K+ e9 P
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
0 K0 }7 U+ k5 z1 D1 B
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
. [3 C% [( b6 x5 Y
onmouseover=nereidFade(this,100,5,7)
- j) w Y" }8 E* w# F6 \% T
src="files/index_flash.gif"
6 }$ v, ^& ]; R5 S5 n
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)"
* P: y9 l+ f* z$ K
width=60></A></TD>
0 Y; B! k, D5 d. h6 T+ Y! o8 Q
<TD background=files/index_photoshop2.gif height=60
- d" K" M# j1 b! o
width=60><A
4 @1 g8 j4 a8 F2 Z3 F' Y$ _! v
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' D- E6 ]3 D1 R7 S
alt="Photoshop 资源" border=0 height=60
7 ^+ c: k" K! T8 u6 _3 r# S
onmouseout=nereidFade(this,01,7,5)
0 j9 _0 R. G; P7 W4 I) X
onmouseover=nereidFade(this,100,5,7)
" V# r W! v; B1 ~" I; o
src="files/index_photoshop.gif"
: n4 v/ B/ s' s# Q# m( 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)"
- L+ {7 F& F$ l
width=60></A></TD>
6 e# F4 [$ o" h" y
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2