|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
$ ^) o7 _7 N% W' F& m<!-- Beginning of JavaScript Code -------------------1 y$ \# I% |+ Z
7 y* i( l3 W4 F, I7 o! k
nereidFadeObjects = new Object(); H+ X; c( Y! X# w
nereidFadeTimers = new Object();
: f' A" F, p0 E! Z2 ^2 d. k7 p& M' Afunction nereidFade(object, destOp, rate, delta){
6 |0 C$ L4 q4 N6 c2 Hif (!document.all)
6 v4 @5 ^1 R h+ h$ Greturn3 }0 h( M$ j# ^- G0 |0 k3 x
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);% _% K" A' @" `6 k N5 a2 _' X6 o" ?
return;) g4 b9 G8 y" v1 e) a
}
{2 ~5 z' s, _& t: Q: ], i clearTimeout(nereidFadeTimers[object.sourceIndex]);
: o: D- x7 ?; A" H diff = destOp-object.filters.alpha.opacity;0 H/ Z. S$ q- t: {/ I0 s' n! n* U
direction = 1;
+ m2 V" y0 K! W! ]- B r. B" _! e if (object.filters.alpha.opacity > destOp){
- }% Z( o3 J) p" f! B; n' B- z* x direction = -1;
7 ] z$ d4 {8 i/ G }. j/ V- l' I( {9 S7 q( \
delta=Math.min(direction*diff,delta);: f0 l1 R5 Y6 Y& d7 d
object.filters.alpha.opacity+=direction*delta;( n# @- a2 V# Y+ y
if (object.filters.alpha.opacity != destOp){
8 K/ h& @ V- o$ ~ nereidFadeObjects[object.sourceIndex]=object;
8 X6 I6 W7 C w5 g/ _ nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);( W! C9 Y* w/ {/ H. b
}
- `3 n2 W. ~! J& }# a}. c! n% H4 o6 z4 ~0 b! f! w4 m6 ?
// -- End of JavaScript Code -->
' i* T' B, u+ ~4 V8 Q/ g</script>
$ u6 Z" G) q/ P2 X //修改下面的图像地址和大小; I4 z4 u& X0 q1 M N
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
0 M* K# z( Y; ?4 ]2 t <TBODY>$ q% n; Y( h, Z n3 X% V! d
<TR align=middle>
l" h4 t; T: N <TD background=files/index_dreamweaver2.gif
! n. `( C6 W- ~+ C4 d4 o4 t height=60 width=60><A ( z3 Z3 y2 Q# h$ i
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- K% ~/ P5 S, ]. G) p6 D* v alt="Dreamweaver 资源" border=0 height=60 # A1 s$ E+ q" Y1 _) Y L+ ]5 H/ |/ y
onmouseout=nereidFade(this,01,7,5)
9 u$ o9 [% x$ j, w4 Z onmouseover=nereidFade(this,100,5,7) 2 S' V0 Y6 O* Z7 d. u
src="files/index_dreamweaver.gif"
, t# ^/ o3 w7 |; f7 P3 m! N. d) B 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)"
4 c" c. @) Z( N width=60></A></TD>/ q3 o* N/ I4 `' J- _* m
<TD background=files/index_fireworks2.gif height=60
8 Q. G) |; z& j$ h- I1 i2 n( O width=60><A
1 Q, L7 q/ X( v; \6 W href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 o; z7 H& H9 f- E2 x! @4 I M alt="Fireworks 资源" border=0 height=60
) D6 ?9 S0 u# C0 R onmouseout=nereidFade(this,01,7,5)
/ X( S/ h5 Y0 o onmouseover=nereidFade(this,100,5,7) * ]$ h5 t8 F. e& ?; M
src="files/index_fireworks.gif" 9 X) ^$ {/ I g' B
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)"
) q' k; Y! u, E2 V; L' R. \& M width=60></A></TD>' ^2 m0 j" [ x8 F
<TD background=files/index_flash2.gif height=60 ( {- C: L, q. M) w: g' y
width=60><A # \5 N5 s7 o% {
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 3 i, k/ W: `1 U% w% a0 r7 _
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
3 i# Z" e" ^$ N8 c onmouseover=nereidFade(this,100,5,7) ( ~8 {2 q0 Y# t7 a/ {, J- ^
src="files/index_flash.gif"
! F, F0 Q- i) I' U. k, j. D3 {# J" s) 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)"
; U+ D9 n0 [: P, W width=60></A></TD>
' q. f V' @ \: e/ j0 u <TD background=files/index_photoshop2.gif height=60
6 M- X) g2 _3 J. W6 j; {9 Z9 `; p width=60><A ! V+ _0 R7 [+ x: A9 o9 v7 z9 S
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 w: B& l- c& M alt="Photoshop 资源" border=0 height=60
% \9 V3 y- o% B" M* P: e onmouseout=nereidFade(this,01,7,5) 9 x% A, {: ~5 G/ Q0 h0 W
onmouseover=nereidFade(this,100,5,7)
% @+ v2 \7 y8 n h5 a6 G9 I" m3 ~' T! q src="files/index_photoshop.gif" - W2 f3 a& L4 B7 V
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)" + w# D1 I5 H" E* F$ y# [7 v& E! U
width=60></A></TD>
0 Q+ P. u; x8 B) [ </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|