|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
& D/ [+ i, o, H) W+ A+ Z/ N<!-- Beginning of JavaScript Code -------------------- i8 M# l3 }! Y( Y; B. h
4 R# A" O* b: @
nereidFadeObjects = new Object();
, d, v, L: q6 s. D' dnereidFadeTimers = new Object();
) t) j) A9 F; a8 W' a9 l* qfunction nereidFade(object, destOp, rate, delta){
* |6 Z) q2 p7 j8 Lif (!document.all)6 n+ d: Y! p* ~, `3 M
return
. N; x, ^; h4 \+ R' e1 w if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);, \( P. \/ h+ v% [
return;
) \3 z6 r* d) [( D }0 a& U' t. G0 N% P- X3 Q% M6 L* a+ k& p
clearTimeout(nereidFadeTimers[object.sourceIndex]);: I' o" W# I4 P! P3 @- w
diff = destOp-object.filters.alpha.opacity;
0 W: g, B; h/ x direction = 1;/ V( }5 w" E7 M1 S' }
if (object.filters.alpha.opacity > destOp){" L, W/ I2 Y1 M# Q( v3 S5 |
direction = -1;
4 y }9 g4 t8 q }9 v4 ]8 ]" a$ K) _
delta=Math.min(direction*diff,delta);$ F% `7 k$ O+ Y3 m; o2 l+ Q
object.filters.alpha.opacity+=direction*delta;
. O# ^2 B, F7 v if (object.filters.alpha.opacity != destOp){
$ w3 j _) a0 }+ N: u" M1 D nereidFadeObjects[object.sourceIndex]=object;
' t6 o( ?9 X, A* G' u nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);7 Y& S2 o( n9 f* x
}1 v7 y7 U) {! a5 J/ m i
}$ M$ Q( x# h$ r" f
// -- End of JavaScript Code -->8 X& Z. V9 v1 W5 s( Q0 v
</script>
* b' l9 u1 e# ~# Z! o //修改下面的图像地址和大小) k$ T; d% R( M
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
5 G4 x- r0 y7 G <TBODY>
- S+ }5 m8 ]: J, b5 X* D- u }1 C* x8 q <TR align=middle>
! S1 l4 i# D6 A7 u. A+ M <TD background=files/index_dreamweaver2.gif
" Z; E. m% H4 I5 U3 Q height=60 width=60><A
' T; U5 p4 d/ {- m href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ B: C, g3 z' ~6 R alt="Dreamweaver 资源" border=0 height=60 ) I- ?% w8 r$ G$ I/ l6 v
onmouseout=nereidFade(this,01,7,5) " D/ q+ i$ R0 k
onmouseover=nereidFade(this,100,5,7)
) X" n6 F2 h% ? src="files/index_dreamweaver.gif"
* u, Z( p9 @+ F/ m {6 @( @8 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)" 2 W* u% g& D0 E
width=60></A></TD>
1 m4 n- H+ X8 b9 C0 x: f# z8 \ <TD background=files/index_fireworks2.gif height=60
# u# w/ ^( Q& K$ _" B2 Z. Q0 W5 O width=60><A
, ^# w2 w$ V x! [$ E href="http://www.hooji.com/java/display.asp?id=542#"><IMG . S' J( X! `9 v& N
alt="Fireworks 资源" border=0 height=60 - ]; j3 k e) k3 h6 P
onmouseout=nereidFade(this,01,7,5)
g; I+ T7 L, U2 S/ a2 V3 A onmouseover=nereidFade(this,100,5,7) ' B2 N9 k! V, Z; A* I6 Q
src="files/index_fireworks.gif" * A6 M* V/ C. ?- H+ 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)" 4 y& |& C* J! m+ x
width=60></A></TD>/ V1 ~$ ~$ d+ \4 z
<TD background=files/index_flash2.gif height=60 " ] i5 t9 V+ W# U1 ?
width=60><A
2 q/ _0 i4 \0 i0 t href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
* @& A1 s8 J. j: {3 X alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
# E" }5 r- M4 E1 I onmouseover=nereidFade(this,100,5,7) 7 F4 g- P$ ` ?
src="files/index_flash.gif"
* T, D& D3 `) Z# s' \5 }6 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)" & d. n( P( c: a8 B( A- e) h I t
width=60></A></TD>
0 q2 x3 d/ b/ z1 k1 i0 u$ z" E <TD background=files/index_photoshop2.gif height=60
% x% b7 N# ?1 C; t width=60><A
9 m5 H7 b2 ?" I. M href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; I! p0 u' f9 W7 S7 j alt="Photoshop 资源" border=0 height=60 , x, {$ g' S, i
onmouseout=nereidFade(this,01,7,5)
1 ^$ l- } b$ ]0 F$ [5 t onmouseover=nereidFade(this,100,5,7)
8 k$ K7 t' N B! v src="files/index_photoshop.gif" 4 \5 k2 H8 x7 L0 Z! q2 L& u
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)" + Y7 p" Y l! x9 N- x. E0 b* S
width=60></A></TD>
- F# g4 R% q$ |* }+ X. D7 v </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|