|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>2 E: F- B; I$ g% k
<!-- Beginning of JavaScript Code -------------------5 r- U3 F, a. Q- n- Z
" i" f$ h! m, E0 F: y: d c% m) snereidFadeObjects = new Object();
' p; L1 r4 h# i9 t7 r( inereidFadeTimers = new Object();% P, A5 b3 J5 r9 `
function nereidFade(object, destOp, rate, delta){
+ p4 C/ f8 R9 Z8 Eif (!document.all)
, ~, j# O V$ E+ p; E- X. s+ W5 A/ preturn* D4 J/ s! d/ E3 R+ `+ n+ k
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);& X. _5 |# r" ~4 s5 a
return;
* d; E3 k# e: i7 \, `+ U! W }
1 \1 ~9 J4 |3 J, \( t clearTimeout(nereidFadeTimers[object.sourceIndex]);- a9 B. }) B7 W, P
diff = destOp-object.filters.alpha.opacity;/ B; b" Y/ c9 O! J9 x. u B7 i
direction = 1;
: I+ H6 W9 K/ { ?2 ? m if (object.filters.alpha.opacity > destOp){# v; |/ ]- S4 ?2 f
direction = -1;. z P# [: C( T1 g( J
}; l# c+ W p, `
delta=Math.min(direction*diff,delta);. @7 T9 a" W8 W/ O$ n6 H
object.filters.alpha.opacity+=direction*delta;
' |& B# w9 _( R3 r. ^- z4 z if (object.filters.alpha.opacity != destOp){2 f0 Z6 q6 o e3 K
nereidFadeObjects[object.sourceIndex]=object;9 F% n! i5 I: L( B3 ?( ?
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
4 q+ D9 q7 w9 |$ C }; h( q' T: W" Z! I+ T, i3 p3 V
}% \7 }) k! N7 f+ h- r
// -- End of JavaScript Code -->
2 |8 [- q3 q$ ~ [</script>* ?* m0 X: U$ B! ]2 h) }; t- k+ q% r
//修改下面的图像地址和大小
- n( E# Y& Z7 U( ]3 ?" F0 U<TABLE align=center border=0 cellPadding=0 cellSpacing=1>+ f q; u& x1 N
<TBODY>
* {$ R) G7 J8 x; l8 G; N <TR align=middle>1 x4 W$ H. u! u, c7 D s$ F
<TD background=files/index_dreamweaver2.gif / m( Y* W) u' N% r0 L' Z; _% D( r' G# [
height=60 width=60><A
6 ^- z' j% H, d$ I href="http://www.hooji.com/java/display.asp?id=542#"><IMG " U4 O: |; w& u1 x2 I+ t8 g" z
alt="Dreamweaver 资源" border=0 height=60 , ]; c) U" |$ W4 C
onmouseout=nereidFade(this,01,7,5)
4 c2 _8 s |4 T9 R+ R$ I8 c onmouseover=nereidFade(this,100,5,7)
' A; _7 Q# z& }: z: u src="files/index_dreamweaver.gif" V4 e2 K: _* U7 U' p6 b, 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)" / |% v' X6 h; a, F. B e
width=60></A></TD>
+ A5 X$ j3 A1 U" O1 E% q" ]) o* I <TD background=files/index_fireworks2.gif height=60 " {9 Y; k' B y" ^+ h- y; T
width=60><A * ^ J( S' H. D2 B- d' s
href="http://www.hooji.com/java/display.asp?id=542#"><IMG , g$ l$ u& j r
alt="Fireworks 资源" border=0 height=60
3 Q7 ?! R- [: t; A" H onmouseout=nereidFade(this,01,7,5)
6 K" }+ ^# L. d" L. r) J+ z- d onmouseover=nereidFade(this,100,5,7)
) {% W6 J! ~# P# q. W src="files/index_fireworks.gif"
) v' X0 r6 L' C) [) t 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 Y3 A7 X$ [5 H
width=60></A></TD>
0 O; W- h( b$ F. D" v- {7 l <TD background=files/index_flash2.gif height=60 e3 `# H- F5 C. `
width=60><A
$ z. J1 {. k) q3 U7 { href="http://www.hooji.com/java/display.asp?id=542#p"><IMG * @( I e" w1 S' W/ h
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ! i4 c, m8 j0 x* c
onmouseover=nereidFade(this,100,5,7) + E: Z8 I2 x8 L8 g7 A
src="files/index_flash.gif" `7 ]9 |3 w& Z
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 ]- W4 r0 N6 m4 b
width=60></A></TD>( F2 s# g' i- r9 Q/ Y
<TD background=files/index_photoshop2.gif height=60 " R, K5 y, F# L; S! r1 h0 f
width=60><A
5 E1 O2 ]6 [ l/ R1 g href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 {! a) q/ v8 Y9 \! }; Z# @ alt="Photoshop 资源" border=0 height=60
# ] w! L6 i- I( X' [ onmouseout=nereidFade(this,01,7,5)
; v+ h5 H }+ |2 L/ g# U7 @9 ^ onmouseover=nereidFade(this,100,5,7) - |* `' D* Z3 F2 _) X$ U. `9 ~ I
src="files/index_photoshop.gif" D# V# @; H$ c; e9 Q0 A
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 X; h6 F+ S" n- \# G$ x3 s width=60></A></TD>
. {+ i; _0 f$ G; n/ ^, i" w% h+ g# c </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|