|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>: s8 m6 O2 g/ C6 k/ g8 w" U$ }
<!-- Beginning of JavaScript Code -------------------5 V& `( g! z3 L' D9 M
- j/ K5 L+ M0 Q ^nereidFadeObjects = new Object();# ]% M! M6 `3 M0 K3 @
nereidFadeTimers = new Object();1 g1 A+ E6 ^, s
function nereidFade(object, destOp, rate, delta){
' L. Q) N0 l2 x5 Sif (!document.all)7 ~' |- l- M1 N* g& O( \* P8 e+ ], l
return
; E0 t' g$ H4 S, p if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);/ H) F% n1 e$ H, g
return;
1 N$ x2 K2 W4 k1 ^% | }
# f& [2 N" y2 K: {* M0 W* x1 G clearTimeout(nereidFadeTimers[object.sourceIndex]);7 e1 @% t% V( {1 R6 |% U
diff = destOp-object.filters.alpha.opacity;
2 E" x1 @- x+ Q z# { direction = 1;4 K+ t0 Q. K+ U: }+ w6 G' [3 s, b6 [
if (object.filters.alpha.opacity > destOp){( R7 h" M* G" m! ~9 m# R
direction = -1;/ `5 u" E3 o% f- t. N! D2 x5 S
}
% T, z8 l: K9 ?/ \9 i, Y delta=Math.min(direction*diff,delta);
3 ^7 x, ^/ ~. y% u" C: w. T object.filters.alpha.opacity+=direction*delta;
2 B& n2 Y9 _# M, A* b( G' B if (object.filters.alpha.opacity != destOp){
4 Z* n, g5 g% r) x, T' t8 n nereidFadeObjects[object.sourceIndex]=object; A. c+ O0 X+ q+ K3 Y+ F
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);% Y' J( y" `, c& S
}8 r9 ]) J( }/ b8 v! H$ H. x" `' Z
}
' P- x" Q7 V/ n K+ \: J// -- End of JavaScript Code -->
$ s( m: w' B( o, e' i9 a</script>' F1 V. ~: c) ~ K/ `, ^& {
//修改下面的图像地址和大小
" r$ s1 M3 p! y6 O) l1 @<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
( {% `; A- S; H) A# ? <TBODY>
% h, o4 U3 P6 U, \5 t <TR align=middle>
' f5 `# T4 Q3 h <TD background=files/index_dreamweaver2.gif " p$ |; A1 j0 @9 N! l
height=60 width=60><A
% H7 s7 G7 L5 @0 P href="http://www.hooji.com/java/display.asp?id=542#"><IMG 1 J1 n- @4 G, D( q9 H
alt="Dreamweaver 资源" border=0 height=60
( b* m r. L/ ?0 x) ~ onmouseout=nereidFade(this,01,7,5) w2 [) T1 C* p, ^1 o' x
onmouseover=nereidFade(this,100,5,7)
9 m' l- C! W7 | f, y, g S src="files/index_dreamweaver.gif"
1 w) ^1 M! m2 F1 v3 {7 o+ e- `* E1 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)" $ @) R3 I( r; Z9 B. f4 e2 D& ?0 a
width=60></A></TD>8 V( k' u: e: s2 H! Q3 n
<TD background=files/index_fireworks2.gif height=60
4 k! [* o3 E2 ?# B width=60><A
* y& Q$ g! x" u, h9 L6 V8 S9 {' G href="http://www.hooji.com/java/display.asp?id=542#"><IMG 9 C7 y% ?$ q7 T
alt="Fireworks 资源" border=0 height=60
# l! ?7 O8 @4 G. i: D onmouseout=nereidFade(this,01,7,5) - X& ?/ b. S8 A( V) \4 Z
onmouseover=nereidFade(this,100,5,7) ; z4 M& O8 i9 Q B3 L' h# C+ }
src="files/index_fireworks.gif"
$ ~; w2 N# v A* O& l( d1 k 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)"
( c# v; Z8 q) G( r- S9 }- d& g9 e+ x width=60></A></TD>1 C) E+ x5 u" ]- Q: P. F3 D
<TD background=files/index_flash2.gif height=60
2 R: O5 X; A4 L7 O- f4 h width=60><A * h0 z2 q; F% [! c4 ?
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
) f3 q8 h2 V o* w alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) - ^; }7 [; I `7 e
onmouseover=nereidFade(this,100,5,7) y* O1 [) C2 z
src="files/index_flash.gif" $ M: ], q* }: P! d5 D! [, G8 ~
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 e! D% q7 s
width=60></A></TD>
: b2 l7 o; J/ F$ f7 w5 F3 B <TD background=files/index_photoshop2.gif height=60
, E+ E2 o1 Q) Y width=60><A
! c" s3 e. N! b" G9 F3 G href="http://www.hooji.com/java/display.asp?id=542#"><IMG ) X. A* z) o$ Y ]
alt="Photoshop 资源" border=0 height=60 , b8 U; H! B; N& ?' ~2 ]
onmouseout=nereidFade(this,01,7,5)
5 [8 m9 f+ t) I |( A6 K onmouseover=nereidFade(this,100,5,7)
5 z% y4 g8 ]; O) Q7 { src="files/index_photoshop.gif" " S7 T( Y" b: B2 k" j) C
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)" : V) m8 Q h6 |3 a r( N. k6 k
width=60></A></TD>
3 ~. A0 `. O" a* B& L+ \/ K( y </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|