|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
+ L/ C$ w; u" ]2 T<!-- Beginning of JavaScript Code -------------------
" q) J- l9 F( Q y: o6 D) c) H( d) W1 Y% w1 H
nereidFadeObjects = new Object();! ~8 t- @% q( N" ^- G R. }
nereidFadeTimers = new Object();
; t/ I# T4 Q, ~function nereidFade(object, destOp, rate, delta){
: _1 a# ]2 R2 Nif (!document.all)
V6 F O9 v- V# J4 ~# creturn2 z5 H2 A& I9 ^! {
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);, M5 h% G+ D' U4 K
return;
5 t% B( H0 ~2 ?6 Q# W6 f }
; K4 F! e8 b& Q& i- |8 c clearTimeout(nereidFadeTimers[object.sourceIndex]);( E- a2 J) n! v! \( x/ G1 F
diff = destOp-object.filters.alpha.opacity;+ S; O' O7 C6 W3 f2 q
direction = 1;* A' |4 D/ W0 Y! L& ^* o
if (object.filters.alpha.opacity > destOp){1 U5 q( e( X* O1 _+ M7 {& H
direction = -1;2 _, q+ _ z9 o! N. @: e0 C
}
; N% s0 `! s F1 M0 B delta=Math.min(direction*diff,delta);
( i: H/ I( o/ a, M- l object.filters.alpha.opacity+=direction*delta;
* X g5 I7 T1 ]! Y$ F if (object.filters.alpha.opacity != destOp){
" P1 l' B; N5 H- { nereidFadeObjects[object.sourceIndex]=object;
T4 F5 W6 I* _8 f8 Y; T* _ f nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);6 S1 z D( h9 d" K f
}
: k' j" i( c; a& l1 ]1 s Q$ E}; P9 Z! K3 N4 V$ L8 K
// -- End of JavaScript Code -->
5 ~" b# S4 ?( ~/ d# X% T</script>
6 H+ M# `$ O/ y4 b //修改下面的图像地址和大小4 O* i* K; G1 P6 v
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>& y1 _3 _5 Z' ^0 G
<TBODY>' v" L) Q: J9 a4 m9 Q2 V+ U. a. h
<TR align=middle>
4 ~# g5 q a2 _7 P4 w5 y. [ <TD background=files/index_dreamweaver2.gif
% b2 ]; h+ c% S8 J4 c8 @- X' m; D height=60 width=60><A ) m+ g) X" Z1 j$ _; M
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 [: g& T Q6 R2 ^" F4 S) z alt="Dreamweaver 资源" border=0 height=60 , V- S! ~- G8 H" l
onmouseout=nereidFade(this,01,7,5) . r' j; s" {( e
onmouseover=nereidFade(this,100,5,7)
4 G1 t2 w# g3 D+ q2 | src="files/index_dreamweaver.gif"
/ s9 h. }/ A5 ]( l 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' D3 W( |3 j width=60></A></TD> p$ r, V" P4 `0 r
<TD background=files/index_fireworks2.gif height=60 9 J, h; j% a1 c
width=60><A
' V3 i! p, B! c& d& f) Z9 u M href="http://www.hooji.com/java/display.asp?id=542#"><IMG # X' Q2 Y P, ?# Q1 I
alt="Fireworks 资源" border=0 height=60
0 L( [! l+ D1 \: A4 g6 Q% ` onmouseout=nereidFade(this,01,7,5) $ M, C, f3 V& e( `% J
onmouseover=nereidFade(this,100,5,7)
5 K: n/ t, N) M+ D/ y" z src="files/index_fireworks.gif"
, y3 t) P, o4 f0 m) o5 D 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 S6 z5 q) Q4 F; h
width=60></A></TD>
2 e! P9 o2 W# e. s3 ]! V4 k <TD background=files/index_flash2.gif height=60
* z$ [, W3 `; f8 Z4 a0 V) F) c0 { width=60><A
9 u) o+ V, k; I; s href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
1 \4 k# m/ N* r( Y" f alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
, C) V' i- K Q onmouseover=nereidFade(this,100,5,7) ! d9 l* }; N9 Y% R5 F
src="files/index_flash.gif" 8 p0 Q# @+ [* r5 s
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)"
" }! P1 I2 g, x, V. z0 P width=60></A></TD>
; ^% e1 p* v v# ^ <TD background=files/index_photoshop2.gif height=60
7 E* [* [" E5 ?3 d5 R+ S" { width=60><A
0 m- n% q" P1 @. e) g5 j9 `& F$ ^ href="http://www.hooji.com/java/display.asp?id=542#"><IMG ! E1 V( v" h; g% O
alt="Photoshop 资源" border=0 height=60
$ q9 Q+ _( K+ z0 a i onmouseout=nereidFade(this,01,7,5)
% \2 e5 [5 A( n- ]& E/ b2 ` onmouseover=nereidFade(this,100,5,7)
0 _/ d* M6 m! k% _9 V, v# B src="files/index_photoshop.gif" 3 x- C/ S# ~7 D
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)"
) u3 d# ]1 J5 h' v6 Y width=60></A></TD>
5 ^: h; y8 ]0 t6 ]& ~( m </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|