|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之非常漂亮的图象效果
<script language=JavaScript>
& y* z' N6 v5 n<!-- Beginning of JavaScript Code -------------------
( ]+ v4 t0 W( W5 P* U3 M7 ]
* U& ^1 G2 w7 T% q3 inereidFadeObjects = new Object();: I! x) I+ j$ D7 E* @; T0 ?
nereidFadeTimers = new Object();5 Z& G- B/ n; T6 x9 P: W
function nereidFade(object, destOp, rate, delta){4 r: ?$ H: j* `, _
if (!document.all)
- ^2 k5 _+ w9 |return) G2 D9 Z4 \+ B& d( T8 W) d
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
2 k4 b4 o% } ^6 C8 P- ] return;6 I# n* W1 E, e7 @; I% {
}1 D$ D1 C8 c; P" Z5 z
clearTimeout(nereidFadeTimers[object.sourceIndex]);* K2 e2 A Z2 i7 E: X4 i" F) K
diff = destOp-object.filters.alpha.opacity;! n4 k* R7 U" M, N0 F$ }4 \
direction = 1;' Y2 K& |. [# R
if (object.filters.alpha.opacity > destOp){
3 L9 D3 l- B( e, [0 S$ O* [6 Y direction = -1;
7 ?' k) [. u& l6 G( w- _6 { }$ J5 q/ f% P' P# ?
delta=Math.min(direction*diff,delta);5 N9 J7 Q1 v* B# ^& n" q! }% C. t
object.filters.alpha.opacity+=direction*delta;3 ?) n0 `& k) P
if (object.filters.alpha.opacity != destOp){/ N% i" f: ]7 ^) F& x6 Z# e
nereidFadeObjects[object.sourceIndex]=object;
1 k& d6 c# ]( X4 j& e nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);3 y. D0 s" i# O- q+ [# d
}
6 n$ _3 E/ o5 F. \+ s: Q5 `9 n) Y" I}2 J! m6 R/ e* m
// -- End of JavaScript Code -->
, }9 u7 \2 V, l$ Q</script>, e0 _3 n: ]; ?
//修改下面的图像地址和大小
+ W; a G" N7 }; B<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
- T _4 E" c* A/ ~ <TBODY>
2 D; [2 E% n: p3 l) ]2 j& @$ U0 n <TR align=middle>% a0 A" T* E1 M, j; ^% ~( Z
<TD background=files/index_dreamweaver2.gif . ]+ L7 h1 D) h! y! Y
height=60 width=60><A
3 E v: |% ?* ~5 O href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( {. J( @7 q' J8 r1 }
alt="Dreamweaver 资源" border=0 height=60
& X2 Z' o) {/ {6 H onmouseout=nereidFade(this,01,7,5) 7 ?' g7 B; E- {
onmouseover=nereidFade(this,100,5,7) % t! Q- P7 h" z/ u8 K
src="files/index_dreamweaver.gif"
- X. E2 V4 O& w. p6 O# 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)"
& g* a C% u4 x/ k, u W width=60></A></TD>
# c1 D9 C1 M: @" s0 z/ ? <TD background=files/index_fireworks2.gif height=60 - H9 k0 g& F- n' h+ M7 C
width=60><A ) o3 e! a" v$ | u9 o1 ?
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& D/ U1 N. b! d, ` alt="Fireworks 资源" border=0 height=60 # g& e" Z- y$ B+ |7 R' M
onmouseout=nereidFade(this,01,7,5) " `" w1 K& u2 V3 r( p" x4 G
onmouseover=nereidFade(this,100,5,7) " _+ V( R% B6 H7 K* n- n9 r$ Q. m' h
src="files/index_fireworks.gif"
+ Y- s) }; c4 n. 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)"
& L& i% S7 X0 h$ T1 i# I8 O$ e width=60></A></TD>
$ I% V/ N3 e" ?% k <TD background=files/index_flash2.gif height=60
+ n3 @4 b0 X) A, \5 W1 E0 y% m width=60><A
+ p ^" J \1 p$ U href="http://www.hooji.com/java/display.asp?id=542#p"><IMG $ x- i" Q) d% ~7 ?5 T X R- S
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 4 V4 t& e& D) l
onmouseover=nereidFade(this,100,5,7) 9 x5 m A* Z! s' c% X' V) a4 y1 _
src="files/index_flash.gif"
* R: E/ g: T! g) 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)"
' y+ [- i7 v' F" [ L width=60></A></TD>
; x5 V f0 \" g3 F; @, K: h# } <TD background=files/index_photoshop2.gif height=60
, g3 G E/ s% X/ _5 m3 I8 ] width=60><A
$ f2 C l, i$ z6 U s href="http://www.hooji.com/java/display.asp?id=542#"><IMG 9 v% J6 M2 A- Q3 ?( x% `
alt="Photoshop 资源" border=0 height=60 / p; q( W9 S- |+ n" @
onmouseout=nereidFade(this,01,7,5) : G, v, r w3 M- Z+ ~
onmouseover=nereidFade(this,100,5,7)
8 x9 d' M1 A$ x. R0 a9 u src="files/index_photoshop.gif" * F& y1 @1 c) B* x3 c( S) 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)" . A7 {' P% H) r: J& I5 P
width=60></A></TD>
6 ~" D! K7 j0 X: U </TR></TBODY></TABLE> |
|