|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>% E1 u, o, W% b d. L( W3 U
<!-- Beginning of JavaScript Code -------------------
$ t& A) J6 f' y
! E& {. W; J8 c! A- PnereidFadeObjects = new Object();+ p: D/ p; A6 z/ k; q+ k
nereidFadeTimers = new Object();# x( ]* a4 T3 \ m
function nereidFade(object, destOp, rate, delta){
7 [* S! H/ J9 C9 p6 Nif (!document.all) s+ z9 P t2 p( H3 F* E, z/ u
return
4 V6 H) ~8 E% o+ y/ x if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
! H1 E4 P$ T. A! d return;+ @7 x8 q! |7 E+ n" t9 { ~
}) F3 s6 |" R# T B5 Z
clearTimeout(nereidFadeTimers[object.sourceIndex]);4 |+ e" z1 R6 ]9 r; g* `
diff = destOp-object.filters.alpha.opacity;
9 D+ x8 ~9 v: J% Q direction = 1;( b! f" ~7 m2 O6 i
if (object.filters.alpha.opacity > destOp){
+ d# B1 ?7 E0 C7 W. T+ _$ |8 a+ p direction = -1;
8 i. W/ |) b4 Z' `5 w }
1 N; G- d1 j) K+ Q; w% B% c delta=Math.min(direction*diff,delta);( B! `$ X/ k# D
object.filters.alpha.opacity+=direction*delta;
. S8 _1 L3 i; r% ~( o/ ? if (object.filters.alpha.opacity != destOp){
! Q+ D8 a# r/ l d$ X nereidFadeObjects[object.sourceIndex]=object;5 c+ ~, {0 }0 S" M1 X! g( q6 m
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);( t! k. R0 O8 h' h
}* ?' S; c6 e9 Y M, K
}1 K+ E! \0 \. I4 K
// -- End of JavaScript Code -->
7 ]& y2 r8 @. f+ _</script>
9 r7 \# p) k6 L1 j" Z% P& O //修改下面的图像地址和大小
% R* L z- g# Y: d0 F<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
3 I/ l. O( x: V <TBODY>" F3 }2 [) P; p$ `9 C
<TR align=middle>
) L, {; L/ W" b- N# b' v <TD background=files/index_dreamweaver2.gif
7 S& e) E8 v: w3 l7 ? height=60 width=60><A 1 Y/ O; u5 N3 l$ H6 N
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ; ^) A1 u+ W0 W+ N g+ r
alt="Dreamweaver 资源" border=0 height=60 2 k( Q/ Z; ?4 Q2 z, D
onmouseout=nereidFade(this,01,7,5)
4 S# H1 B+ X. A* L/ y% w6 a/ V onmouseover=nereidFade(this,100,5,7)
. d+ ~# B+ u+ X src="files/index_dreamweaver.gif"
6 @+ K4 s4 Z3 N! I# y5 g7 M 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 Y. d; \ D4 {: j width=60></A></TD>
! p, S7 E# A; l4 f- I' n <TD background=files/index_fireworks2.gif height=60 ; K$ g7 P* Y. c }2 a. I( ]
width=60><A
; U) [% W/ ]7 t' m. y- ] href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! b4 ^$ \' V# W4 l, @ alt="Fireworks 资源" border=0 height=60 % B$ o7 Y5 F9 h1 j$ K6 D) i2 t
onmouseout=nereidFade(this,01,7,5) ) P7 g' O4 F! Q# X/ F# T: Z
onmouseover=nereidFade(this,100,5,7)
3 h5 I8 R9 t0 ` n src="files/index_fireworks.gif" * B) b: Q* b1 y" 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)" ) k3 N3 Y; U) _/ |( Z9 A' D: k
width=60></A></TD>
/ U* q3 h+ \2 |; C <TD background=files/index_flash2.gif height=60 2 {0 i3 q( R8 h' a9 ^5 z6 S
width=60><A
& R# p) {- y' E* f/ @+ a href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ' |8 o* u+ J. `- h5 q& q% W7 Q1 ^
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
+ C9 P/ W. T: [6 J$ s$ i onmouseover=nereidFade(this,100,5,7)
+ U' i( W9 g/ A+ ~) I# ? src="files/index_flash.gif"
% U6 b# ^ i4 g% F! 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)" 3 X* J1 V5 D2 d. [; o
width=60></A></TD>3 i: B4 p4 k/ l3 e7 m% n1 q
<TD background=files/index_photoshop2.gif height=60
0 I# K/ i/ q7 [/ k. `8 {" M& _ width=60><A
8 {4 d1 O2 j a# h2 o' B: B9 P href="http://www.hooji.com/java/display.asp?id=542#"><IMG + _) v+ d& I- F- U7 \4 `* y
alt="Photoshop 资源" border=0 height=60 : P- G! f9 e. d% N6 a
onmouseout=nereidFade(this,01,7,5)
7 M% ~* m6 i0 R1 q, U8 H8 w onmouseover=nereidFade(this,100,5,7)
- L, R, z- i: X4 K1 D src="files/index_photoshop.gif" $ V* a( a& R: 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)"
# r/ j% k1 D3 Y. h U, e0 v width=60></A></TD>. ^6 |+ A- h$ ~
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|