|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
5 c+ {: G( J( o8 k) E6 U* `- u& y0 E<!-- Beginning of JavaScript Code -------------------
3 H6 J4 p) J6 u' a g7 W* M v, k, H
nereidFadeObjects = new Object();. a( X- Y Z7 x& Q( g4 i" P; o
nereidFadeTimers = new Object();) n0 d4 y+ U9 V% x3 a0 ~
function nereidFade(object, destOp, rate, delta){
6 P% V6 y; a; ~/ }0 J! x0 x% ^if (!document.all), i# ]) p o& E; Z0 b2 s+ P
return) G6 `3 I9 g1 p8 M7 O# `" y
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);* f# j6 B: E; R/ a$ @" v5 Q
return;
b& n% i- J' Y+ @0 c+ Y) b/ q }
! w8 M6 `0 z* g' b2 m* P1 S clearTimeout(nereidFadeTimers[object.sourceIndex]);
, Z" p0 E) d$ G7 { diff = destOp-object.filters.alpha.opacity;, I. l) ^% @8 e/ }; E
direction = 1;
9 t F$ P7 W1 K5 j0 ]! ]6 v if (object.filters.alpha.opacity > destOp){
# s; q3 \% Z1 I* a: I* q direction = -1;- M4 b6 g6 l- q: i8 }/ S
}3 F1 S9 Z& z) J7 u4 S' Z
delta=Math.min(direction*diff,delta);0 B5 C6 H2 J1 O6 x" q3 W% a' p
object.filters.alpha.opacity+=direction*delta;
- f. {8 p$ f8 G/ T8 p/ t. C5 r; v9 @1 E if (object.filters.alpha.opacity != destOp){
; l$ Q+ X" Y( _' I6 l! K ]9 O ` nereidFadeObjects[object.sourceIndex]=object;- h1 j/ t! @" K
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);& X, u$ m" M' q. ^
}
% d% h: f8 Q* Q; ^7 i9 W}' Y' h# Q& _& ], w9 M
// -- End of JavaScript Code -->
+ x$ c) V9 g! _3 d</script>& s! s$ ? m+ M
//修改下面的图像地址和大小
3 L, {. z5 n7 T% b( t+ H; p: V9 S T<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
+ X7 D. T1 ]4 j7 l% p! p; n: L <TBODY>1 X" h; h+ N5 l- O8 ~' z" T
<TR align=middle>
9 }. D! {4 u2 x; ^) D# u <TD background=files/index_dreamweaver2.gif - @' J+ R# s- p8 J- z2 I$ a' O
height=60 width=60><A 2 S# d- S1 X# n5 S' ?: @
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ L4 T* I% y5 Q4 N alt="Dreamweaver 资源" border=0 height=60
1 R. z: c) E# b+ i0 y1 Y onmouseout=nereidFade(this,01,7,5)
' y5 b5 e9 d; S: W$ F& n8 S7 j onmouseover=nereidFade(this,100,5,7) % c* q) K; A+ U% c$ p& S
src="files/index_dreamweaver.gif"
9 q+ L* U1 `0 i9 n- d( \+ ]% 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)"
! T% T7 u- b Z- c3 V width=60></A></TD>
( b, u' |" Y% b- R& n2 U) _ <TD background=files/index_fireworks2.gif height=60 4 g6 n% y7 Z5 a: z7 j( ? \
width=60><A " j6 g" U% u% q3 |4 N
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- J+ T- |/ C7 c4 D( u1 O alt="Fireworks 资源" border=0 height=60
. o4 \( O* M2 J& l# L: [+ z2 ^ onmouseout=nereidFade(this,01,7,5) 4 n: M3 b' P* l* v
onmouseover=nereidFade(this,100,5,7) ( {% G2 A# N# f- _
src="files/index_fireworks.gif"
" p7 k# W: @' Z3 }. e. ^; _ 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 T1 h; \' H( i6 _3 n6 T: z0 `
width=60></A></TD>* e0 @1 s; u# p; A, q
<TD background=files/index_flash2.gif height=60 + Q1 J! S h; `$ z, s
width=60><A
3 i& B3 C" _* d# B ] href="http://www.hooji.com/java/display.asp?id=542#p"><IMG + }5 E2 Z9 S; }* U
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
$ p; [: u5 {9 ] onmouseover=nereidFade(this,100,5,7) ( v- w, n+ m& C( w4 W+ f% T* ^
src="files/index_flash.gif"
! f: j7 ~+ t( |. J2 h- 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)"
5 ~! W& ?: E2 A, V* O width=60></A></TD>
6 `# f% [* e/ Q" x2 s <TD background=files/index_photoshop2.gif height=60 ' ]! s. z! R9 b$ ]7 u' Q
width=60><A + C- s4 [9 b! G; l; z, K+ d
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 4 C% `* Y5 S+ v9 r+ [8 V& H
alt="Photoshop 资源" border=0 height=60
, X8 X* \+ e/ p0 S onmouseout=nereidFade(this,01,7,5) 7 y p: z8 k7 n; F
onmouseover=nereidFade(this,100,5,7)
+ P+ Z/ d3 h" Z4 n* A src="files/index_photoshop.gif"
8 ^4 H1 u; C& Q1 R3 d/ a% 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)"
: ~0 J P1 N3 C1 V width=60></A></TD>
" W: m$ S! D1 V& @4 W </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|