|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
5 V1 E) {0 B- B, w! J<!-- Beginning of JavaScript Code -------------------1 x- d3 b+ z* [/ f ?
6 q5 _% ^6 e% x! s0 V
nereidFadeObjects = new Object(); m% W) U0 T8 p9 q
nereidFadeTimers = new Object();* ?2 R4 \" y# S
function nereidFade(object, destOp, rate, delta){
, a/ b1 P5 m7 j, [+ q. D* Aif (!document.all)$ L' }& z4 [* G( |8 r0 s
return
3 a8 C% H) T+ [5 j' W6 {6 j0 U if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);: r; r L$ H% d
return;! A5 g2 d3 |" p' A: P# F
}
# A$ o- a8 K; a2 \5 Y5 u clearTimeout(nereidFadeTimers[object.sourceIndex]);
. U$ `$ M7 c& C; |, P diff = destOp-object.filters.alpha.opacity;4 y# T! J+ R% K# p, e
direction = 1;
; D+ X+ K# U+ @3 U, A# |6 x; c if (object.filters.alpha.opacity > destOp){: B: x8 N! s0 V7 g- U
direction = -1;
+ C+ w( M1 E# j; l }
8 f8 g0 }' [' x1 J5 v delta=Math.min(direction*diff,delta);
" d% X& g: f+ x0 v# X object.filters.alpha.opacity+=direction*delta;0 z- i7 l# ^+ Q" t
if (object.filters.alpha.opacity != destOp){
- X' o" h- ]! {$ ?. b$ K4 G; H nereidFadeObjects[object.sourceIndex]=object;
8 w3 y" z5 b. K+ l: {5 ~ nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
7 m. N* ]9 r8 x) a }0 }+ ]/ F0 u ~2 ?+ I3 ?
}
5 j* s5 P5 f' S% c' p// -- End of JavaScript Code -->
! |/ G& g) Y0 @) N# o6 n! _</script>
' B; z7 u; ]7 I- ?9 E' }$ e //修改下面的图像地址和大小
! c/ Z* |- C- H! i. @" A5 I; J<TABLE align=center border=0 cellPadding=0 cellSpacing=1>3 V* P3 b' _% v; _
<TBODY>
+ G5 A: x3 u+ C <TR align=middle>% m% r2 b% V1 `) W2 P! k" j$ @
<TD background=files/index_dreamweaver2.gif
& P r8 B, ?3 O2 }' M8 P/ j height=60 width=60><A # z2 r2 [8 f2 T% D T2 r
href="http://www.hooji.com/java/display.asp?id=542#"><IMG % m8 r3 X# E5 s3 p/ i
alt="Dreamweaver 资源" border=0 height=60 ' t5 S8 g0 d0 I+ L/ `& V, z
onmouseout=nereidFade(this,01,7,5)
: R) u6 Q+ c1 e8 w, y' J onmouseover=nereidFade(this,100,5,7) 9 d+ d& Q3 V5 ~% h, H* `
src="files/index_dreamweaver.gif"
2 ^4 ~3 J( n3 s8 D$ @, J4 T" c& j 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)"
; r# c( [! H% D! ? width=60></A></TD>
2 H9 o6 b, l0 R <TD background=files/index_fireworks2.gif height=60 ! r8 s; x7 A( p; P3 @$ v; \/ w1 E& a9 u
width=60><A
! v0 S% F4 _6 N6 f3 I! v+ K href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ R2 Q5 A) C A+ r4 z$ a s) u1 ` alt="Fireworks 资源" border=0 height=60 1 n' S+ W$ z7 g
onmouseout=nereidFade(this,01,7,5) 2 |% Y& H$ {6 s \, g9 Y3 B! O
onmouseover=nereidFade(this,100,5,7)
3 f' U4 G" s" f: m src="files/index_fireworks.gif" ) G$ ?; W1 m' s% m5 q
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 M0 ?2 x% k+ V& f. B& K1 y width=60></A></TD>) J, Q# V; p7 U3 ~
<TD background=files/index_flash2.gif height=60
( l; V1 s" I: b6 G( Q5 P9 | width=60><A
2 x& j" n4 W3 S: b4 W7 r href="http://www.hooji.com/java/display.asp?id=542#p"><IMG c5 c/ u8 y( R
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) & b# \; H) _0 A! Q/ h( t; z" v8 r
onmouseover=nereidFade(this,100,5,7)
' ]! U" w; v3 e2 Y src="files/index_flash.gif" 0 I& p( _7 U. |
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)"
! v5 M( R% }; _5 b1 g7 b' B width=60></A></TD>
3 e! q: d: o' [. g <TD background=files/index_photoshop2.gif height=60 ; u4 T; c. ?: B+ \4 s: m: O) X6 \
width=60><A
7 X& i2 }3 X# S0 e8 | href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. N: q4 T* p1 [1 H& n; } alt="Photoshop 资源" border=0 height=60
* c' L1 ^, w' s7 m onmouseout=nereidFade(this,01,7,5)
$ C) Y' d* K& g& n" C+ O0 q+ Q onmouseover=nereidFade(this,100,5,7)
4 c7 e# X- ~( A- F src="files/index_photoshop.gif" $ g) C% M3 g- N" t9 I( {7 Q
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)" ; F# n- \ \$ z( p! ^( {; e; a
width=60></A></TD>* @) g7 U6 n- X
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|