|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>! t. p1 f9 b) ^& t5 V2 ?6 j$ ~! y
<!-- Beginning of JavaScript Code -------------------) b8 f' G. W% f' b( b
+ \% t7 W& K+ ~nereidFadeObjects = new Object();0 ~; G2 r2 m9 l% d
nereidFadeTimers = new Object();
6 T H2 Y: ] v! m7 W( _function nereidFade(object, destOp, rate, delta){
, S! s$ _$ l0 A$ o4 Hif (!document.all)
; s' F2 m! c! f" Qreturn
9 Z/ M8 R; g+ s% k# s' c if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
6 {: v! m5 Q, t! | return;5 Y' e, Z+ S' g- u& W9 N
}( U/ r2 V3 Q4 t1 A; x+ H
clearTimeout(nereidFadeTimers[object.sourceIndex]);
( v& x% M' E; x. W) b" s0 X8 l8 x! ^ diff = destOp-object.filters.alpha.opacity;0 y: E# W( F4 U* h
direction = 1;
8 C6 }+ w9 b5 ?, t. n( O0 N- W if (object.filters.alpha.opacity > destOp){5 R/ A! B% y$ _( j% R6 `+ w
direction = -1;
! S9 n3 L9 I$ B. p }7 r- b# e" m5 `) N8 k& s
delta=Math.min(direction*diff,delta);" x8 S0 E& A$ O6 R$ o+ h4 p
object.filters.alpha.opacity+=direction*delta;% ^7 h2 S( v) k3 `, a& e
if (object.filters.alpha.opacity != destOp){
. t& @3 g$ N$ i1 d! `% K" o4 g nereidFadeObjects[object.sourceIndex]=object;6 u0 b: C3 e* g" u
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
/ w- y" V0 I8 F* C5 C# o7 r5 Z1 ^ }+ {, H6 {% K6 T6 y
}
* Q( I9 J: q/ g) V& q# I- Z// -- End of JavaScript Code -->% o; ^) m6 S# a: b4 I j+ N
</script>
[- @2 `6 ]: [# u: f: H5 ^+ j //修改下面的图像地址和大小
6 Q' k5 S. P ~<TABLE align=center border=0 cellPadding=0 cellSpacing=1>1 ?7 q( ^ ^& ?3 c2 W7 Q
<TBODY>+ P4 s0 u' `1 V% ?8 P; H. l
<TR align=middle>
$ W4 ^ A) Y0 \$ D <TD background=files/index_dreamweaver2.gif 4 L* }3 c: z" O( Q X
height=60 width=60><A
+ u( ^5 Z' r8 X9 K. N href="http://www.hooji.com/java/display.asp?id=542#"><IMG 8 o+ H s+ S# Z% f p* m
alt="Dreamweaver 资源" border=0 height=60 7 ^* [3 _4 `) O+ K5 V' [9 x P( C
onmouseout=nereidFade(this,01,7,5) 5 r$ ^, X7 r7 n/ B
onmouseover=nereidFade(this,100,5,7)
% q. f: U; h7 I; p- l3 x5 ^ src="files/index_dreamweaver.gif"
& |8 a( w/ Z1 z$ O1 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)" ; w% ^3 J/ a: `9 ?* C5 P7 V& w
width=60></A></TD>
7 G" }9 t& j @5 o <TD background=files/index_fireworks2.gif height=60
8 S% _5 x& u8 f* C2 f8 ]3 i width=60><A 0 y0 O7 q9 s+ M3 Z
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 O4 Q b# \& X2 m" l8 W. w6 R* p5 ] alt="Fireworks 资源" border=0 height=60
, K7 O% J# [3 H# W+ b onmouseout=nereidFade(this,01,7,5) ' ~. g0 E7 i, E( I# K
onmouseover=nereidFade(this,100,5,7)
& l, ]5 O! y+ z src="files/index_fireworks.gif"
' J6 q7 U+ [' R5 | 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 g C& A* S0 U width=60></A></TD>
; K$ P7 A' R9 }6 M4 U/ ` <TD background=files/index_flash2.gif height=60 ' Q. u0 A% E8 ]
width=60><A
+ B; h/ \. G) U href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
0 S- D! l3 _! C; q& r, [ alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) " H# B! O3 I# O2 v# `0 Z
onmouseover=nereidFade(this,100,5,7) , ]' @! B, z4 ?* H" k. _; W
src="files/index_flash.gif" 7 \: a4 a" F H0 ]' |6 J) ]. X
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)"
# T( v% @" s: Z3 V/ P C width=60></A></TD>
' F g- p' t8 n+ `1 j <TD background=files/index_photoshop2.gif height=60 3 S1 p. R( ^# Q# `$ `# o2 X
width=60><A
7 u3 |/ ?! v( p7 a3 K& N6 g href="http://www.hooji.com/java/display.asp?id=542#"><IMG 8 B$ c) M4 o V/ P5 R
alt="Photoshop 资源" border=0 height=60 % [) B( C+ y. c) I) Y
onmouseout=nereidFade(this,01,7,5)
* s! Y- J$ F: g4 W onmouseover=nereidFade(this,100,5,7)
" r0 K: a3 v H7 P+ D src="files/index_photoshop.gif" 6 a, n& w) 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)" # a; M' A- ^ ^; j
width=60></A></TD>. z* V- @& j* Z; @2 _
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|