|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>! n2 J1 E" f" a M% k# Q! J) o
<!-- Beginning of JavaScript Code -------------------: n% k7 P" v2 X [6 k
; {3 B! C& M3 B0 W3 mnereidFadeObjects = new Object();
0 I' m* y. J1 S2 t# [1 CnereidFadeTimers = new Object();& n) J* z" \& W1 \# a# O* F, r
function nereidFade(object, destOp, rate, delta){
; l7 s4 ?$ Y! c1 m) P+ Q6 wif (!document.all) h; O6 F& Z4 b- n$ e8 r
return
+ h! y, m. f0 T6 K" b% Q if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. \5 D1 ~7 d, d' w return;; p5 |# g+ L2 d2 @8 {' h. x$ h
}
8 w0 q, C5 I9 e9 X- }! T/ A& [ clearTimeout(nereidFadeTimers[object.sourceIndex]);5 N# v0 p0 t8 S3 V# ]; g
diff = destOp-object.filters.alpha.opacity;4 S9 e1 Q* W3 r
direction = 1;; H& Z: J: v1 A6 d& q- ?
if (object.filters.alpha.opacity > destOp){# o& |2 z9 J" d; O$ ]
direction = -1;5 p% [. H b, o1 {! P
}( h3 i& H J# c/ Q7 C- h, @+ t8 z7 g
delta=Math.min(direction*diff,delta);3 k* [; l& w- `/ g2 ?* c \/ d% z
object.filters.alpha.opacity+=direction*delta;
! G Y$ G$ ~$ } if (object.filters.alpha.opacity != destOp){) |* x# N6 X9 p4 f# I% O* J0 `& q
nereidFadeObjects[object.sourceIndex]=object;- E2 ]6 y2 O3 X
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
! O/ i r) M- s+ L }
3 ?. a! s2 V7 f3 N}$ W) M1 n1 `3 l3 _5 a
// -- End of JavaScript Code -->% v; U9 i8 [; m$ U
</script>; E0 K' b1 A* p/ T' l& }+ z1 g
//修改下面的图像地址和大小& ^. B' R, B! c8 `
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
: T6 t! S0 I) l3 @# o' ]3 \- C <TBODY>
6 h( x; w3 p) I: [1 Q <TR align=middle>
; z0 U' _2 u( H. n0 X- {% d. G3 c1 y <TD background=files/index_dreamweaver2.gif 5 ]- I8 [- V! [
height=60 width=60><A + R( J( l& t {
href="http://www.hooji.com/java/display.asp?id=542#"><IMG % J& Y3 O8 [0 m0 R- H/ v
alt="Dreamweaver 资源" border=0 height=60
1 K6 m: ?8 x/ f/ g3 a0 g: s' I onmouseout=nereidFade(this,01,7,5) o& C$ o# T* U- S* C( [. a4 c
onmouseover=nereidFade(this,100,5,7) 5 [' I! P1 X$ O% Q b$ Z0 p5 ~+ c
src="files/index_dreamweaver.gif" 6 {3 E6 b( y% ^ c8 _9 }
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)" 1 f9 [) [4 x5 e1 [
width=60></A></TD>
& M: O+ ?+ D" l. W' F2 e. s4 O' w4 l& ` <TD background=files/index_fireworks2.gif height=60
( E, |0 Z! W# n8 m$ F* ] width=60><A 8 c( y5 m# ]. F! o: o
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ z+ M6 T1 w- W% }% f' l7 c alt="Fireworks 资源" border=0 height=60
: c5 I* z) p; z1 n4 S( @8 L onmouseout=nereidFade(this,01,7,5)
1 y" h6 L% ~; \# F* D6 \ onmouseover=nereidFade(this,100,5,7) 7 `7 F* ]9 K3 ^ d: z7 c7 c
src="files/index_fireworks.gif"
& N0 A9 g. W1 f) z% x' r 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)" % N/ {5 Y" Q r& v
width=60></A></TD>4 k Q; j- V P4 h
<TD background=files/index_flash2.gif height=60
1 q0 C8 o1 f* m$ u width=60><A
+ Y+ O' O) m Y7 j href="http://www.hooji.com/java/display.asp?id=542#p"><IMG # F1 j9 e" K- h/ q' s' @( H
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
0 ^5 `: {! g N onmouseover=nereidFade(this,100,5,7) - P! [5 k$ I) B2 h
src="files/index_flash.gif"
0 q; F: d3 T. d 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 C2 C1 s" X% Z; m! v9 {7 X width=60></A></TD>
p f# N& a3 c3 Q7 @7 H <TD background=files/index_photoshop2.gif height=60 + W3 a6 J( }; c% G
width=60><A
5 R9 Q" s3 p( a `" ]% M/ |* g href="http://www.hooji.com/java/display.asp?id=542#"><IMG
9 m- ]3 ^% X8 Y; [8 n: w alt="Photoshop 资源" border=0 height=60 ; I7 f! ?( e! J& S
onmouseout=nereidFade(this,01,7,5) * Q* p, L% p8 b, \6 A, U
onmouseover=nereidFade(this,100,5,7) 6 F0 P8 R& k! G% J3 U6 ]- v
src="files/index_photoshop.gif"
* R* ^) I' O T5 | 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/ n7 |: n5 V. H$ P' A
width=60></A></TD>
, o. P# [% L* i+ R% `* G5 O- o, v </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|