|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>1 @1 f. d# \; H4 m3 f! Q
<!-- Beginning of JavaScript Code -------------------
5 ^$ K# H$ m' g; |
! l/ i) i2 k* _8 y- inereidFadeObjects = new Object();0 |1 h3 n% d7 x, m4 z" { e
nereidFadeTimers = new Object();
5 A8 X L0 W7 V# [function nereidFade(object, destOp, rate, delta){
: C& d: ~0 J( a) x( z, Kif (!document.all)
. n# |5 i" ?3 s$ O& h0 Nreturn* D% G% {& c% H( ^7 f( ~
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
1 h, b( n" v l/ S8 K% | O return;
6 B6 E" _/ u2 N' V2 M }
0 K2 Z( |6 F4 C clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 M/ o" x' m5 ~1 A( l diff = destOp-object.filters.alpha.opacity;
5 y q& a7 R* A6 c direction = 1;
2 m% |6 ] p6 [, a if (object.filters.alpha.opacity > destOp){
0 F6 _- Z" Q$ Z! G# _$ ~+ ~ W direction = -1;( R7 v. n" w P# j
}/ h/ F1 M( ^6 u3 t2 S
delta=Math.min(direction*diff,delta);
* J7 ^$ S% Q# D. z( q3 R object.filters.alpha.opacity+=direction*delta;3 f) R$ o7 T L- H; x- X) J
if (object.filters.alpha.opacity != destOp){8 O/ a) f$ j5 z9 z3 J, _' J
nereidFadeObjects[object.sourceIndex]=object;
$ j; g6 y% Z) ^' k nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);% }4 E. }6 I' y# G+ z
}
, p, D6 U" L D}8 Y0 |6 I' n2 G/ _( a& t# v$ ?# ^. e
// -- End of JavaScript Code -->8 b/ w6 Z) F" z- e/ G! W& Z: ^
</script>: ]' A; F+ }. o$ o+ K
//修改下面的图像地址和大小% }& U9 r1 o. m9 o
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
/ P$ v( O& W; l# u <TBODY>
5 w0 @/ _" w# S' S; A6 {3 a1 Y2 d <TR align=middle>
- B5 X' R5 {6 h" x% v( g <TD background=files/index_dreamweaver2.gif
! A2 ?2 }+ q, r height=60 width=60><A ) j8 h0 q( Q$ m7 y$ `7 F; N6 O
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
c" N5 v: R+ K/ J% r0 j alt="Dreamweaver 资源" border=0 height=60
d# d* V' l& b0 q. y2 t1 ^ onmouseout=nereidFade(this,01,7,5) 6 f8 k" Y) o5 _
onmouseover=nereidFade(this,100,5,7) % Z2 g2 d# J, h1 ^5 s5 ^. L1 }
src="files/index_dreamweaver.gif"
7 j4 N# p4 ^. ^4 c+ 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)" : t- c8 q- [% U: e
width=60></A></TD>; S' t- G0 R3 X* `. {- k" d
<TD background=files/index_fireworks2.gif height=60
) I4 ]6 x, p& p9 D( b/ F" f2 M width=60><A
# \* d0 M+ R$ _+ [& p href="http://www.hooji.com/java/display.asp?id=542#"><IMG
* R, B9 U3 X" L3 F4 b alt="Fireworks 资源" border=0 height=60 % [; L) Z2 A! {
onmouseout=nereidFade(this,01,7,5) ' y0 B! H# J: U+ R" Q7 ?
onmouseover=nereidFade(this,100,5,7) : g- _1 d; ^& X* `
src="files/index_fireworks.gif" " X% o+ o5 D) m
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$ e% Q& y' h+ t' e* Z/ e3 J9 g
width=60></A></TD>6 Q/ u& w. K. |1 y. ~
<TD background=files/index_flash2.gif height=60
, z7 }: }: E* ]/ k! Z" y width=60><A o7 ?+ ^6 |1 F! R" @7 j$ d
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
, t K% J( k9 Q4 q/ r2 G L alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
6 P5 g7 w& u) y& [. L onmouseover=nereidFade(this,100,5,7)
. X+ E- Z( a% X5 ?/ @" g src="files/index_flash.gif" / j6 x" G N [% V: o+ r& 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)" $ R. v0 C$ h) w9 d9 M
width=60></A></TD>
4 Z. O/ K0 j$ A$ n <TD background=files/index_photoshop2.gif height=60
; P g7 q; ]+ C# o' Z5 Q& x width=60><A
0 j0 R" }& r1 Q; \5 w) R href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 O- l$ J: D& P* I; ~( t6 @4 i7 ] alt="Photoshop 资源" border=0 height=60 - B( U. |/ ` K U0 G
onmouseout=nereidFade(this,01,7,5)
o( b: E5 `+ Z2 d onmouseover=nereidFade(this,100,5,7)
; A& {7 a( L9 i' R4 p src="files/index_photoshop.gif"
% o# W! Z1 O7 F6 ]" 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)"
6 n: |) u0 E/ b$ Y3 `, b. q+ c L width=60></A></TD>. i% m* n- d0 t9 x% `$ s, N4 Y4 e
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|