|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
5 T8 _1 X8 Z/ b0 z# \4 ?) A<!-- Beginning of JavaScript Code -------------------
1 l! l: v4 \- W) a4 x. ]! Y* J; P; m5 K3 |4 `, X2 q# p$ m$ K
nereidFadeObjects = new Object();( z l$ d2 X* V( X" S
nereidFadeTimers = new Object();& U8 W( \& B5 ]4 m$ N2 @
function nereidFade(object, destOp, rate, delta){2 D6 k2 ]+ ?! [+ s' \* J% N! h
if (!document.all)
- B t2 X3 q% }) l( Mreturn
! [5 P5 F. u9 J; d% N" V: E: i if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);# n$ u1 M" {3 @$ u2 H' W# o
return;
4 u; N, @8 P5 N2 J }0 d% M% V: b" M3 W0 |8 g+ ^
clearTimeout(nereidFadeTimers[object.sourceIndex]);
5 y* w: p+ D$ Y1 q( B. h- ] diff = destOp-object.filters.alpha.opacity;9 ^% L" g1 p" Y0 ^
direction = 1;
& A& |5 [) q+ q& ` b' B, ^ if (object.filters.alpha.opacity > destOp){
% f& R7 `" N5 b. `, |0 k direction = -1;
# f3 m8 y8 C3 S+ t }' ~0 n' R( o- w. g+ v
delta=Math.min(direction*diff,delta);7 J/ x8 I6 M$ ?; t7 J Q% f$ Q
object.filters.alpha.opacity+=direction*delta;
: B4 F- P$ P4 y! f( c if (object.filters.alpha.opacity != destOp){
. ^$ f: n/ R3 k5 s6 h nereidFadeObjects[object.sourceIndex]=object;* q v9 I/ G) ~7 x
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);. C6 {, @5 k4 u7 o5 W" X# q6 n2 q% W
}
: b. w- H+ D7 C! r- T- i! F}. ?7 `& [5 p0 l5 ]! {
// -- End of JavaScript Code --># O9 Z4 |3 C2 A+ n
</script>, X1 u$ ~" N& r ]/ o9 p, t
//修改下面的图像地址和大小
4 d( A# @, B: Z2 `8 V- x4 b<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
5 K8 E$ z D& s: s# ]: v2 W <TBODY>) K# `' V4 W1 K$ W; K
<TR align=middle>) v# q4 g6 i! K5 X/ I) S
<TD background=files/index_dreamweaver2.gif
/ p6 k/ m3 J# y. s/ Y) o height=60 width=60><A 6 B2 v3 k( `6 F' x2 h
href="http://www.hooji.com/java/display.asp?id=542#"><IMG % e0 ], c) K; l% Z [8 S& q" P+ e' j
alt="Dreamweaver 资源" border=0 height=60
: M( N' } r( l+ p. Y# d& v' ? onmouseout=nereidFade(this,01,7,5) * k7 J: v0 \( V1 X# B8 y1 h' I
onmouseover=nereidFade(this,100,5,7)
, ^. J% y( m9 ? src="files/index_dreamweaver.gif" & P8 y+ L9 I* [. N! x- 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)" 8 i) J% J0 }. d# W- Y1 N4 m6 w4 B
width=60></A></TD>* M8 n" F- ~& U- N+ b
<TD background=files/index_fireworks2.gif height=60
, c' B! e- I5 o2 w8 o1 f width=60><A
0 s0 r& n# ^. x4 c+ A href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 f4 c/ n) Q) ]) S alt="Fireworks 资源" border=0 height=60 - O1 Q( a! b9 z& |
onmouseout=nereidFade(this,01,7,5) - Y. q, n( o2 O7 V. t
onmouseover=nereidFade(this,100,5,7) 5 m4 U! V7 Z5 y5 ]
src="files/index_fireworks.gif"
- ~- {- S/ u# @) 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)"
/ ]/ _$ @- s* N4 W* t7 }) i! a width=60></A></TD>' n# e8 U S/ r
<TD background=files/index_flash2.gif height=60
: n( k6 B7 E( [3 Y width=60><A 5 j$ j% v O! \) x
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
R y9 v# D3 E7 w alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
9 ]. N4 t- T- W" e* {5 M8 ^ onmouseover=nereidFade(this,100,5,7) - \& \9 Y0 A- A8 W3 p ~& ^
src="files/index_flash.gif"
1 E3 S4 x/ G" j% g5 G% k* q 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)" + z! a9 z, j2 z/ q
width=60></A></TD>
0 }/ B3 w. G; q* i/ Z. m <TD background=files/index_photoshop2.gif height=60 . e: K: T9 e4 m
width=60><A ( @; G: C6 G) W5 U6 e2 P+ v/ W
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 G# y# K, y/ J. `0 u alt="Photoshop 资源" border=0 height=60
9 q. E. X$ t' \& H% @3 c; ] onmouseout=nereidFade(this,01,7,5) / g% c. D$ b6 S6 D2 g: D
onmouseover=nereidFade(this,100,5,7)
8 Z& ^6 G5 S4 i% T src="files/index_photoshop.gif"
" Q2 W, `7 x# _ 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)" 2 e# }3 r9 D. p, Z& g. B G/ c
width=60></A></TD>
* q y3 H8 T* E/ ~) V </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|