标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
# s3 ]! F: v# p9 R/ Y
<!-- Beginning of JavaScript Code -------------------
: U J5 x" I! w
' N% \( [: Z9 m* G3 B- I: W
nereidFadeObjects = new Object();
- F* S; r2 Q) a _$ X+ h3 d5 e
nereidFadeTimers = new Object();
( U u* T" a0 ]
function nereidFade(object, destOp, rate, delta){
6 j+ i' W. ]1 u# q
if (!document.all)
% A% R2 R# `. ~& e8 d# |
return
7 k& F' a! U" p# f( Q" L9 q3 I
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
: }, S" e2 t' _- f
return;
0 N9 t: ?; _/ z- m X, e
}
/ ^0 h" d H% d8 E; i5 c/ r
clearTimeout(nereidFadeTimers[object.sourceIndex]);
' z+ u+ r- m: K0 v8 w& z) V! }9 l
diff = destOp-object.filters.alpha.opacity;
) A5 Q, t0 j4 P) @
direction = 1;
0 f6 `9 d; d4 }% s4 t
if (object.filters.alpha.opacity > destOp){
( v* O1 C3 t8 {- |
direction = -1;
8 V+ n6 w( H! }/ L% O! y1 p9 S
}
! Q5 J/ D& w7 Z1 H/ _7 {1 L( [; | p# N
delta=Math.min(direction*diff,delta);
+ X4 R% Z/ p. L8 v, C* S! \
object.filters.alpha.opacity+=direction*delta;
- T3 x+ s8 s- c8 C* s, P6 M5 S+ P
if (object.filters.alpha.opacity != destOp){
\( p; g$ C: W. h: z% {1 x, [
nereidFadeObjects[object.sourceIndex]=object;
" J) a9 x- J! H- h3 d4 r/ |
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
( M4 Y4 x% L8 E3 y1 g# K
}
( [, p- @0 ?4 g- B) o
}
$ j$ c& [1 A" s( |. n
// -- End of JavaScript Code -->
- T4 n9 o/ [% W3 h( x* o# ^8 e
</script>
: C$ V& Y- L0 ]+ L6 S5 [- | r
//修改下面的图像地址和大小
; L4 i9 O- b& a
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
( M* O" }: |8 v- E
<TBODY>
6 f- R2 M( v8 `: Y
<TR align=middle>
; B7 A$ O }6 \% d
<TD background=files/index_dreamweaver2.gif
- M- N% l/ Q* _
height=60 width=60><A
4 s& l$ s2 ~ P/ V& Y1 l; A& _- A- J
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 U3 r4 ^' \2 K
alt="Dreamweaver 资源" border=0 height=60
3 ^; F0 ]" l/ c# A6 X0 C
onmouseout=nereidFade(this,01,7,5)
$ c! _3 r9 Z3 e" w$ i. @
onmouseover=nereidFade(this,100,5,7)
2 V4 D$ D6 } f, a1 n- ^) M
src="files/index_dreamweaver.gif"
/ M+ s# `- @4 G0 I/ Y/ U4 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)"
$ F2 ]* o5 j0 I; n+ S6 ~1 ~% L
width=60></A></TD>
( u) V/ K/ d8 A+ ?
<TD background=files/index_fireworks2.gif height=60
5 W! Q8 W/ N* d6 P; A8 a0 h" W/ O
width=60><A
$ s0 w; }9 Y0 O, r; W2 H
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 z# ~' R- N) l1 R9 h+ S8 {2 w
alt="Fireworks 资源" border=0 height=60
( D1 A0 ]; ]: c2 ]3 B
onmouseout=nereidFade(this,01,7,5)
7 M7 Q: N2 B8 k/ i! t
onmouseover=nereidFade(this,100,5,7)
+ h) z* l) m) J5 G1 K q0 L4 A
src="files/index_fireworks.gif"
7 G; k, W1 o" Z
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)"
) n1 k; |5 e. ^" d! \. c* [' D
width=60></A></TD>
0 p2 r4 X( O1 s8 u& s3 Z1 T
<TD background=files/index_flash2.gif height=60
! z5 k- Z9 H) j8 L1 O# y
width=60><A
. u5 y5 _- X7 w6 \: _
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
- ^- k1 Z8 W4 ]6 Z8 e$ Y
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
. k; q7 q5 H( j! m" l7 O* a! m! h* i
onmouseover=nereidFade(this,100,5,7)
9 [# q, t2 y5 g! R0 w/ o- r0 G
src="files/index_flash.gif"
# C* c o* r# C, [
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 Y4 h/ K* F. }* D" _
width=60></A></TD>
% h% {# G0 m q. y: E# p
<TD background=files/index_photoshop2.gif height=60
/ V: }& r( g8 l* O( i8 S `6 t6 T& D
width=60><A
& @. f1 i* g) a/ W# Z- \, {; J
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 T1 B& x7 w7 R5 c0 O. `
alt="Photoshop 资源" border=0 height=60
. f$ i) W8 C$ P7 t9 C$ z, a1 q
onmouseout=nereidFade(this,01,7,5)
! K: X" L0 {) y$ A7 Q2 N
onmouseover=nereidFade(this,100,5,7)
7 V; v1 | |* Z5 @4 ]3 p, ]
src="files/index_photoshop.gif"
) P7 l4 e" ~6 i* B
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)"
6 g2 a. M5 w$ h/ H/ O
width=60></A></TD>
+ j6 y# z! g5 w' T: [& o
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
