|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
7 y x+ g3 Q7 b! u- l; u# F% j, J<!-- Beginning of JavaScript Code -------------------& R" }8 t5 d* e% g9 D
) x) {5 X' l( `7 C6 H. Y1 b
nereidFadeObjects = new Object();
! [( T' R! j! U- ^5 KnereidFadeTimers = new Object();
% ~" w" u6 g, n5 a1 F9 kfunction nereidFade(object, destOp, rate, delta){
; j5 Z4 Z& e' ^# Qif (!document.all)
2 [9 {, z! j! U; }2 W$ m: areturn) U/ I; M) ]5 X. w* q
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
6 |8 t, S4 V B* p: e% y: {4 p _ d return;& ~+ C0 p; } e% g9 ^1 t4 y0 v
}
7 Z: A$ y7 F) j: ?9 H2 [( | clearTimeout(nereidFadeTimers[object.sourceIndex]);
: h" o4 P3 y* Y- R/ r3 k8 C9 U diff = destOp-object.filters.alpha.opacity;
$ a4 N& C! g( v/ o8 @ direction = 1;; B, I& |0 W1 Z" C
if (object.filters.alpha.opacity > destOp){' \: E$ e; K4 Z" j+ {$ m
direction = -1;
- r2 B) {7 k/ {# B ?) ~) E }. a# s$ E2 i' V; c3 p/ e
delta=Math.min(direction*diff,delta);
7 e+ m M6 k4 ] object.filters.alpha.opacity+=direction*delta;
- U4 s1 D& M$ [7 \1 D if (object.filters.alpha.opacity != destOp){0 ]! h. R, P' n1 L( _
nereidFadeObjects[object.sourceIndex]=object;
- g! Z$ H0 W. B7 X+ u; o# N nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);0 o+ O% o: r1 c3 q) ^ |
}
2 m u7 j) f, f; l. r}5 w- W% ~- b' g9 L2 C2 W9 q
// -- End of JavaScript Code -->6 X: n# C- N) ?) } w2 \( H
</script>' M+ C5 o) j o/ d
//修改下面的图像地址和大小
3 J3 T) E! r6 i# o<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
2 v+ Z) n! Q" M( v( }* S <TBODY>
' }$ c- y; _ \! y& J <TR align=middle>/ C3 ~4 f% I q0 n
<TD background=files/index_dreamweaver2.gif 1 n& z! }1 m5 Q1 _
height=60 width=60><A
" [& T) G F1 E& | href="http://www.hooji.com/java/display.asp?id=542#"><IMG 4 I! I) u% b% i' F- Q: y' Z9 G
alt="Dreamweaver 资源" border=0 height=60 ! l R% E Z! A$ c9 K- {
onmouseout=nereidFade(this,01,7,5)
# W7 x8 H- ~, I+ e8 p onmouseover=nereidFade(this,100,5,7) ( @ f3 b2 q& I% D# ]6 B) R
src="files/index_dreamweaver.gif" 0 T2 A4 y" q+ v8 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)" - X) z( N# g2 m$ H
width=60></A></TD>
0 s/ G4 f3 {& B5 ~+ M- l& \ <TD background=files/index_fireworks2.gif height=60
5 h/ }3 ^- g e6 D width=60><A , S+ h% w0 Y/ b- p0 Q" h
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 Q. j4 x/ t& D0 D- ~ alt="Fireworks 资源" border=0 height=60 . H8 O6 u3 i/ \* R3 f/ V
onmouseout=nereidFade(this,01,7,5)
; b; y# d- v# [& k onmouseover=nereidFade(this,100,5,7) & N% D5 m, M8 }+ r, P" Q
src="files/index_fireworks.gif" # P4 G! \ O, y" U8 l* Z; X, H
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)"
$ p* I( U& U* x; E2 F+ x, {/ Q" U7 s: } width=60></A></TD>% V H' J/ S8 [( u
<TD background=files/index_flash2.gif height=60
+ J3 p4 `0 G- p b/ L width=60><A
- H( V- h) Q9 Z' i href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 9 U4 e/ } X: j. N1 ^* u; c. C
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 8 } o8 ?' O1 Y! O( R4 _! G3 @
onmouseover=nereidFade(this,100,5,7)
# w8 Z+ N" c) V5 ^/ F src="files/index_flash.gif"
, F- O9 e3 P% E% U; Z3 e- {# b 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)" # ~% `9 p5 r% c- V1 G0 V( e
width=60></A></TD> Q$ I) ?% U i* m, {# Y3 x* H
<TD background=files/index_photoshop2.gif height=60
, q$ C% z B( [0 r* i8 R2 W* H width=60><A
6 b7 Q" f$ v: V* \" P5 z href="http://www.hooji.com/java/display.asp?id=542#"><IMG
8 I+ J) X# A1 O alt="Photoshop 资源" border=0 height=60
7 T" {# p4 v* X6 R onmouseout=nereidFade(this,01,7,5) - c7 L0 ?: w. P8 V. [( A. m' ?
onmouseover=nereidFade(this,100,5,7)
! l; p% b; Y2 d1 k! L3 v+ E! i src="files/index_photoshop.gif" 1 A8 P. {- D }5 S9 ^# z
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)" 9 |! l& `5 V, I6 f3 A
width=60></A></TD>
2 b' c9 \. W/ m s </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|