|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>) ?9 N9 t9 G' c3 m
<!-- Beginning of JavaScript Code -------------------
: m: T: h, f' N, }* G7 W9 U9 ^
2 ^& g0 L1 n+ }nereidFadeObjects = new Object();
+ s3 r4 [+ J; _5 Q) q+ EnereidFadeTimers = new Object();
- \: R$ m, f3 `; |function nereidFade(object, destOp, rate, delta){# H2 S3 C8 @: |. V% G# T( B, \$ S
if (!document.all)
6 k+ X7 l& L) E1 hreturn
8 v. T- g' |$ Y# o if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 m( G) i5 A7 | return;
: ]$ ~, x3 @; c, g2 I9 R$ k" c, Q }* s& v8 A7 ~% V9 ~+ V5 x; m7 _
clearTimeout(nereidFadeTimers[object.sourceIndex]);
; G7 D; A; C( p3 r& c# f diff = destOp-object.filters.alpha.opacity;
w# r P; Y& g9 t" q direction = 1;
( ?- V8 d1 W5 u u! I if (object.filters.alpha.opacity > destOp){; k& i$ P1 D8 n3 b
direction = -1;
* p5 A0 O# C" w) t }3 w' t+ K2 v. H. }
delta=Math.min(direction*diff,delta);
9 C- b" ~* g* {! u& ] object.filters.alpha.opacity+=direction*delta; N1 e, f6 u s/ o% s. S/ j$ G
if (object.filters.alpha.opacity != destOp){
/ J7 q5 o) f* k5 P, ~$ A$ Z9 n- H1 v nereidFadeObjects[object.sourceIndex]=object;& O. h, H e/ P
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);& n9 d! m0 e9 H" ?3 x
}9 D$ c! R# K! {- c' y6 b4 F4 s7 U
}
# w6 U G0 l% }$ p// -- End of JavaScript Code -->4 W# Q; |3 p9 A3 {7 X( k- T% B
</script>
/ q" N$ K5 | c //修改下面的图像地址和大小
3 Y: H5 _- K" _9 y* B8 w# S# _* r<TABLE align=center border=0 cellPadding=0 cellSpacing=1>6 E/ U. ^$ g& d4 W1 E
<TBODY>
: O3 g0 I% T/ I1 x7 O5 ]8 B& A <TR align=middle>+ k1 ]' s, O( {3 O1 U2 S
<TD background=files/index_dreamweaver2.gif ! f3 z+ l* i8 ? Q% y2 P" D# A
height=60 width=60><A ) `# O" U- `5 `, ~, P
href="http://www.hooji.com/java/display.asp?id=542#"><IMG - L6 M6 S: L- n0 z4 O. r/ [" p
alt="Dreamweaver 资源" border=0 height=60
/ T3 x5 W4 ]/ z" E) } onmouseout=nereidFade(this,01,7,5)
1 r9 @( ?4 U, n/ W0 A/ f& b onmouseover=nereidFade(this,100,5,7) $ t# T- z- V1 U% B2 v3 q: c# H
src="files/index_dreamweaver.gif" 6 N; y: y% }7 o* q9 r# `' 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)"
7 ?; k& {& [7 O3 m width=60></A></TD>3 Q R- l% y( ^9 a# p/ ^
<TD background=files/index_fireworks2.gif height=60
+ `8 E$ E9 d$ L3 t! {4 i width=60><A 1 g* m" l- [5 l+ h4 |
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 z. H& ^0 c" `( w8 E0 Y alt="Fireworks 资源" border=0 height=60
: z. C' s& \2 J' A! z onmouseout=nereidFade(this,01,7,5)
- ~* Y3 x3 g2 U& ^ onmouseover=nereidFade(this,100,5,7) ; I# s: P5 _1 s& x6 O5 y7 Z- j
src="files/index_fireworks.gif"
/ f! R' x* R/ ?+ W' L0 W' 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)"
: w7 m) W% m0 b width=60></A></TD>
% y" J3 z6 x3 O. w; t( O. v <TD background=files/index_flash2.gif height=60
% b; ^& \' @" u* ]- {% C7 v width=60><A
# k5 E# A1 d$ u7 n2 t href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
3 y& }9 E, f/ J1 m alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
G6 A8 J: h. L0 g' @2 L, r onmouseover=nereidFade(this,100,5,7)
9 l- U7 t3 ~: ?8 e) K2 V) |, m. P! U src="files/index_flash.gif" ' S6 w9 L( z9 m2 h
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)"
+ \* Q4 o& L" _' z width=60></A></TD>& E1 Q" K/ p0 t7 l: H
<TD background=files/index_photoshop2.gif height=60
$ ^8 z% J; p' e1 _6 h( x8 y4 Z6 H7 v) v width=60><A ( k1 R4 {$ f' @
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 t& }/ n# |8 k) Z/ B2 f3 [ alt="Photoshop 资源" border=0 height=60 3 ^0 r" `) S( ]5 D1 N5 G9 b/ }
onmouseout=nereidFade(this,01,7,5) 0 ^1 @4 q! T- [& {0 c7 M5 n
onmouseover=nereidFade(this,100,5,7) 2 Z+ `: V8 W, ]
src="files/index_photoshop.gif" ) j6 y" O: Z7 A1 t- a% V
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)" 2 N4 d Z% T1 y/ f. d
width=60></A></TD>: f l; S& X/ J: ]7 V3 m, Q
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|