|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript> [6 b" Q- _8 d' |; v; d: T, K$ T9 D
<!-- Beginning of JavaScript Code -------------------
/ ?# [0 s$ |5 R
6 ], k0 [8 L- ?% Y4 H; znereidFadeObjects = new Object();
$ W7 m& n. D% D2 _9 E' T% l! gnereidFadeTimers = new Object();
6 ? K0 o3 q( @% z$ y" z* \ Efunction nereidFade(object, destOp, rate, delta){
! F& k& V- t5 Xif (!document.all)
$ U- J( d; J1 C! G; jreturn9 ]" g+ U- W: ~# g8 n
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
9 }* e$ X7 V) T. ?* L, Q return;% S) b. x, }" f# n; I6 ]& M
}; o" f6 m) S6 \. H! _2 o, |+ K
clearTimeout(nereidFadeTimers[object.sourceIndex]);
9 W l/ E* ?) X) _) _# r2 j diff = destOp-object.filters.alpha.opacity;
: G2 B3 a, ~/ Q- n) u6 ~ direction = 1;
$ V# D+ C1 f: j( b% u if (object.filters.alpha.opacity > destOp){
% N" z" ^9 I g; q direction = -1;
: G; \' C( r) ?1 f8 _, ~8 d }
# F. w* H$ i6 \( `& c3 g delta=Math.min(direction*diff,delta);
1 Y) Y; w$ _; s& C4 E. B# K object.filters.alpha.opacity+=direction*delta;! O2 I1 G0 w2 e( c- ]. k
if (object.filters.alpha.opacity != destOp){
* z1 L7 O1 h$ A! e7 I2 H: _# E. H nereidFadeObjects[object.sourceIndex]=object;" V0 }# s1 h# Q8 w# m
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
9 V& }" A( U/ Z, K1 p; T }$ |4 R/ d6 c+ h5 [. i7 F0 s
}4 u0 k* @1 q1 G5 N+ p$ b0 v3 |
// -- End of JavaScript Code -->
( x! b- O* B }" k</script>
, q! H4 n" t* t# k7 S //修改下面的图像地址和大小
# a5 T& O4 d- M* w1 S/ x$ u<TABLE align=center border=0 cellPadding=0 cellSpacing=1>* w' Q; Z3 K+ ~
<TBODY>
* @ x. |2 c$ J. _2 q( D% B <TR align=middle>
|! d/ h7 M* }) ^) ~, a" n+ Q3 z0 R <TD background=files/index_dreamweaver2.gif 5 @# ~2 i$ u3 C# W
height=60 width=60><A
U- q$ s5 |4 j href="http://www.hooji.com/java/display.asp?id=542#"><IMG - ^) f( Y' s/ ]
alt="Dreamweaver 资源" border=0 height=60 & j$ l S5 A2 p, s# `
onmouseout=nereidFade(this,01,7,5) / { A4 }3 w" W6 k8 x4 l
onmouseover=nereidFade(this,100,5,7)
) M7 u; x$ U+ X; ~" N- O src="files/index_dreamweaver.gif" & d. s% Q c- D! G4 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)" & S$ Y7 F& R J: X+ j9 L U
width=60></A></TD>" M9 d3 R8 n! w6 {& O: `
<TD background=files/index_fireworks2.gif height=60
$ ^# H" C2 b& ~/ z: Y' I& A& Y width=60><A
6 A# ^; u& V4 y# ?% C0 V2 d! n href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( J; o; x0 v' l$ M8 g6 T( B7 K* z
alt="Fireworks 资源" border=0 height=60 S8 J- M9 @) B
onmouseout=nereidFade(this,01,7,5) 8 z# A3 m" O3 R( p7 J3 g9 w9 \
onmouseover=nereidFade(this,100,5,7) P; G$ T: T2 {3 v
src="files/index_fireworks.gif" 1 b( x7 P3 B" 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)" 8 ^; h# o* h$ t8 w9 o
width=60></A></TD>
$ O4 B( U3 ~ l; H. j <TD background=files/index_flash2.gif height=60
: t4 H& F/ L. L width=60><A
+ h2 O' U8 a3 p) B4 E2 B href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ; }* p1 U# u& G5 K" \5 b# h
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
) Q3 {& n+ J6 C3 s$ x onmouseover=nereidFade(this,100,5,7) 2 X8 N; F0 y7 C; i% K
src="files/index_flash.gif" % w, W3 A- T# u+ N4 ^0 _7 \. A1 x
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 `" y9 N& @( e0 A% o" g+ G) o) o width=60></A></TD>7 H: }2 a2 H! q: w" G( `
<TD background=files/index_photoshop2.gif height=60 & n+ m3 T3 A% W8 b6 H1 |6 X* J
width=60><A f0 Y, c! @& i, Q! p/ b+ S
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" s0 `/ } r( p alt="Photoshop 资源" border=0 height=60
, C8 j* O p& _) V& y onmouseout=nereidFade(this,01,7,5)
: e' R6 N& p. e$ d onmouseover=nereidFade(this,100,5,7) ! |6 U; S# h& h0 N
src="files/index_photoshop.gif"
, _# H |" s4 m3 c 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)" ! L3 {/ H4 C/ F
width=60></A></TD>3 f6 Y5 n8 p" |2 _1 w9 |4 p8 M
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|