|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>, E$ `% e- K+ |: S% v: P
<!-- Beginning of JavaScript Code -------------------
, F2 y2 u8 @6 O$ K: I
9 R4 k' F l, w- K% ZnereidFadeObjects = new Object();
4 }: B7 A9 ]( |nereidFadeTimers = new Object();& z: q2 M0 |! g8 h7 E( c# p
function nereidFade(object, destOp, rate, delta){5 b$ {' @, ~( K, D
if (!document.all)7 O Z/ c$ C0 C! w
return
# n7 s* A9 t6 O8 U- `2 c3 b if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
! W0 \4 [7 v N( f/ l return;
1 A& Z+ B5 V5 k }3 f3 p/ r+ ?1 Q1 s! V' w' h+ y
clearTimeout(nereidFadeTimers[object.sourceIndex]);6 q8 q+ \+ G6 V: e
diff = destOp-object.filters.alpha.opacity;, k( f: W, K2 c" I7 v1 Z5 _
direction = 1;
' p) F! O# t: l if (object.filters.alpha.opacity > destOp){7 r* O8 l' G7 v" ]" ]8 y" ~" {
direction = -1;. ~& x( U0 X1 @' n
}
$ z( Y5 B( M, x* _* L6 ~ delta=Math.min(direction*diff,delta);: s( o& Q- F% q6 A0 Q/ H. R/ v
object.filters.alpha.opacity+=direction*delta;& @: V/ M2 ~% w) j6 L. H0 Q* k
if (object.filters.alpha.opacity != destOp){( S# G: s; D; D Y! p
nereidFadeObjects[object.sourceIndex]=object;
- `$ Q- T8 w8 O- G6 c; D# H nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
( v$ k* A1 A+ T& F% Z. d0 ] }
# w) \/ J" v" a" |- F9 M( t p}
. F% D+ d1 m( r// -- End of JavaScript Code -->
0 V- O/ I( U4 m7 C</script>0 O" C ]/ f; m0 I! L o5 S
//修改下面的图像地址和大小
3 O7 v2 f4 D% V) X( r/ H0 f4 i<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
% J0 h( e% [6 G3 r% F8 w <TBODY>
z& l. Q) C* q) f6 I7 D5 j7 [ G4 T <TR align=middle>& q L, a) m) ]3 f" C5 y* S
<TD background=files/index_dreamweaver2.gif
: j9 M7 H% h4 ~* T1 p( n+ @ height=60 width=60><A " r |% _7 s* G- Z" h) T# w9 X
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ g5 N% {! o9 p* A" M alt="Dreamweaver 资源" border=0 height=60 6 T* F) R/ D+ u9 |0 M
onmouseout=nereidFade(this,01,7,5)
. a: D) Y. [) V! M2 { onmouseover=nereidFade(this,100,5,7)
0 ~ F1 c! P# Q& _6 {) \ src="files/index_dreamweaver.gif" 8 o% w2 f0 z/ G9 C2 J: p/ }
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 N8 X! {0 E- i* ?$ @' d |0 f1 y2 Z9 {
width=60></A></TD>: u# M% Q0 F& [
<TD background=files/index_fireworks2.gif height=60 ; e: v+ c3 u+ b) G& q( U, s
width=60><A
# `5 I6 t# `* r2 \ href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( D0 g- V5 U9 \
alt="Fireworks 资源" border=0 height=60
1 `$ O- N7 ]9 ]) I5 N; v onmouseout=nereidFade(this,01,7,5)
% E% {: n# Z9 _7 s9 | onmouseover=nereidFade(this,100,5,7) ' X7 w8 j* j: ?4 |7 k
src="files/index_fireworks.gif" 7 z( B. n( ~7 ^0 G4 ]" 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)"
1 [! V: g- w) R width=60></A></TD>
; }, Z% x* g3 }: N <TD background=files/index_flash2.gif height=60 , L# R- i5 Y+ X* ^
width=60><A ! v8 E/ \+ {1 T# N
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
^/ M7 S! R/ @: f6 E+ {. w alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
- D# r% f+ G) A; m# z onmouseover=nereidFade(this,100,5,7)
3 s+ q& Q- ]/ j0 ]# Z src="files/index_flash.gif" , ^2 m6 f2 R0 \6 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)" 2 D9 L" K( l" @6 O, E: ?5 l
width=60></A></TD>
. i4 D+ B4 V# A9 I% O6 ^ <TD background=files/index_photoshop2.gif height=60
8 g$ V3 `4 a2 B9 q5 s: ^ width=60><A & A/ _, x# {8 C0 f5 z$ Y3 B( z
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 9 r4 }* y2 m+ m I* ]+ |" U
alt="Photoshop 资源" border=0 height=60
7 l+ [1 W9 Q% w; O& g onmouseout=nereidFade(this,01,7,5)
% g, P% Q# g" D onmouseover=nereidFade(this,100,5,7) + ?( D# z4 e1 \/ D9 N0 f
src="files/index_photoshop.gif"
$ W5 x) B( g0 @; e, B 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 o |+ a s! j' S8 R9 \9 e
width=60></A></TD>
. c6 }7 e% W7 Z' r/ F3 l2 ?& | </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|