|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
7 M, L: |6 K3 I6 b2 {6 j9 z8 t<!-- Beginning of JavaScript Code -------------------
& Q) Q' m. C$ z5 ~9 p) e8 P1 t% g! }, i5 J |
nereidFadeObjects = new Object();& k# J# `1 U S# T1 F) W2 ?
nereidFadeTimers = new Object();
- V5 F( j7 l8 l; Ifunction nereidFade(object, destOp, rate, delta){
% |+ \1 ~& M& J& O9 `if (!document.all)7 a7 {) g/ n: G- N* ~+ J: |; P
return! P% e4 m0 ^# G9 n& e% I% e& N
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);' a V! A$ l3 v* W7 E
return;4 a% R& F' r; p* N) m' o; ~
}4 H( }. k. s/ y; C
clearTimeout(nereidFadeTimers[object.sourceIndex]);8 ~' H' Q" m- J
diff = destOp-object.filters.alpha.opacity;7 R$ F$ p8 J" @
direction = 1;
# j2 F7 M, z( \! Y+ c2 w if (object.filters.alpha.opacity > destOp){
/ b! L! k9 Y6 E direction = -1;/ I; B' \, t5 a* q& v3 s
}
1 ~+ O6 Q: L- d, d delta=Math.min(direction*diff,delta);' N$ m/ d0 u4 G1 }
object.filters.alpha.opacity+=direction*delta; Z) h' a2 ?! \" O9 e
if (object.filters.alpha.opacity != destOp){2 P- B% q5 ]% e' g1 p
nereidFadeObjects[object.sourceIndex]=object;
& q% l4 }: h/ g nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
; [, W5 l: r4 v" H% [. A2 A' h }, c) A6 b {7 j& m: {
}) q+ v' z3 m3 }5 Z0 f+ E
// -- End of JavaScript Code -->
* K+ n3 s+ K7 e+ J" _5 K* _& G</script>
% t3 x' F5 R, S* B+ `! ?3 z //修改下面的图像地址和大小5 B7 R! L& z3 w# B; y$ f+ n
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
6 t7 g+ [. C/ S0 V- Y7 Z& b0 n+ x- P4 ^ <TBODY>
' j( A$ d/ ?4 A6 h <TR align=middle>
8 ]/ {, P; @" G5 M <TD background=files/index_dreamweaver2.gif I( F/ W. A) s1 N9 r2 g- u, c
height=60 width=60><A
- D1 h( B& u1 D# X, G- N href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; t1 T U/ H! b( O8 W% i3 a alt="Dreamweaver 资源" border=0 height=60
+ ~# M# [) A# W( x% M2 W- G onmouseout=nereidFade(this,01,7,5) - m r( B- a/ _% U) D
onmouseover=nereidFade(this,100,5,7) ! N' x: s) j; f- X$ I. u
src="files/index_dreamweaver.gif"
0 Q6 S3 g! f+ u1 d) Y& _6 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)" ( C$ v I: E& {9 c$ O0 A8 e
width=60></A></TD>1 @2 h4 A2 ]; F9 }' z2 f
<TD background=files/index_fireworks2.gif height=60 , v; n; x# @5 o
width=60><A
1 R' b* z, e/ W: v0 a href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' q: m6 }3 ~' I. g- ? alt="Fireworks 资源" border=0 height=60 * C; n$ s6 v9 `9 ^) Z# H; D
onmouseout=nereidFade(this,01,7,5)
& x) ~1 {6 }, w; f onmouseover=nereidFade(this,100,5,7)
! @/ o$ ?* q8 ~3 c src="files/index_fireworks.gif" $ Z4 C' A- s) j0 o; 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)" $ W7 q3 B0 Q2 B2 d
width=60></A></TD>+ r8 Y4 o" L, c8 a
<TD background=files/index_flash2.gif height=60 3 c1 U4 _9 C) Z) P C5 D! k
width=60><A
. ~0 E% }/ ~) v- K- V9 [( v3 {* p0 r href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 5 N# x, W* Z/ t2 {! [( X! M
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) : Q+ c6 J" g. K2 P( q
onmouseover=nereidFade(this,100,5,7)
0 P( [4 T8 ]1 u+ | src="files/index_flash.gif"
% j* c( ?! Y: K1 u2 F4 a+ 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)"
* v! c2 F; ]/ a1 l6 ^4 k width=60></A></TD>: j- J# a# \# P7 J2 A X9 P+ B E
<TD background=files/index_photoshop2.gif height=60 & Q8 g: e# W0 Q( Z- I4 Z; j0 Q
width=60><A 2 ?7 q* J$ Z& A0 k
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ T& O, p& j* i u, R K# l I alt="Photoshop 资源" border=0 height=60 ! W. n( W/ i2 f, F9 p {
onmouseout=nereidFade(this,01,7,5) % w c3 W! n1 s. F9 K
onmouseover=nereidFade(this,100,5,7) ' U K& x4 ^( b- [' W8 j9 K4 A
src="files/index_photoshop.gif"
, {- R" }5 z- v6 s( c9 w% E C 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 n0 y P: j/ h' p2 d! J
width=60></A></TD>/ O/ ^$ F; Y7 I g
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|