|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
: d' P: R7 ~" i0 c. U7 c0 @<!-- Beginning of JavaScript Code -------------------
( R7 w- l% e7 s U0 v" _
5 v1 k2 c+ H( c) A: |, L4 W% qnereidFadeObjects = new Object();
$ y* Y( e9 m( _' A# _nereidFadeTimers = new Object();9 E; u" Q$ f/ R9 k2 Q
function nereidFade(object, destOp, rate, delta){1 S4 l) O- ?2 G; O
if (!document.all)
& U. d) K m9 ureturn
+ y6 ^, r0 I3 z3 X8 L: r if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);$ K# t2 r6 g) ?- m6 P# c5 O
return;; ]$ D2 `2 K: \- O" ? x
}7 u/ Q8 ^; _- k* E+ X
clearTimeout(nereidFadeTimers[object.sourceIndex]);
" t. q' X0 s0 O* b- ] diff = destOp-object.filters.alpha.opacity;
: `+ U$ I+ [: i, F1 v9 o direction = 1;
. T' s s4 ?! @+ l: @* { if (object.filters.alpha.opacity > destOp){' u, n" d/ x* Y' S
direction = -1;
7 { J% N0 R. h }
! ]& q& U g+ O$ f3 J delta=Math.min(direction*diff,delta);
1 l* C6 x- `" y& E P2 @+ ^ object.filters.alpha.opacity+=direction*delta;
, |6 `0 C5 n4 Y+ G/ n, c if (object.filters.alpha.opacity != destOp){& u3 w; c6 f) C- Z& @; M8 d( A
nereidFadeObjects[object.sourceIndex]=object;
/ i- @ C+ h/ ?: c/ Y nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);+ U: U. a R- `3 e: v) w" T9 |7 s
}5 R# p$ E' A& C3 v" N" ^
}1 Q: ~: ~ W! _
// -- End of JavaScript Code -->
1 T! U, i' b& k. w0 O</script>
; j3 b7 {; Y* B6 M; C% F //修改下面的图像地址和大小
% q# A* j) X, d5 I! _<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
4 e- o# B7 O, f) C& U) k3 H <TBODY>+ L( V* i; I# n6 w1 S
<TR align=middle>
6 b; @6 ^+ |. l1 y) S& [ <TD background=files/index_dreamweaver2.gif # n! M$ o' U/ L m" r. Z2 e4 r" F
height=60 width=60><A
# _* g- Z9 v& r2 s M/ T9 w% V href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) V2 m j2 z" @, m" S6 L& ~" X alt="Dreamweaver 资源" border=0 height=60 * S l$ |; ?& `+ z- M @4 d. x& z& \
onmouseout=nereidFade(this,01,7,5)
" c: t# ?7 p3 J( _# I/ ? onmouseover=nereidFade(this,100,5,7)
% d; [7 ~- s/ w0 J6 `0 T( n src="files/index_dreamweaver.gif"
4 G7 G4 M8 R# f( f 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)" 1 p+ X. s: I7 {7 o# @) I4 f# t$ s
width=60></A></TD>' E1 \1 B; B! u( O1 R7 v1 v
<TD background=files/index_fireworks2.gif height=60 3 B# c* ^9 ~% t! |7 `- K1 V/ w; d7 y
width=60><A 5 c* o- F6 a. P, f9 d C$ i
href="http://www.hooji.com/java/display.asp?id=542#"><IMG * R5 K8 f) P. e1 G
alt="Fireworks 资源" border=0 height=60
3 c8 P7 u1 x3 e& m8 L onmouseout=nereidFade(this,01,7,5) $ y; `4 L+ b7 T H$ _
onmouseover=nereidFade(this,100,5,7)
: p! Q& b' A$ p" G src="files/index_fireworks.gif" # m6 F8 G/ s5 @* e6 l* S2 K2 d7 [
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)"
& q5 x( ~' h2 H* ]& U, F- D width=60></A></TD>( o4 e2 M, U; X# h7 U3 D
<TD background=files/index_flash2.gif height=60
- w1 l$ H% R: |4 I; C. M4 b width=60><A 9 i2 h& x, _( T5 X- @' v
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG / N8 i( A/ D' J5 l. `9 c
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 3 R1 H! m' x+ _, Z6 N; a' n6 }
onmouseover=nereidFade(this,100,5,7) * J7 }% p+ ]6 F' _) w
src="files/index_flash.gif" ) h% Z7 r% C. K4 \4 U- r" p0 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)" / s/ G/ o" w1 |
width=60></A></TD>
- n5 B, ^0 X) n j3 n <TD background=files/index_photoshop2.gif height=60 2 n; {* i' I+ ~4 x; W! V9 f
width=60><A ( k" B1 ^, ~4 j( n
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# E, D$ ?' P- G alt="Photoshop 资源" border=0 height=60 3 Y9 g# u. A" x* F
onmouseout=nereidFade(this,01,7,5) 5 c9 Y1 X0 y: [
onmouseover=nereidFade(this,100,5,7)
" I1 F4 `& K: \+ F* G1 z9 u src="files/index_photoshop.gif"
7 l3 G! a, g& Q2 f 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)"
/ `" |- v0 B$ s2 i* N$ v: F9 Q width=60></A></TD>/ w; N$ e% s/ @
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|