|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
7 A$ O3 Y" P% y, O) Q4 x- \, K. w<!-- Beginning of JavaScript Code -------------------6 G6 T. P: I* z/ c' U2 v+ G; X
- g" m' n/ a3 z k1 u; P c( p
nereidFadeObjects = new Object();# y7 g# U _4 U7 e5 j8 [
nereidFadeTimers = new Object();
( Y) ~ y4 S4 O& Cfunction nereidFade(object, destOp, rate, delta){: U* F1 {6 q/ Z$ ]" a5 W7 q
if (!document.all)
( M4 P+ `0 R/ X+ _9 j: mreturn
8 m/ e+ ~, _5 L I) @ if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
! w- z/ E" `6 ? return;' U: G* y* J5 o& z: s
}
4 |! S9 O5 t/ g( @0 G9 p& M1 r' _ clearTimeout(nereidFadeTimers[object.sourceIndex]);% i. |+ r, x$ W% z# _: ?! Q
diff = destOp-object.filters.alpha.opacity;9 Y9 T: n) t) x( r
direction = 1;
: X0 R' T. j9 i% I if (object.filters.alpha.opacity > destOp){
- ~0 ?9 o' f0 U* u" i8 [. G direction = -1;
/ k7 }) H, U, |. T* n! |8 e# \. Q/ H }
6 v( z: F/ s- I0 c8 n; W( Z delta=Math.min(direction*diff,delta);
5 V5 G0 r9 ^6 g6 _6 e' w$ { object.filters.alpha.opacity+=direction*delta;
7 x: W, p! m* z9 g( I, a if (object.filters.alpha.opacity != destOp){1 Q* V: F% F( j5 a
nereidFadeObjects[object.sourceIndex]=object;, _9 M4 m1 M. F3 P: \& z' C+ d2 q! Q
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
/ A; T3 Y7 i/ [1 E, r' ^ }
7 i7 d ~5 y- E# K# j; N}$ A- S! T9 i) C5 `
// -- End of JavaScript Code -->
# [. H3 ` t% S5 m, i+ `5 I; X</script>
% n8 [2 ]$ _; t f //修改下面的图像地址和大小
* l- W. w' f9 F' j4 f6 t<TABLE align=center border=0 cellPadding=0 cellSpacing=1>! j" W$ z4 x6 V" F4 y! K4 J
<TBODY>
, O( B8 e' G, M$ c6 D% t <TR align=middle>
( y& w% V" O5 T3 T <TD background=files/index_dreamweaver2.gif
. f1 }: N, f+ \4 [/ Q% V height=60 width=60><A 9 g( s+ Q. T5 U' ]$ H2 I
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 R( O, ?: p' p# a alt="Dreamweaver 资源" border=0 height=60 $ @0 S. J. P6 ~. p0 X
onmouseout=nereidFade(this,01,7,5)
! c+ R0 O( c a; z onmouseover=nereidFade(this,100,5,7)
* p* [% v, C4 e% \% H: N src="files/index_dreamweaver.gif" 0 }" F6 {. N; c" y
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)" 2 p1 n$ i0 @" X; m# R I
width=60></A></TD>; f. o ]) |+ t
<TD background=files/index_fireworks2.gif height=60 F- D- ^# A) a! C6 D5 n$ \9 G
width=60><A
# h' K2 N e$ B0 @2 e0 P href="http://www.hooji.com/java/display.asp?id=542#"><IMG 1 d1 U/ |4 s" Z% X2 ?0 N3 ]9 x( g1 {
alt="Fireworks 资源" border=0 height=60 % h5 z& s! C# C; _6 r
onmouseout=nereidFade(this,01,7,5) . D8 x Y5 s( R
onmouseover=nereidFade(this,100,5,7) . J6 y; v/ K: O; q9 \) g. x {
src="files/index_fireworks.gif"
2 y9 r! N! ^+ H8 O& U 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 Z# P$ G; F4 Q width=60></A></TD># U; r0 _' `0 F E
<TD background=files/index_flash2.gif height=60
6 H. O7 v) S4 t width=60><A
3 \$ f" x) o" k4 t& ~# v: C# \ href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
* } z9 e, @0 w6 D alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
9 t) _6 N2 }+ b onmouseover=nereidFade(this,100,5,7) $ z$ ]' O# y: X7 }: J1 u" c0 ?. v( t
src="files/index_flash.gif" ! A- x9 B& x/ F* p; n9 C! 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)" + L, V, S( o1 d" j3 C
width=60></A></TD>
, F! ^; T0 t% Y% z" O <TD background=files/index_photoshop2.gif height=60 ) \0 N" P1 u) z7 [ m. V
width=60><A
# v0 B' w; \# t, g, N$ |2 E6 C href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& b5 p- D3 V* t. [3 ^- l; H+ K% a: c alt="Photoshop 资源" border=0 height=60
. k* W8 G S0 m- v1 ^7 d# r: o7 G onmouseout=nereidFade(this,01,7,5) 0 B* K6 z, a- G5 Z5 G& \- e
onmouseover=nereidFade(this,100,5,7)
3 v" v* @9 V/ K; I% O src="files/index_photoshop.gif" 2 V4 j# S' V& 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)"
1 }2 A" O& }2 n. u width=60></A></TD>& L+ o# x* K$ S7 j
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|