|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>4 \' ^3 F/ D9 T6 C
<!-- Beginning of JavaScript Code -------------------
. D, i. P4 @8 e% C% ]+ ]
2 P4 @9 l$ ]: D. w \7 v2 Q4 QnereidFadeObjects = new Object();
2 E5 y2 [$ D+ ?2 S# unereidFadeTimers = new Object();
. G8 A. M7 s/ x0 A" dfunction nereidFade(object, destOp, rate, delta){
! {0 @' k: H7 B( Rif (!document.all)( s) E) V# }5 \ z: x: x Q
return Q5 U! j$ I* E5 ]
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
2 t. X8 f+ h$ O s- M2 O* E8 c1 U; k* ^ return;& r- C+ p1 v, z
}/ o } S6 Q5 A8 Z" Z
clearTimeout(nereidFadeTimers[object.sourceIndex]);
9 ?# U8 b! E9 H% d1 F1 t diff = destOp-object.filters.alpha.opacity;9 H6 a \0 u4 r
direction = 1;4 E2 P' D4 Q2 l5 R5 C# d. W; p& c6 Q5 P. p
if (object.filters.alpha.opacity > destOp){
! }) f, [5 U, n" S direction = -1;
$ Q' g5 W: t7 l! ~- N }0 Q9 F$ g) K% G* \/ n4 @
delta=Math.min(direction*diff,delta);! l3 }" {4 y* E8 H, _" v
object.filters.alpha.opacity+=direction*delta;$ C+ Y% _/ u' f' g0 a% {8 [5 p
if (object.filters.alpha.opacity != destOp){" ]$ \9 [& ]# ?8 R M+ v: T9 j! s. i
nereidFadeObjects[object.sourceIndex]=object;
! ~( t ` _2 Q/ J nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);! e0 W3 k. o9 y- j
}
! W% s5 G: s$ X! d9 D1 v. o; m}
! q2 F# I v! c0 _// -- End of JavaScript Code -->
" e2 x* P2 B1 l V. b* k5 s0 [</script>9 B. Q7 h/ _9 S
//修改下面的图像地址和大小
& I; r! T! ^, y. A/ G<TABLE align=center border=0 cellPadding=0 cellSpacing=1>( P( \6 J4 n; \5 S# I2 a
<TBODY>" n5 g" `+ a I: ~: @) u
<TR align=middle>: }! O G3 Y6 C/ [ r
<TD background=files/index_dreamweaver2.gif . F7 @4 `" N* z# B/ q$ S$ s
height=60 width=60><A 2 X! g# [# {8 {3 G
href="http://www.hooji.com/java/display.asp?id=542#"><IMG , E6 x3 g1 Y2 o- `1 Z' A
alt="Dreamweaver 资源" border=0 height=60
* E T y9 @( a' L- O1 q. [5 \ onmouseout=nereidFade(this,01,7,5) 9 b; e6 ?( w1 Y7 b5 y, D2 g
onmouseover=nereidFade(this,100,5,7)
: P9 |0 c, b/ A# }+ R4 O src="files/index_dreamweaver.gif"
) K* c4 N0 s, s5 ^, k( j 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)"
$ ?) H' t8 `. u$ ^7 a width=60></A></TD>
, S* _5 K3 H5 |3 Y- w <TD background=files/index_fireworks2.gif height=60 : b6 r0 f; E) @8 N0 v* I
width=60><A & f" A `% ~: m
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
x( t$ o! w# e8 l alt="Fireworks 资源" border=0 height=60
) H( b5 _; f" ~* x onmouseout=nereidFade(this,01,7,5) ) M5 [ p- T4 Y% |
onmouseover=nereidFade(this,100,5,7)
6 b5 L1 ^% |3 C/ B& j4 O9 u$ X2 u src="files/index_fireworks.gif" / h2 p5 B- Q: X3 V8 O& 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)" 9 ]. ~! ]: K% e: v* r: a8 O
width=60></A></TD>- E+ {4 D5 q3 l. J8 E
<TD background=files/index_flash2.gif height=60 " J! f6 c2 m* C: l8 u
width=60><A % @, f6 V3 }4 z+ K0 `/ z- ]
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
: X, @0 b) `5 P8 F, c6 @' z+ v+ W. i alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
9 O% X& F! B( S& W/ ^ onmouseover=nereidFade(this,100,5,7) / A- _2 h* b- g( Q
src="files/index_flash.gif"
5 Q- l+ `6 [, L; g 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)" ( X/ I" T n& ]. Y
width=60></A></TD>$ {7 `2 S# d% h s
<TD background=files/index_photoshop2.gif height=60
+ M$ _% |7 x; W6 Y width=60><A
! Q; V, ?- F- m+ G- w href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 ~& z/ q1 v A! F
alt="Photoshop 资源" border=0 height=60
6 n; y3 x4 }0 S1 v: D$ |* q onmouseout=nereidFade(this,01,7,5)
3 W. a5 e5 h @ onmouseover=nereidFade(this,100,5,7)
5 |4 G4 K4 [) ? src="files/index_photoshop.gif" ! t0 Y2 a8 |' D4 |* x( T1 Y0 _
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)" ) ]3 Q. Q1 W* y0 ~. l. B$ |
width=60></A></TD>
: y" s- ]/ S) p2 W4 t </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|