|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>/ T1 S1 G l* t. Y. u1 A, b
<!-- Beginning of JavaScript Code -------------------4 z+ c' R" s$ _& x
, {. q( m% \# y: ~
nereidFadeObjects = new Object();
, @2 f0 B7 F0 _) J4 {6 OnereidFadeTimers = new Object();! w- \* m5 m, D
function nereidFade(object, destOp, rate, delta){. v# l; B! K D+ k5 u
if (!document.all)
' d$ W7 e4 {4 {9 o5 Areturn9 P, {6 ]6 f: R' W0 z- b
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);" s$ g: n. d! a; l; z6 |1 ?
return;
2 i t+ i; Y9 R }
, P4 r/ z) Y. d& G0 J clearTimeout(nereidFadeTimers[object.sourceIndex]);4 T/ r' _# Z/ ^8 _# z" i6 K( k. \% m9 C
diff = destOp-object.filters.alpha.opacity;
. v% q: l( o1 J \0 h) d direction = 1;0 X# {$ U5 o0 ^; z! _% _5 Y; T
if (object.filters.alpha.opacity > destOp){8 {% v0 e" N: [! X6 G, I
direction = -1;' c; y' [0 C/ }9 F. H
}
9 h8 B, E" A/ s6 H7 E$ I delta=Math.min(direction*diff,delta);/ }/ J, i& M9 B" D7 F, r
object.filters.alpha.opacity+=direction*delta;( ~ M" v, ~4 r8 j% s o
if (object.filters.alpha.opacity != destOp){ b6 ] Z+ d2 F
nereidFadeObjects[object.sourceIndex]=object;
) E: l3 i2 i& ^& f! [* m nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
$ S/ G& s; |5 k0 k, w8 p }
$ X: D% v+ y4 y}
, N9 v9 v6 u. @$ S* h. M% ~/ P// -- End of JavaScript Code -->
8 E2 }7 [2 V8 N, D8 S5 L- N) i( l</script># c4 a% D3 e) u% T7 @/ Z% p
//修改下面的图像地址和大小
' H/ R9 C0 y$ H! H' @+ H<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
; \; |. R. w+ E <TBODY>/ U3 ]. N! |3 |# p' n9 ^+ ]0 y
<TR align=middle>& c$ j, k* A1 w. Z! Z7 }! `
<TD background=files/index_dreamweaver2.gif
$ [0 V" X3 Y1 v height=60 width=60><A + I7 r& ^# z" Y ^, v
href="http://www.hooji.com/java/display.asp?id=542#"><IMG & ?6 u8 h9 g' T, k. S" v
alt="Dreamweaver 资源" border=0 height=60
& ^7 a6 X5 t+ \2 H, _ onmouseout=nereidFade(this,01,7,5) ! ?; L6 y9 F+ I5 }, n6 J
onmouseover=nereidFade(this,100,5,7)
. f6 ]9 Z1 F% _! | src="files/index_dreamweaver.gif" E+ ^$ f! J' h0 a, {, [# }
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 d1 y5 s* G7 W8 N/ t width=60></A></TD>
1 E! E( p5 ~" h$ y <TD background=files/index_fireworks2.gif height=60 % c2 V2 t: C" Q* e2 m
width=60><A
, i0 x) b6 p3 h href="http://www.hooji.com/java/display.asp?id=542#"><IMG * F" G" a% I' z+ O8 F; l
alt="Fireworks 资源" border=0 height=60
: @3 }9 d, y" Y' a3 _ onmouseout=nereidFade(this,01,7,5) $ H1 l* i1 h; S0 L$ s: E- ^
onmouseover=nereidFade(this,100,5,7) 0 R& G& ^7 U3 Y; s) T i
src="files/index_fireworks.gif" 8 N4 D/ w. A; L) O$ 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)"
' l+ o7 M l' C width=60></A></TD>
" z3 o; ]* Y) L+ R$ q <TD background=files/index_flash2.gif height=60
' j3 X1 R' i' ?0 }1 h width=60><A 8 E! x' J+ b, r1 D5 o; _$ \ ?, H3 N
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
# K8 r) Y z' @5 [: m! { alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
4 o# y( u0 o8 D onmouseover=nereidFade(this,100,5,7) ) ~* f8 w3 w! u: u2 K
src="files/index_flash.gif"
# t1 r% _& g3 P8 K 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)" - R# D8 m8 I) Q
width=60></A></TD>
8 D6 w" j" {1 }- e7 j6 h <TD background=files/index_photoshop2.gif height=60 5 q% q* P1 Y) S# R5 l3 i. Q1 M/ ?
width=60><A " q2 V3 Z. B5 h
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ; V+ X" K! m! F# S1 R
alt="Photoshop 资源" border=0 height=60
/ |2 @6 v. P( w9 p; l# E1 V) T* Z onmouseout=nereidFade(this,01,7,5) 1 D4 v) b- w, d# w- n/ }' E( h
onmouseover=nereidFade(this,100,5,7) 8 D5 K3 l) t" [
src="files/index_photoshop.gif"
2 `+ [' C- n0 ^ 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)" ' L9 G' k. j; W2 R' B
width=60></A></TD>
7 b" K( M4 z0 j' [! q </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|