|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>7 L. v# C3 \* V' o; h
<!-- Beginning of JavaScript Code -------------------
, T# w& q% s9 E& Q* S$ g* W. P" n, c9 e
nereidFadeObjects = new Object();
5 d& ~! k! z) ]" M% v; |8 }nereidFadeTimers = new Object();/ a+ O4 C) w# }' j, H7 I W8 a
function nereidFade(object, destOp, rate, delta){
7 {5 J3 M5 R0 t2 ~if (!document.all)' H2 [; X9 X& u) h, k- ?) ]0 m
return
) X: E2 [. L* G6 ^# { if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);( _" ^" s1 m8 b/ X
return;
; D9 {' T U* ~; L& P, E2 } }
1 v( X$ q4 v* @" g% B* [ clearTimeout(nereidFadeTimers[object.sourceIndex]);: ` Y( ~ p1 N
diff = destOp-object.filters.alpha.opacity;
! o0 [. x& W6 p5 K direction = 1;
# k b$ a7 m& @- M/ C if (object.filters.alpha.opacity > destOp){
8 D! [6 p# R) A1 H3 F; g; f- P- l f direction = -1;8 U1 g& h$ f5 F3 A
}
5 Z& x6 V$ ^. g7 _7 p* x& r delta=Math.min(direction*diff,delta);5 K1 s& Y; q- l. Z. T+ l
object.filters.alpha.opacity+=direction*delta;
2 A t" I% r1 t if (object.filters.alpha.opacity != destOp){* l- f4 y2 @( k( i9 X" K5 A
nereidFadeObjects[object.sourceIndex]=object;
" k2 S2 R5 v+ d" L1 I nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
$ C- o/ V$ ~1 X7 i# {) M$ @ }
$ Z# n8 l7 c7 ^6 O# c9 \7 G4 L( _}
1 ?7 c% }& e( F9 z# W# r& F// -- End of JavaScript Code -->; Q9 c |+ ^; L$ C8 |
</script>9 x- v z, f& b5 M. v# j' W5 g
//修改下面的图像地址和大小5 p0 n' ]) y! t3 U9 g$ }
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
( ~) n! y9 | W' c) i <TBODY>: x1 U. _# L% {4 D
<TR align=middle>* R! H' q9 [2 }5 a' p9 H" h
<TD background=files/index_dreamweaver2.gif H' [, ~/ \* J6 V9 O5 ?! _" l$ R- K! L
height=60 width=60><A
! @- ~8 F. O2 |2 Y3 D href="http://www.hooji.com/java/display.asp?id=542#"><IMG ; M% M6 v3 B1 a5 D+ @
alt="Dreamweaver 资源" border=0 height=60
! m5 K3 o) `. Z3 z onmouseout=nereidFade(this,01,7,5)
- R+ b# C5 Y$ Y; r3 X# ^ X/ r, Z onmouseover=nereidFade(this,100,5,7)
4 o" I8 `5 n9 _; q! s J! ~( Q, o src="files/index_dreamweaver.gif" 5 z& t4 q" O7 ?% F% x- ~2 u4 x0 ?$ P
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)" H+ U+ Y( _. ]) I
width=60></A></TD>( B3 w; j9 y v% F. e
<TD background=files/index_fireworks2.gif height=60
9 G( ~8 [/ |+ j5 V. y width=60><A : u" t! M$ E# K. ?% x o* m3 _
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 3 T: S6 ^( B+ ]8 |4 [$ C) i
alt="Fireworks 资源" border=0 height=60 ( g% h# @# g8 E9 E u
onmouseout=nereidFade(this,01,7,5) : Q$ S5 J8 F* |& K& P: O
onmouseover=nereidFade(this,100,5,7) 5 w0 K. c4 t/ [ o1 r& ~5 f
src="files/index_fireworks.gif" 8 B' n2 A8 w- H
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 \" T8 `8 l2 J6 a
width=60></A></TD>; C* [9 Q1 ^) T5 I! [$ N+ C: D
<TD background=files/index_flash2.gif height=60
# D b7 m- X$ m9 {, \; [0 f width=60><A
. X% l. K8 }0 _ href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
d }# G/ z: U( n9 K+ w alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
7 h$ R0 r2 `( k; \& B6 h onmouseover=nereidFade(this,100,5,7)
5 O( m* p+ r W, J u6 { src="files/index_flash.gif"
& q4 k. i1 f9 d 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)"
; k v" z1 ]5 [: H3 m* p& j width=60></A></TD>+ v& { U; b) a: ?# c
<TD background=files/index_photoshop2.gif height=60 ( p5 e+ k, F9 Z, |( P
width=60><A
) Z; g' s' |9 F href="http://www.hooji.com/java/display.asp?id=542#"><IMG - [2 d/ m2 W5 r2 V' F* U
alt="Photoshop 资源" border=0 height=60
' U4 a5 T- g* B) d( O onmouseout=nereidFade(this,01,7,5)
6 a" ~+ P4 E7 {- c w8 ]" z onmouseover=nereidFade(this,100,5,7) , [! N+ W- d7 y' N) _( t
src="files/index_photoshop.gif"
# ?/ m) ]2 l# X' U6 v- d2 m9 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)"
$ m) S# w- y* s6 q, z8 @ width=60></A></TD>) k8 [6 k- }/ p" L. W# a1 K
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|