|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
( r8 b5 O7 I c' O; Q$ G0 ~- }<!-- Beginning of JavaScript Code -------------------
1 c' F0 k6 \6 f; m5 W
# ~6 J6 _1 t+ C9 ^! CnereidFadeObjects = new Object();
! S- p+ c1 u. x6 qnereidFadeTimers = new Object();) I) P. W. z+ _6 v% Y7 ]
function nereidFade(object, destOp, rate, delta){$ z h8 h% N8 m- r# H* n# \/ }" |
if (!document.all)
' @- Z( y' `0 Ireturn0 k/ b ~" ]6 B+ o. H+ J, P% w
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
% u: k: A' @- o$ o- o return;' Z$ M/ i: e% X& _( P( r2 E
}
: `5 a3 T0 {4 w clearTimeout(nereidFadeTimers[object.sourceIndex]);
4 Y* p, A D$ X8 D: H diff = destOp-object.filters.alpha.opacity;; l2 ^1 `0 [* o' i: Q+ w" I
direction = 1;" p# i5 [1 U* ^3 c# x& K7 f
if (object.filters.alpha.opacity > destOp){
$ x0 k( Q c6 Q direction = -1;2 n2 u0 d! U1 v
}
1 [; d: @0 N( u9 h1 D8 H: _' R delta=Math.min(direction*diff,delta);7 M% c! p* i& m: h, H U7 c
object.filters.alpha.opacity+=direction*delta;
0 `, u7 r& ?, V# M( t if (object.filters.alpha.opacity != destOp){
; r% a- f" V! m6 a5 j# h nereidFadeObjects[object.sourceIndex]=object;& F* B& H9 L# L6 m1 v
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);6 E/ u- t* `4 A5 c
}- H( ?- v8 ]6 h; g* W/ z
}
+ X. m: e1 K" g4 q7 K& {* m// -- End of JavaScript Code -->3 \2 b/ l* {4 ^
</script>! W/ s: @# W, v: a
//修改下面的图像地址和大小9 I. u+ O5 Y2 v8 _, B- y& R
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>2 `0 {9 i' T$ V; w, w" b0 ^
<TBODY>! D; @5 \$ W" z' l- F$ Y X! Z
<TR align=middle>
1 s: r6 v- Q% i <TD background=files/index_dreamweaver2.gif
8 N9 y8 }. w' v" K3 Y height=60 width=60><A
4 a1 x: e3 o: J1 m% Y. K href="http://www.hooji.com/java/display.asp?id=542#"><IMG 1 c3 M4 o1 P- K" E
alt="Dreamweaver 资源" border=0 height=60 , L/ f" Y" Y1 }0 H* p1 N
onmouseout=nereidFade(this,01,7,5)
0 Q, e v4 n* s4 h. b+ q* V onmouseover=nereidFade(this,100,5,7) / m% R, _ L; G4 A: K4 d
src="files/index_dreamweaver.gif"
/ \6 ?2 s9 F1 [# ] 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)"
0 V/ E4 S' t) ^4 f( n! U1 O+ K width=60></A></TD>
& G' ~( }# B7 s* T. F <TD background=files/index_fireworks2.gif height=60 & O0 g1 f3 n3 T
width=60><A
% B' F7 S3 I' ~5 E! T href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 c5 k6 U/ t- k4 J/ d8 g
alt="Fireworks 资源" border=0 height=60 6 v+ m9 Y( s. }
onmouseout=nereidFade(this,01,7,5) " u. [6 F* M# c% p, u9 Q
onmouseover=nereidFade(this,100,5,7) 1 i" i. [; u4 _% c3 ^
src="files/index_fireworks.gif"
" n, {+ K* e9 y; 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)"
) s. {1 \# Z- w8 G. y; i Y width=60></A></TD>+ _7 }* `; E' n% x1 B
<TD background=files/index_flash2.gif height=60
+ Q9 Z* ^% ]* m; r" U9 H width=60><A 9 ]% Z3 u- i1 G# M: c8 V/ Z9 ~/ g
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
e. h, A% v& X+ a- q alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
* p4 c+ x- |- y Q5 S4 Q+ K1 @ onmouseover=nereidFade(this,100,5,7) {1 Q+ x! B/ D! ^- Y( @
src="files/index_flash.gif"
9 T" `; a) C8 N' x4 @ 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)"
) D3 B) u+ i. e& z- h/ v- n width=60></A></TD>
8 T- U% r- \ }/ u <TD background=files/index_photoshop2.gif height=60
O0 N G0 ]0 M0 a; H7 V7 Y width=60><A " B6 h; l- e. C$ a4 Z' B9 S
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 {$ j1 j6 q9 A. K/ E
alt="Photoshop 资源" border=0 height=60 % R5 i3 x7 p- f6 K1 I
onmouseout=nereidFade(this,01,7,5)
' j, Y9 b2 z4 `6 D: G onmouseover=nereidFade(this,100,5,7) / V& h& @$ O. |' u
src="files/index_photoshop.gif" - Z! D" t8 }& Y7 o8 U. }$ 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 D6 J8 F/ o4 n7 _ width=60></A></TD>/ E) K d, B; U; g
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|