|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>1 H ~9 r& [9 A3 k' P
<!-- Beginning of JavaScript Code -------------------
% K# T4 I0 i" q" f
# Y: M2 r: t0 ?nereidFadeObjects = new Object();8 c' a% q- Y5 ~. l
nereidFadeTimers = new Object();. R* `0 ?7 D2 I/ p
function nereidFade(object, destOp, rate, delta){7 s& {" A0 x2 @$ z
if (!document.all)$ y2 I9 h8 w( }+ s
return+ x& i# L& I3 M5 b+ n
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
* G/ y* R! [8 Y return;+ D; i( B( o! I
}- {$ U- w R* y* @
clearTimeout(nereidFadeTimers[object.sourceIndex]);7 a" K4 @1 n% W4 m
diff = destOp-object.filters.alpha.opacity;: G9 Y6 n# s; {
direction = 1;8 L1 v J+ \5 z) Y5 x/ N1 s
if (object.filters.alpha.opacity > destOp){
" k! x3 O! j; L9 w1 Y' e+ ~ direction = -1;
8 K. `$ y) }* B) x" C }4 [/ Q7 Q: D3 h3 B8 u, i5 V" I. b
delta=Math.min(direction*diff,delta);
% [1 N. v6 I& ?0 b object.filters.alpha.opacity+=direction*delta;
7 b' {# N* x1 i1 W V# F if (object.filters.alpha.opacity != destOp){, R: F+ S5 K3 `8 g. o/ E& W
nereidFadeObjects[object.sourceIndex]=object;0 ]* z; {; ^2 Y% T) `( v
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
; C) q: {( q: Q4 B+ ?& d }! m3 a$ c1 p; S) [5 l% _) a
}8 c; z/ p1 Q- w7 Q
// -- End of JavaScript Code -->6 c" x9 d- \) Y% j/ C
</script> |! ^1 t) T; v
//修改下面的图像地址和大小9 r7 |9 B( p; d4 y1 u" X F4 k0 e
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>+ t( ?% F$ x, z' B9 `
<TBODY>* V l* G1 R- O1 B6 G9 `
<TR align=middle>
2 f0 N! i/ p/ E! B5 e4 | <TD background=files/index_dreamweaver2.gif * J0 b" _- b. R. w8 m9 k: C
height=60 width=60><A 2 M; G* _* W# k* H5 T
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ U8 m' n M# I' `0 O L C9 L9 j alt="Dreamweaver 资源" border=0 height=60 3 ~! P: b V; g5 d
onmouseout=nereidFade(this,01,7,5) % y3 T: N: H- W* C" [8 c
onmouseover=nereidFade(this,100,5,7) 9 ?) y7 d4 n: g
src="files/index_dreamweaver.gif"
; L* Y; x- `& f# J8 f( ]) 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 y% ~( e4 G) c+ ]' ?- J! g7 \
width=60></A></TD>
+ {. Y7 N S9 L0 P8 U <TD background=files/index_fireworks2.gif height=60 7 |/ `3 I6 A: j' i5 V% i* b
width=60><A
/ l2 ?0 ]5 [/ e href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 i7 E s* j4 ~" M) V$ \ alt="Fireworks 资源" border=0 height=60 # m: g4 o0 X; ^" V' i( J
onmouseout=nereidFade(this,01,7,5)
& ^" x/ E5 z! W onmouseover=nereidFade(this,100,5,7)
4 I. p0 A- k4 e src="files/index_fireworks.gif"
- X2 I; g" [: g, R U j: T 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 b! s2 R' f' v) q2 y
width=60></A></TD># L. d4 _; @& ?* [) M
<TD background=files/index_flash2.gif height=60 . \4 X+ w$ l; l' I
width=60><A
" o O- b5 Z0 f q: @ href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ( l8 Y6 M! t: s7 t- B
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ) _" r' I. \. p8 x
onmouseover=nereidFade(this,100,5,7) & ]1 M' t7 @ o+ ~+ [5 U# ?5 L
src="files/index_flash.gif" / m+ j1 L/ m6 @0 v6 A
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 i8 C2 k: r0 f$ }( @ width=60></A></TD>* q6 A- s$ g* y/ K
<TD background=files/index_photoshop2.gif height=60 , P# X$ d- E# P1 [% Y9 l7 b( c
width=60><A
( J8 G7 v6 C/ c6 J% f: K1 J* g href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 ?+ R0 u3 A( `8 A* H1 A4 `8 B alt="Photoshop 资源" border=0 height=60 0 V! B6 @: k( G' ]5 S
onmouseout=nereidFade(this,01,7,5) . T( n8 B- g u: g1 m3 E2 i7 \
onmouseover=nereidFade(this,100,5,7)
% Q* u$ V% F7 Z; s5 J src="files/index_photoshop.gif" 4 o. K7 N- Y! V# t8 A
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 |$ l3 [1 D" ~. U3 j* Q% U width=60></A></TD>5 V I* ?- |, E+ D3 G9 \
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|