标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
2 T! }+ ?* F5 C3 {( |2 a! H9 C- Z
<!-- Beginning of JavaScript Code -------------------
! ?+ U; n2 h X7 h6 h* P7 k; ^
: o. H: G$ [8 q
nereidFadeObjects = new Object();
4 F8 ?0 z0 d; j. Q3 g( L4 z* q3 X1 ~/ S3 L
nereidFadeTimers = new Object();
/ v7 o/ r; r) O
function nereidFade(object, destOp, rate, delta){
9 ?4 V3 S& u4 C2 S2 q3 s
if (!document.all)
+ \$ F7 J1 D( g T% o: H* A
return
7 I% v% g* d. F: C
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
# b; q9 _9 w5 a* f6 O
return;
( R, F* G+ @. r3 l9 s+ L( E& ]
}
' ]2 i- ?. d' S) ]
clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 C6 L. s# T9 j' H$ n9 L
diff = destOp-object.filters.alpha.opacity;
& `. I q I- a7 D5 Y2 N6 }
direction = 1;
4 ?2 w( }1 t- ?; r# e' M4 v+ ]! r
if (object.filters.alpha.opacity > destOp){
# G/ [9 N& t& f6 T
direction = -1;
+ S* |$ P5 I! W9 F, F) T, I( F# F
}
$ p/ l/ c+ q' j6 k& d9 h% Z6 [; f
delta=Math.min(direction*diff,delta);
/ m- K4 M( j5 f9 ~ W; o
object.filters.alpha.opacity+=direction*delta;
4 D+ X; q7 F1 h- ?8 a5 y
if (object.filters.alpha.opacity != destOp){
. ]8 ?8 e4 _6 ^- u! f5 g. O
nereidFadeObjects[object.sourceIndex]=object;
6 o6 [& q* ?7 T' a$ p- ]8 O t/ [
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
4 l( X; ?+ y; ]2 V- ~
}
+ M* v4 L0 k. Z q
}
& R. {7 t7 [# v! X X
// -- End of JavaScript Code -->
# l# E! Y) a7 t! ~% v
</script>
+ q) Z* y5 v6 ?- j) o Y
//修改下面的图像地址和大小
2 L8 Q' v/ r8 h. \/ c) S
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
; {+ q& |* I- c* I7 v& [8 F" w
<TBODY>
# _2 h, f C5 s; a% u6 I2 n
<TR align=middle>
l# |0 J* a/ E* p$ i7 x
<TD background=files/index_dreamweaver2.gif
% t/ E/ B p- W. I( g
height=60 width=60><A
! R1 \7 Q2 @ q
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 [- J! K7 j/ \
alt="Dreamweaver 资源" border=0 height=60
% i6 {" K3 H: X# P$ W
onmouseout=nereidFade(this,01,7,5)
; z" A" d' R" r7 e- s$ o l
onmouseover=nereidFade(this,100,5,7)
# }. p/ f5 b- z! p6 U/ \" l+ D
src="files/index_dreamweaver.gif"
. D5 F# ^+ H, P7 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)"
3 `5 y. V, L+ I+ u0 M) B
width=60></A></TD>
8 k2 K# t5 _9 J. v4 V! }$ Z
<TD background=files/index_fireworks2.gif height=60
! }& Y' ^: E5 {' R$ g
width=60><A
& `9 v' L( `+ s* I
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. p1 ]* f: j- J% {
alt="Fireworks 资源" border=0 height=60
' W( N7 g; V( p" X8 z; d
onmouseout=nereidFade(this,01,7,5)
7 e0 h! B4 U& b; ~, s
onmouseover=nereidFade(this,100,5,7)
- ? P# ?' F( G, w6 J6 f" b
src="files/index_fireworks.gif"
9 c0 W Z. ~/ F
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)"
: O: W& ^% z2 e6 n3 X( T% z( G
width=60></A></TD>
6 D4 v$ r" y. \2 C
<TD background=files/index_flash2.gif height=60
% {- l2 D1 ~, P" {- a" l r8 t
width=60><A
$ G! n7 W" w. R2 C- n
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
" R0 r$ J7 c+ M6 t& m; h
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
! }, T& _( P+ l+ y
onmouseover=nereidFade(this,100,5,7)
v' d+ x$ l) |% n: D! ^" `& J4 r
src="files/index_flash.gif"
% w1 J8 U& C V; D/ P0 J
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% Y6 T' l4 j; i
width=60></A></TD>
+ |& |' D* i; q3 c, l
<TD background=files/index_photoshop2.gif height=60
0 ^9 L7 T9 B2 o5 ?# j" @6 e
width=60><A
: `* G: G+ ~+ j( N
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" @( w# w1 _ U8 r5 m% T" H, M
alt="Photoshop 资源" border=0 height=60
5 V0 g7 D; I8 x! ~4 e
onmouseout=nereidFade(this,01,7,5)
- P# o0 x: o' }! c. B
onmouseover=nereidFade(this,100,5,7)
+ ^5 Y; N5 E% R
src="files/index_photoshop.gif"
' r# N) O$ p7 h# z. a: o/ @! l6 w
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)"
' C, Q [6 E F
width=60></A></TD>
( o! Y5 Y8 z0 w: a4 q( ^0 G3 |, ]
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
