|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>: X( [/ N- h, b
<!-- Beginning of JavaScript Code -------------------1 L9 }' n" `* Y- [) I+ f' j7 U
1 n" K; T% w/ j9 s
nereidFadeObjects = new Object();2 m& f6 C ]. x4 s/ `
nereidFadeTimers = new Object();
0 M+ m. l/ R4 t. z+ i/ Xfunction nereidFade(object, destOp, rate, delta){
8 T: z9 A1 s1 ]6 R1 \; `if (!document.all)
( u* m- b1 D3 z* }5 ~% K. `9 vreturn- I* K5 D7 ^( @( h. G
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);; q6 u9 ]) L" E% S9 ]( E
return;
. A A- P0 J/ W! u1 E }/ L0 b9 H9 T$ p1 p
clearTimeout(nereidFadeTimers[object.sourceIndex]);
1 `; V0 ]( t5 d. g4 k" g) Z& ~ diff = destOp-object.filters.alpha.opacity;
3 `7 @- H* v- d; | i direction = 1;
( X8 v) F0 X; }8 y: e7 D4 F: d if (object.filters.alpha.opacity > destOp){! k( ?! I" _6 I, ?: @- ]
direction = -1;. x( e+ Z; i8 l# f
}
' c7 C& w( Z" I1 b w delta=Math.min(direction*diff,delta);) u9 W7 s# S; b0 e/ w/ ~' D
object.filters.alpha.opacity+=direction*delta;7 j! ?0 P/ ~6 \# F: x# |$ J0 E
if (object.filters.alpha.opacity != destOp){0 X( q6 l2 @5 d
nereidFadeObjects[object.sourceIndex]=object;1 T# Z+ ?7 t1 j. [: Q7 d3 w, M5 U
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, R7 U2 _ L# o }- R- }0 c1 N( Y
}7 O5 O5 l, t# `* @) I9 _
// -- End of JavaScript Code -->
9 g* Y" \ T0 t) o$ B, I Z. C</script>
6 `, E1 {: |$ _* v) |" Y //修改下面的图像地址和大小% k% T% Y! V u% B4 E: i
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
7 a+ S; F. H3 S ~/ y( D <TBODY>+ U% D3 f; U; K$ T: s( E9 J9 J
<TR align=middle>
% R0 J- n) |+ Y5 t& l7 e <TD background=files/index_dreamweaver2.gif
0 E' |, ?7 o9 O2 Z D: N height=60 width=60><A
: g4 d5 M1 R3 H) x href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 d1 Z9 z+ X7 K0 c( i* H
alt="Dreamweaver 资源" border=0 height=60
0 P5 L) N! [. y. C4 J onmouseout=nereidFade(this,01,7,5) 7 v6 o7 p& Y0 g; e5 ` J# y
onmouseover=nereidFade(this,100,5,7) 1 \+ C o: L$ C
src="files/index_dreamweaver.gif" 3 h- s' [3 N; l% n
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 W* o0 X" I0 ~/ m( W) m/ ? width=60></A></TD>
/ }% F( j, p. S' s6 k% ]; Z% w <TD background=files/index_fireworks2.gif height=60 ( ?+ F* K- K& ^% M) j( \: j. @1 K& o
width=60><A
, @' K9 F4 K! p6 t3 q' n href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 j) c# s& w+ |3 o. U. r alt="Fireworks 资源" border=0 height=60
1 \. |" {3 r; J6 a3 X onmouseout=nereidFade(this,01,7,5) ! P! z! y+ {, _( k
onmouseover=nereidFade(this,100,5,7) # T3 ^" S" B% L
src="files/index_fireworks.gif" 8 O' v4 @- G M$ a& V- ?/ w
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)" $ p( ^+ L- d4 k
width=60></A></TD>1 N5 ~8 C$ ]8 ?/ b% Z/ Z
<TD background=files/index_flash2.gif height=60
% J- S+ u2 _! h# l width=60><A
- ^5 }+ G2 [) w$ E. s3 s href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
& z" @/ y& P8 J6 a6 f0 I& l; r alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 1 D. F$ ?$ V$ f! R
onmouseover=nereidFade(this,100,5,7) $ @$ N. T; U0 T/ }- e5 B0 M1 J3 v# [
src="files/index_flash.gif" x% q2 W' M9 C2 Q$ 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)" ( H1 h3 T" O+ l( m
width=60></A></TD>
# R3 i3 P: H/ K- T$ a! } E <TD background=files/index_photoshop2.gif height=60 # M5 r4 H r6 L, M: q$ j5 Y9 m
width=60><A 7 y9 e R; h2 u& _
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ) O: X" J4 \( `$ Z
alt="Photoshop 资源" border=0 height=60
) F9 @6 Y7 y& g9 a# W3 \ onmouseout=nereidFade(this,01,7,5)
* [6 [% a( M+ [, H; w onmouseover=nereidFade(this,100,5,7) & O I: T8 D# X
src="files/index_photoshop.gif" 8 c% l* r5 Z! o! K3 f3 g" O: T
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 J9 F1 y8 j4 O i9 f width=60></A></TD>7 z { @6 O% w0 w' v! D- e
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|