|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>8 |* r# Z* Y4 N% B) q0 C: B7 Y
<!-- Beginning of JavaScript Code -------------------* ]. C! P! q9 T6 J! b, Z2 @
+ k) P) A) t; S/ [/ z" hnereidFadeObjects = new Object();0 W8 y6 M0 l8 b! q2 q
nereidFadeTimers = new Object();
0 a3 _. @/ `+ D- B) ^function nereidFade(object, destOp, rate, delta){% w+ Q, g, j' @+ k2 u1 V9 O
if (!document.all)
. ]& G, Z# M6 Dreturn
8 P& l$ Y k9 V8 _2 y if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
- t% l0 }2 F! k% { w. n" v; S return;
) a7 |- j' u4 ~ }, I/ [- M/ m5 p1 c* I: z
clearTimeout(nereidFadeTimers[object.sourceIndex]);, u2 r- L- L! g f2 d+ C1 N( a
diff = destOp-object.filters.alpha.opacity;* W# n$ T3 T3 y9 {) [0 s
direction = 1;
" J1 o# b& N; M4 E' I7 B0 } if (object.filters.alpha.opacity > destOp){
9 H+ G7 h7 P; n8 G1 {0 @) r direction = -1;
8 R4 l, P+ J7 p" a7 h }
! U7 `/ W" F7 V" H delta=Math.min(direction*diff,delta);2 G/ E' ^; h4 M9 ^! n u3 O8 F( a
object.filters.alpha.opacity+=direction*delta;" Y" @2 H f5 V" a; L
if (object.filters.alpha.opacity != destOp){1 l# F; y5 j: T8 _# J
nereidFadeObjects[object.sourceIndex]=object;4 _" S* {9 A6 n) G4 L8 g
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);& p, w0 g; W; e8 h. ^
}# g7 S4 A+ [6 X) h
}& r3 e1 b8 \1 A) _( A
// -- End of JavaScript Code -->
( S1 M% O1 {7 H* Z o; ?( y</script>
3 _( z9 `" S4 S6 K8 p9 X //修改下面的图像地址和大小
9 g' d/ Q( \# A2 G6 G- r1 C3 N<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
5 z U( T% z; T! v, p6 ~ <TBODY>4 Q1 f- I& i3 c
<TR align=middle># N8 L; {1 c8 A( \, c9 p' X7 s
<TD background=files/index_dreamweaver2.gif & r1 \' e6 b- B: ]
height=60 width=60><A
/ V |- i- E( c3 b& ~6 d href="http://www.hooji.com/java/display.asp?id=542#"><IMG 3 l& O4 d7 l+ l- x, H) B# v
alt="Dreamweaver 资源" border=0 height=60 ' W% b$ G2 t. N$ F. @/ d
onmouseout=nereidFade(this,01,7,5)
0 H) S) s% [( a/ F2 r9 Y9 F. |3 e- o+ z onmouseover=nereidFade(this,100,5,7)
* s) _4 C9 ?2 d' V+ B src="files/index_dreamweaver.gif" & j P: G1 V/ Y, v7 D* u4 H5 t* ~/ 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)" 2 t: M, q0 \) m/ B8 D( v5 i
width=60></A></TD>: [4 A) q; Z1 T7 C" C( J; L
<TD background=files/index_fireworks2.gif height=60
% J$ N* P" |$ x width=60><A 6 r5 P5 [! w2 u
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. |: ^0 l" V+ y, O alt="Fireworks 资源" border=0 height=60 1 Q) T2 M6 r5 e* B+ V" [
onmouseout=nereidFade(this,01,7,5) " Q" v! {) b1 n2 d' A; s4 w
onmouseover=nereidFade(this,100,5,7)
! `+ Y t1 Y: M7 ~ src="files/index_fireworks.gif"
5 X$ l& m5 _9 M3 D1 ~ 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)"
0 x. ^5 r/ Z" [1 Y5 h5 K width=60></A></TD>
8 s1 A4 c }- s4 l' Q <TD background=files/index_flash2.gif height=60
4 W; N7 ~) V5 I( T width=60><A
, m7 k) _ F5 \* i3 t href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ( S4 j! ~( U8 u. |
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
6 r! y0 ~0 P8 Q" \ onmouseover=nereidFade(this,100,5,7)
# a2 G+ e! A; s {$ E src="files/index_flash.gif" ( b( p* g! a- \. 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)"
2 I) ~% M( J, q0 N4 ?; l width=60></A></TD>) b$ n/ C! f+ t# a. Q# O
<TD background=files/index_photoshop2.gif height=60 2 B X% [0 X/ t" `
width=60><A
/ c0 d3 \% Y' Q( k* U ~1 G7 j F href="http://www.hooji.com/java/display.asp?id=542#"><IMG % ~; V5 W. j$ G" n, ~
alt="Photoshop 资源" border=0 height=60
$ j: s7 k5 y, Y" h8 b3 Q4 E9 r onmouseout=nereidFade(this,01,7,5)
\ w/ H. h! `: b& E4 ]% c onmouseover=nereidFade(this,100,5,7) 0 P2 Q9 c- T1 F, i; I
src="files/index_photoshop.gif" 5 ^/ z7 l9 _2 Y. ^% s1 O: ?* y
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)" : S' E4 ?) ?& D
width=60></A></TD>' o: k$ Z, v5 G3 U! _
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|