|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>* B2 V( U' Z- z) f) q
<!-- Beginning of JavaScript Code -------------------
! _3 W( U' y/ h3 D I0 y' R6 A; Q* R4 }0 v
nereidFadeObjects = new Object();* U+ F! r6 Z, b: Q" b! K
nereidFadeTimers = new Object();
$ ?! w: k- M! q' o/ V" l' Z0 r6 gfunction nereidFade(object, destOp, rate, delta){
# U) u) t: g3 C2 M% i% Y& Vif (!document.all) ^& @- F: {; q* [% @& U
return M0 m% ^2 B% \* q# |+ [/ ?1 M! U
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
1 X: [, w& C: g( M" C return;, G7 X, \$ u7 \1 |
}# Z5 B7 _% x) U9 I+ n: T3 O
clearTimeout(nereidFadeTimers[object.sourceIndex]);
; b! U1 _4 f* E" I# A( | diff = destOp-object.filters.alpha.opacity;- m8 Q2 T) t! D& ~7 y" a. w& g) m
direction = 1;1 `9 X$ `4 h8 R2 K
if (object.filters.alpha.opacity > destOp){' ?3 b( U% q Y( f. F: s v
direction = -1;9 i2 c% x! s) C/ W. z- O! h
}
6 M2 p7 w8 v+ [: f3 l4 W7 f* t" j delta=Math.min(direction*diff,delta);
2 Q7 K. z5 u6 Z# R; ? object.filters.alpha.opacity+=direction*delta;
: U a& {( D( r* O1 M0 } if (object.filters.alpha.opacity != destOp){
( n$ R/ i- e6 D! `" n nereidFadeObjects[object.sourceIndex]=object;
, J+ v3 K$ Y" S) L nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
) r, u6 p* G- D, r }# s# S) g. u. }( S! C8 C
}7 a2 B4 ^4 d; K5 D& i
// -- End of JavaScript Code -->
: r! p2 ?' q Q) ?4 R0 t" Q7 P</script>
* v6 C$ c& I' h1 j //修改下面的图像地址和大小
- ]% R; W7 K6 g5 K+ t6 d# I7 y<TABLE align=center border=0 cellPadding=0 cellSpacing=1>3 _6 ]( Y0 o6 f/ Y
<TBODY>
; e2 }- ~6 T' W$ c& M <TR align=middle>7 |8 \3 S. V0 j6 I" P
<TD background=files/index_dreamweaver2.gif 1 y# e, B! i. {3 k2 a
height=60 width=60><A ' ~8 T& ~3 F5 e3 G, O# r0 w. c
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 j7 L: v9 X/ y9 X alt="Dreamweaver 资源" border=0 height=60
( u# q* {6 v$ Q; g- Y; |1 y+ @. A: O onmouseout=nereidFade(this,01,7,5) 5 A$ t- Y# ]9 Z6 v
onmouseover=nereidFade(this,100,5,7) - `( h$ L) n& a$ c; ^
src="files/index_dreamweaver.gif"
1 J' a* c/ r9 w6 ^8 b! K9 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)" 8 L+ V( ^6 S. `* M5 {
width=60></A></TD>$ K- E0 E+ U; M, S5 n, P4 W, @
<TD background=files/index_fireworks2.gif height=60 5 f! V' b0 O: x# `& m5 @6 v
width=60><A
2 \8 p( @# u# q* p, L- n href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 j2 U$ M. T- K0 Q! w: | alt="Fireworks 资源" border=0 height=60
) J4 G0 c+ h' Y0 X! h+ _ onmouseout=nereidFade(this,01,7,5) 3 [' @2 J9 ?7 d- H7 F
onmouseover=nereidFade(this,100,5,7) 6 P5 g9 ~$ v ^. I" T$ Z
src="files/index_fireworks.gif" 3 v" C6 A9 r1 f& 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)" + o- a, w/ e$ E
width=60></A></TD>& y/ F; }( n; Q# e0 O
<TD background=files/index_flash2.gif height=60 E& x: v J5 ^! f
width=60><A ; C; E: K9 b& I5 [0 A
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ' J! I2 c% H9 v
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 6 p" T% L5 G& L! C: |0 x
onmouseover=nereidFade(this,100,5,7) , L" |+ R! l: _' i% s! h
src="files/index_flash.gif" ' I/ z$ h. y8 V: L9 r
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)"
5 r6 u5 V" P; O/ Y5 k width=60></A></TD>
& I; n) W4 d2 ]: C7 j+ W <TD background=files/index_photoshop2.gif height=60
0 {% f) l3 p* J# | width=60><A . N+ P# T: g2 Z
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ j5 `2 L4 e4 r0 L' D alt="Photoshop 资源" border=0 height=60 1 Z1 e( X# Q4 K0 L- \9 i9 V2 {1 `
onmouseout=nereidFade(this,01,7,5)
( h$ p! O) M" w onmouseover=nereidFade(this,100,5,7) ( h" C1 a7 s8 q7 p, E0 X
src="files/index_photoshop.gif" ' v! C6 z: S$ J7 X; i
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)" & e/ ^1 {. |& `( m) X: z( E1 A2 _3 e
width=60></A></TD>
/ L: L3 l9 ]( k- B </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|