|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
% _: q" E& x1 z<!-- Beginning of JavaScript Code -------------------5 U$ m2 ^1 w; a
3 c; K0 a/ ~% N6 E
nereidFadeObjects = new Object();1 f6 ~5 I# @$ }: w) g! Y+ d6 S
nereidFadeTimers = new Object();
?; [+ M- m# Ffunction nereidFade(object, destOp, rate, delta){5 a0 }+ d* D. K7 K3 D
if (!document.all)
: E. ^8 s3 f8 G2 v( I8 Q9 B8 greturn, M* H; f, q$ h' ]& _
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
, O. h# t$ `( k" y7 O. @( ~8 u' g return;
0 q6 `2 p# D! r2 c! s }
8 h2 j' r! O6 h' b) e& z clearTimeout(nereidFadeTimers[object.sourceIndex]);
9 w' z! w/ D' P7 Z N0 x diff = destOp-object.filters.alpha.opacity;0 r( e; Z% B5 W5 x) Q9 {& L
direction = 1;/ k% P2 w+ c X# O7 y$ s
if (object.filters.alpha.opacity > destOp){
$ z) h' ^% K' k3 s, M direction = -1;$ n& w* V8 G, k) f
}" u G7 l' h$ U& u; p8 o8 a
delta=Math.min(direction*diff,delta);
* V! H$ X6 t+ i. V; ~( Y3 Z object.filters.alpha.opacity+=direction*delta;
0 H$ p# Y n( I* ^3 h' a4 k" o2 `% [ if (object.filters.alpha.opacity != destOp){" a3 b( M& U, u5 Z' [
nereidFadeObjects[object.sourceIndex]=object;, {' W0 S( d5 o7 k
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);- K! C7 ^& m( @( x( ]( R
}
5 R$ G0 q X0 k' H}# V0 |! w% F( P3 B. M9 H. w
// -- End of JavaScript Code -->+ p0 X) x0 H: M* e& _
</script>7 W- |2 O" ]7 A: O
//修改下面的图像地址和大小
3 X# M6 n6 J$ o# `( }<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
2 y; Y1 v: x7 J# `+ A& D. e <TBODY>
2 K u( P% @' [/ F& f. X# C <TR align=middle>, ?: E$ m7 u9 F8 n8 H7 ^' q
<TD background=files/index_dreamweaver2.gif
( G, `* O0 e+ l3 v; g height=60 width=60><A " b- V6 h0 s6 P: p
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( U6 U7 I6 r- o" f9 ~8 e
alt="Dreamweaver 资源" border=0 height=60 . P/ }& g5 u2 c; E
onmouseout=nereidFade(this,01,7,5) & ], O% P$ c! x$ e |
onmouseover=nereidFade(this,100,5,7)
( ^3 F. Q) {' ?/ w src="files/index_dreamweaver.gif" 6 D% R% t) _3 [) Z6 T# }& A% k) O. ^
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)"
7 K5 ]% c) b1 C width=60></A></TD>5 _+ a2 L* w' s; ^0 s1 E
<TD background=files/index_fireworks2.gif height=60 " @ t6 C. x) F7 j1 q
width=60><A
0 F* j n1 H1 O7 t- F% W' p' w href="http://www.hooji.com/java/display.asp?id=542#"><IMG 1 q3 l2 R j- l5 u8 b: P- }6 p
alt="Fireworks 资源" border=0 height=60 # ?0 V% h" R5 m0 s$ w/ O
onmouseout=nereidFade(this,01,7,5) ! M+ Y, v7 K/ |/ s, K1 P5 T
onmouseover=nereidFade(this,100,5,7) 4 j u! {- V+ ^" k4 n
src="files/index_fireworks.gif"
+ w' i- m8 U7 \6 B# P2 r$ 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)" ( _+ W7 z: V% F( I# u
width=60></A></TD>! @% Z u" N, f7 ]. s' c
<TD background=files/index_flash2.gif height=60 # B4 m1 Q# b0 D- e. I
width=60><A 7 [9 ?/ j9 S+ x, K( A3 i- U
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 5 N. k6 j& C: ^5 k/ y2 E
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
) L1 f' k. J% H0 S4 u onmouseover=nereidFade(this,100,5,7)
+ n* Y' F- x& R9 D& E- b src="files/index_flash.gif" 1 B2 i$ ?; k* T- W, Q$ 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)"
6 Y( s; ^& U7 w9 Q; x width=60></A></TD>
( D$ X! F! H+ U2 u* C! x! D+ X9 ? <TD background=files/index_photoshop2.gif height=60 h% _! B7 |- m# i
width=60><A 3 b# s7 ~- {# G
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" E' ?! e1 N' s* f0 A& {- M alt="Photoshop 资源" border=0 height=60
) M; X6 U' m. p! V6 \ onmouseout=nereidFade(this,01,7,5)
+ N5 S3 w* Q. }7 N2 L onmouseover=nereidFade(this,100,5,7) - U P( i j0 o
src="files/index_photoshop.gif"
% `5 o6 w5 ~ o' }- e8 X0 i# 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)"
4 i) S* @3 n; d% s6 ?. c% Z! w width=60></A></TD>
/ g/ ~, X5 a& D- s4 V, Q </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|