|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
& F( X" x M. ^ x<!-- Beginning of JavaScript Code -------------------
! g) D* w! w% b! b6 }7 ]' z
l& q" t' n/ X3 a, |! YnereidFadeObjects = new Object();0 G% o+ n/ B% c( s6 @( ~
nereidFadeTimers = new Object();' \9 i7 s' j% l7 w
function nereidFade(object, destOp, rate, delta){
w* [; J+ e5 F; I$ Wif (!document.all)9 i2 ~3 a1 E: Y2 P a" z5 _
return
# A4 ^& F6 x8 J8 T. @ if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);0 o0 N" k7 j7 G& @. e8 b. {
return;: `3 Q- k# H" h4 \" |; N
}* r. S: r2 E5 U5 E$ Z2 q( v- F
clearTimeout(nereidFadeTimers[object.sourceIndex]);
! V P' h* E0 M diff = destOp-object.filters.alpha.opacity;% S. @8 L( {" e J! {& S
direction = 1;
' \0 F) Y3 }% i7 A; z- l v, Z if (object.filters.alpha.opacity > destOp){- |- H7 Y. J: s' M. m! N
direction = -1;
( m9 j" J7 c7 Q3 Q1 J2 { } G B) U+ O7 }2 X6 x! B+ J8 ?; A
delta=Math.min(direction*diff,delta);
0 `% r% s9 U0 ^/ V3 z object.filters.alpha.opacity+=direction*delta;
! J7 t8 j# p! X! h/ x2 K3 |3 F$ f if (object.filters.alpha.opacity != destOp){( [: o& {( F7 C7 `5 a
nereidFadeObjects[object.sourceIndex]=object;! z+ {: [( s9 t, P2 j
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
% L3 k G, k' u% K }
8 E; F: I, |/ P% v; G}
5 J7 X4 k1 \6 O; j. t0 D// -- End of JavaScript Code -->
# }; W( w& k m d/ D3 P</script>0 G4 W& Q/ x ^6 i( ~, [
//修改下面的图像地址和大小- e9 X9 J- S/ O) m1 v
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
4 {% T" T& r5 j: k <TBODY>
9 {" T7 s# K! p# l) k- I <TR align=middle>
& N8 Q8 q5 u3 o( r3 e, Q, ~ <TD background=files/index_dreamweaver2.gif
: d* b* s: F9 X5 T1 M height=60 width=60><A + p" p3 z1 ?$ |2 _/ n
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ s8 T0 M$ l6 v" {: |9 a r alt="Dreamweaver 资源" border=0 height=60 * S0 X: ^# {8 B b0 I6 B% b
onmouseout=nereidFade(this,01,7,5) 3 A* L9 V8 v6 i A/ p( V
onmouseover=nereidFade(this,100,5,7) ' v& x) N4 {2 q6 N4 O1 t6 d! }
src="files/index_dreamweaver.gif" / m1 H4 h- \7 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)"
: Y# i: d6 v: g$ a width=60></A></TD>
8 R9 D' w; l% ^$ ~. a& d% h <TD background=files/index_fireworks2.gif height=60 + {1 p% V' u/ w: E" i
width=60><A
* l8 S5 K. \! G* L4 ~ href="http://www.hooji.com/java/display.asp?id=542#"><IMG
J! d) z; I6 w, m0 Q- o+ E* p1 M, n alt="Fireworks 资源" border=0 height=60 # x/ ]% B- ]/ s; A" r6 \
onmouseout=nereidFade(this,01,7,5) ; u$ R* l- E* P
onmouseover=nereidFade(this,100,5,7)
. Y: [/ O# L% M" T2 G src="files/index_fireworks.gif"
4 G% y! X2 S2 b' 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)"
3 N- U b5 ~0 H1 w+ @ width=60></A></TD>
2 [: E6 y& m6 r! [9 m% N <TD background=files/index_flash2.gif height=60 * q! e8 C: O) Y f
width=60><A
4 M+ V9 p+ E' z3 G) p' v2 f+ k8 \ href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
" O# Q0 E- ^2 N alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
0 r5 ?2 \$ K6 B. h) T5 `* z) B onmouseover=nereidFade(this,100,5,7)
3 b9 k5 [4 P5 R7 X& t* I, w5 Y src="files/index_flash.gif"
5 a" k! ~) [1 ], ? X; z$ m 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)" + K( Q# P* j3 X
width=60></A></TD>% R/ b) |/ R3 B& W* R7 F# D; Y
<TD background=files/index_photoshop2.gif height=60
8 K0 e: Y. x- J' t width=60><A - X- i9 h/ Z# q8 B4 ?( X- G( o
href="http://www.hooji.com/java/display.asp?id=542#"><IMG " g' D, O! _4 @1 E0 y5 J
alt="Photoshop 资源" border=0 height=60 5 y) V- n! {- N+ W0 o! O4 O
onmouseout=nereidFade(this,01,7,5) . Z+ k1 n6 ^1 M8 H' Z: n+ _6 C- z: T+ e
onmouseover=nereidFade(this,100,5,7)
8 E. o3 m% a( }. i3 s+ ~4 V src="files/index_photoshop.gif" - d/ L+ L, q# ~+ l
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)"
. ?% f% ]; ?6 g! n5 }* @ width=60></A></TD>
9 L3 s6 j2 [5 a3 Q8 ?8 _ </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|