|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>. E* Z, F7 D3 u3 }1 L, d
<!-- Beginning of JavaScript Code -------------------6 S6 B+ H9 j, m( t8 J! X. E0 _
0 v4 R' D/ B; A8 @2 W
nereidFadeObjects = new Object();$ y& ^9 I8 T; i4 U% `: {$ x
nereidFadeTimers = new Object();
4 r: j+ }9 Z- Tfunction nereidFade(object, destOp, rate, delta){
4 n: B' m/ n9 E, ~9 {, Qif (!document.all) [1 ~8 V( R% [/ Q
return
* G) B( e8 j* Z" t" n if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);1 n3 R- Y1 f* X6 ?0 n! w
return;5 b: J/ P S1 |" a% Q5 [
}
7 h8 f; J. b# s clearTimeout(nereidFadeTimers[object.sourceIndex]);
! S! k$ d" u& f- D- r diff = destOp-object.filters.alpha.opacity;) S3 \& G' |- u% W* }' W+ p
direction = 1; N4 K0 n: `% G# {# t( d
if (object.filters.alpha.opacity > destOp){
( H& I, j# i9 V7 c1 b direction = -1;
, A; l5 F. Z3 N' ~ }
, A# X/ M! t2 S$ l* a H t delta=Math.min(direction*diff,delta);9 O7 r( t/ d4 ~) { E+ U
object.filters.alpha.opacity+=direction*delta;
: M, l7 P, {! Z( E0 D( K! B% p if (object.filters.alpha.opacity != destOp){
' a7 e$ G- r! ^4 r nereidFadeObjects[object.sourceIndex]=object;/ s" c. g; i7 h/ A
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
3 F# H* j, V6 w. K( K8 d( p }
& I1 N1 f: B. X$ L8 O}& Q" W, q. w' [! A
// -- End of JavaScript Code -->! R6 n; s& u8 |1 {
</script>
6 ^/ P- ?) Q: V6 E+ `7 z: e* _% q //修改下面的图像地址和大小. i8 _# ]* Y. @& K u& a/ ]
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
" p' p, p9 D( r; f$ t: { <TBODY>
6 R. J6 ^. t, V: b Y- I% j7 j- `+ ` <TR align=middle>- r0 l& n4 \9 E- L" @
<TD background=files/index_dreamweaver2.gif
4 z0 M& m" k& v6 N9 i! w8 t height=60 width=60><A
- u# h6 r5 f- ]5 Y6 f href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- A6 x) B+ t# |# P0 M) Z' X1 q1 y6 o alt="Dreamweaver 资源" border=0 height=60 3 j* S, ~7 c9 k( Y3 A
onmouseout=nereidFade(this,01,7,5) 4 J1 x! e7 ?7 A8 V7 V. Z0 r
onmouseover=nereidFade(this,100,5,7) 4 K' V. J$ m; Z0 A9 \
src="files/index_dreamweaver.gif" # {( P, u. g: _0 F9 ]
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)" 7 R+ }, l6 @5 d0 u* [, n. P
width=60></A></TD>
; \" v$ l6 S# O+ F <TD background=files/index_fireworks2.gif height=60
! T. Y) [$ y n$ a' k5 Y width=60><A
, m2 W# j% h( L+ W# p! r( ~ href="http://www.hooji.com/java/display.asp?id=542#"><IMG
5 d: ^( Q! ?2 K8 ^8 f( Z8 h/ h' x alt="Fireworks 资源" border=0 height=60 : N" G# m( w2 p# ]1 H: I
onmouseout=nereidFade(this,01,7,5) ; R6 B4 A4 [+ i; T2 Y, z9 S
onmouseover=nereidFade(this,100,5,7) ! q( \4 b3 L5 _. u
src="files/index_fireworks.gif"
% C; ?: _/ ?; |3 S7 G/ t# I 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: v) A4 y$ x width=60></A></TD>! t0 U" e- p Q+ [" P
<TD background=files/index_flash2.gif height=60 3 t3 `5 a1 E( ~0 i- w9 C- l- |7 u
width=60><A
- I% g+ M6 y4 y( z6 r href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
5 b' L+ Z) v7 M# p; L alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
' g. T8 t" n8 P4 o" n onmouseover=nereidFade(this,100,5,7) 6 q9 x+ {! ]/ L6 `* T
src="files/index_flash.gif" 4 R! L0 {2 J, }3 H6 S( I' v
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)"
; M8 R& U/ }* q/ B0 n j7 @- M, v width=60></A></TD>
) {6 U; m" p& J& g <TD background=files/index_photoshop2.gif height=60 $ J' M. G8 g9 _- ^+ v
width=60><A
; u* I4 |7 H2 I* b! `, |: N6 g href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 U U6 D X! M# m6 ~6 o" y) v alt="Photoshop 资源" border=0 height=60 7 w, T: c, ~4 X: i
onmouseout=nereidFade(this,01,7,5) % E! u" C6 ^2 f& G' h: _
onmouseover=nereidFade(this,100,5,7) 3 q: ]1 T( G7 R9 C6 u
src="files/index_photoshop.gif"
7 w- F6 n6 X1 } 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)" 8 ?% x& Y- T5 h2 G) C
width=60></A></TD>0 j' A1 M e1 d% W) _1 }! n0 ?
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|