|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>% q* n7 V4 p; W( X; X
<!-- Beginning of JavaScript Code -------------------
/ h1 N9 e" b$ i3 e Y, t9 o' y- {, R$ {7 i! T
nereidFadeObjects = new Object();
, ^! U: |4 X$ _" ~+ fnereidFadeTimers = new Object();7 m0 i8 m4 g' _, `# K% a
function nereidFade(object, destOp, rate, delta){
6 n( t4 `' ?! R/ D: Q" hif (!document.all)9 U/ v% S" D/ R' T h# M" `
return
# `1 e, j0 f+ s. k if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
( K8 V" f4 J4 e3 E# [" r return;
3 o' b# t6 O3 ` i% y }
& `- T# u) D2 g& X) r( x clearTimeout(nereidFadeTimers[object.sourceIndex]);8 Y1 V" L' A4 j9 @* p
diff = destOp-object.filters.alpha.opacity;
0 `* x' x4 x, V2 ^) s: ~ direction = 1;
3 Q0 c- q% ]1 s( D/ Q, x) L if (object.filters.alpha.opacity > destOp){
& P) y. |% x& Z0 S1 E direction = -1; }4 N- s, Q- m7 G+ G+ d( m& ?
}
6 t- S) C @: W" S7 M; e8 j delta=Math.min(direction*diff,delta);' I9 s( E* a! } _
object.filters.alpha.opacity+=direction*delta;! ?* k+ Q9 G0 o% x* E
if (object.filters.alpha.opacity != destOp){+ ^3 q- x% F# t* k5 R
nereidFadeObjects[object.sourceIndex]=object;
/ j5 D& z9 U+ v4 t% m! C/ |: e8 x nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
& N# f' n- s3 w+ }9 _$ L }
8 W: ^! s; Q! }: j) U* t}
$ B+ k" U" N y& r* ^// -- End of JavaScript Code -->
& M7 q2 }$ x' c: W8 M m</script>
4 h* R# i6 g) k7 G- B3 O //修改下面的图像地址和大小
8 C* F, A, t! V<TABLE align=center border=0 cellPadding=0 cellSpacing=1>, U/ p# H) Z' @$ j
<TBODY>" N# n5 j5 q4 ^8 h, D5 U, I
<TR align=middle>; G- F1 c( t7 U: ^
<TD background=files/index_dreamweaver2.gif , @4 l2 f2 ]( w* }# h' i7 i+ X
height=60 width=60><A
% b! g/ c" p z8 [8 N href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& e p2 I, l* Q% P/ K9 S alt="Dreamweaver 资源" border=0 height=60 & S" G# F/ S! P& c- _7 w
onmouseout=nereidFade(this,01,7,5)
6 b% o! ]1 L0 p0 J* { e) N onmouseover=nereidFade(this,100,5,7)
- m( R) ?' t# Y src="files/index_dreamweaver.gif" # g% f# s/ r! y2 t2 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)" ( y2 D7 G, y8 S' t6 O, `9 p6 [
width=60></A></TD> Y0 r3 U8 K" `$ Q6 H
<TD background=files/index_fireworks2.gif height=60
9 X1 k) `" E6 ~# A% j* n width=60><A
. A% d5 A1 g5 Y+ T, j2 o/ E href="http://www.hooji.com/java/display.asp?id=542#"><IMG
, `4 S B) k4 K# `* G$ g' A( s alt="Fireworks 资源" border=0 height=60
' B% b1 V, ]5 M8 v# q2 i" V, ` onmouseout=nereidFade(this,01,7,5) " u8 j& f" T% l, a$ z. T
onmouseover=nereidFade(this,100,5,7)
7 U! M% b# |, b+ w src="files/index_fireworks.gif" 8 @/ {2 q) U5 a7 C4 c, m# }6 k! 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)" 4 P! ^8 s i# ?0 s0 I" I1 g
width=60></A></TD>
8 |9 i) t: _4 p* f( P+ c3 w <TD background=files/index_flash2.gif height=60 % A3 L5 H _0 R7 _5 |: \
width=60><A
! ]+ {/ B5 l0 f3 S href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 7 R" m# q6 s% z
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) , Y& Y5 M: Q$ J* E
onmouseover=nereidFade(this,100,5,7) 5 \. f2 l6 z* c' Y+ |, l
src="files/index_flash.gif"
$ s+ Y' R6 Y! C- Z) m; y6 ?0 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)" u7 F% O. O3 N3 S& u0 @2 [, Z
width=60></A></TD>% N I0 ~2 `, d8 ~; M; @9 K" |+ W# h
<TD background=files/index_photoshop2.gif height=60 7 E- F" }- X( @6 m
width=60><A ' k# m: l% V/ B1 L& t! @6 U
href="http://www.hooji.com/java/display.asp?id=542#"><IMG % I! L' E# t# g
alt="Photoshop 资源" border=0 height=60 $ h y; W4 @6 B* W1 ]0 V
onmouseout=nereidFade(this,01,7,5)
7 `3 T( t2 j4 B6 ^+ p onmouseover=nereidFade(this,100,5,7) 1 m4 {3 u! [/ ]1 Y6 V p- g/ t* E
src="files/index_photoshop.gif" . r1 N: T' V8 E) b* f) c: 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)"
2 f" I1 E0 i, K' }& N/ F width=60></A></TD>* c4 }$ b x* a8 {4 I# c
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|