标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
n9 ?4 I" r! i; D% ]$ X
<!-- Beginning of JavaScript Code -------------------
' ]0 M+ c& N- f0 s
' y4 B# y t$ ~2 u7 t, Q; ~: |7 r' k; ^
nereidFadeObjects = new Object();
# f; A. f/ q; O2 \: P/ F5 L
nereidFadeTimers = new Object();
2 I" `0 X3 c1 C6 c2 e' f. l* N
function nereidFade(object, destOp, rate, delta){
) V. g* {. P. c% G' n/ }# e
if (!document.all)
( {! |" T2 U I6 p) j9 u
return
* u. s& ]0 Y& Q( Z% |
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
1 E, Q4 z$ x) @: L% y
return;
. f3 e% b# g/ Y: d$ c
}
, j5 Q4 O/ g* ~) x" f
clearTimeout(nereidFadeTimers[object.sourceIndex]);
" X8 i4 @" j" R, O/ W- y. Z
diff = destOp-object.filters.alpha.opacity;
1 L/ w. d! z) @, T) t8 o1 j1 n" a
direction = 1;
- h. \- N* Q; H8 P+ k/ ^3 h' R
if (object.filters.alpha.opacity > destOp){
% ~( I6 n- \7 O5 [- {% s5 q% X% o
direction = -1;
9 `8 M# h, P1 N/ u' \8 u6 R! j
}
% b' D( c0 [6 l- h1 y- L$ i/ ~
delta=Math.min(direction*diff,delta);
& d- v; W7 @+ k7 u
object.filters.alpha.opacity+=direction*delta;
* l# r' n! s2 {- `) D2 J
if (object.filters.alpha.opacity != destOp){
; n' W J. g. Y2 L( ^# [
nereidFadeObjects[object.sourceIndex]=object;
# b7 ^1 j" q" U
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
! s/ P" c+ p9 F& s7 ~, I
}
7 K# g: w% d1 z4 t& w
}
) M" q9 b: c. j m2 ~0 K
// -- End of JavaScript Code -->
' d8 u5 S t1 `1 O1 C" k
</script>
9 \! p [& T" Y4 H" h
//修改下面的图像地址和大小
- v& }, E, X! w, a, `
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
, X& F) h# k3 g$ i% a7 s; m
<TBODY>
) b6 R# Q& b8 ~* p3 @. a( U: e
<TR align=middle>
5 r3 P9 `4 G! m0 }8 p
<TD background=files/index_dreamweaver2.gif
" Z" `2 E) X0 K9 y( j: d. F( Z) |
height=60 width=60><A
! A1 H7 t5 y ~1 k' c! d+ W
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# f. g" G5 f4 x4 d
alt="Dreamweaver 资源" border=0 height=60
/ a' T. L! @$ ^- c! c
onmouseout=nereidFade(this,01,7,5)
1 H, `: L4 g5 W; \! @$ k2 a
onmouseover=nereidFade(this,100,5,7)
3 {5 E4 S6 U w# R8 R
src="files/index_dreamweaver.gif"
3 E3 s% Q* 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)"
# M3 }8 H/ E6 I" V8 T9 m" R
width=60></A></TD>
+ @) |& [9 |5 ]
<TD background=files/index_fireworks2.gif height=60
7 d8 k4 V8 y ^1 x
width=60><A
% |7 _6 \' `( s l) t; b# Y
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) Z2 r+ o4 F5 u4 L+ L; ?# r4 ~' i
alt="Fireworks 资源" border=0 height=60
% S9 N. R/ @( o# X+ p
onmouseout=nereidFade(this,01,7,5)
6 A. M4 W! ?2 v9 f6 f4 l
onmouseover=nereidFade(this,100,5,7)
7 P" F$ P( O1 Z
src="files/index_fireworks.gif"
9 `3 k7 h+ w9 n+ K! \
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 o* [+ e& N, @8 h% j
width=60></A></TD>
/ |- M$ Z8 E, M g
<TD background=files/index_flash2.gif height=60
! _ R7 J1 S9 l9 \
width=60><A
0 z$ j4 G4 h: m) j4 W
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
. |% o' c+ E4 P6 h8 T; X
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
$ ^7 I6 Z! @) M, F' m$ w8 M
onmouseover=nereidFade(this,100,5,7)
8 D# M& _( r$ ?
src="files/index_flash.gif"
9 l* ]; m9 f8 y% g5 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)"
9 P8 D1 I' |2 n, C/ R# i
width=60></A></TD>
4 z+ [) D/ Y0 u, v& B
<TD background=files/index_photoshop2.gif height=60
( g, [# O/ R) p6 E% S9 G$ ^
width=60><A
. o0 U4 b; R2 P) w+ |
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) O. z/ d6 j7 O2 `
alt="Photoshop 资源" border=0 height=60
2 q* W0 e! d( d$ Z
onmouseout=nereidFade(this,01,7,5)
4 S( r& b/ l8 |% p6 R
onmouseover=nereidFade(this,100,5,7)
5 O+ m9 b$ C" o3 _
src="files/index_photoshop.gif"
+ x! K/ J& U5 [8 m, q, Q8 Q5 k
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)"
( Y5 ]- _: i: d3 E
width=60></A></TD>
/ ^$ |. `4 _% a) V6 k) t) b. g
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2