标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
# l$ `. n! R, z g( U b! m( D
<!-- Beginning of JavaScript Code -------------------
9 u: O/ b9 H$ e
1 g* U# X& Q& v+ F. m
nereidFadeObjects = new Object();
$ T2 Q$ u9 y; J. o2 n4 D
nereidFadeTimers = new Object();
( A/ \: c1 t6 T; J
function nereidFade(object, destOp, rate, delta){
. T1 z" `* `0 k
if (!document.all)
) k' c P2 q. g/ _
return
- e& W& z5 C' k; D) T6 e$ y
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
6 A& V; v! i3 ^ L7 l" ]; u
return;
( v# H: ^* W8 i: y6 {- p9 i( N% L0 n3 J
}
# j8 A3 V8 ?8 g% i: ~& c
clearTimeout(nereidFadeTimers[object.sourceIndex]);
7 o- k" t. [; W" T% Z
diff = destOp-object.filters.alpha.opacity;
3 k8 N6 T" {2 @( Z& H, Q
direction = 1;
( J3 u/ m4 k; N2 H
if (object.filters.alpha.opacity > destOp){
: v+ K+ P* M$ q; M
direction = -1;
; L' b4 e) T: ^; U8 e( Y
}
" h! \) U/ c }3 z
delta=Math.min(direction*diff,delta);
5 q7 [' Y+ u4 l z: z, @6 ~
object.filters.alpha.opacity+=direction*delta;
% E5 \* \8 T+ [, m8 `* E! N
if (object.filters.alpha.opacity != destOp){
$ \ o9 `2 t8 x: n! S
nereidFadeObjects[object.sourceIndex]=object;
9 ^' }) e/ t" E7 \
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
0 \. E1 |" b I( k( U4 C- D
}
' j, F) J I- }+ j z7 Q$ r: _- l
}
. ?& n) @2 t. ?9 `% w: ?; `
// -- End of JavaScript Code -->
5 i8 ?2 ^9 ~1 V3 `2 Y$ C$ Y
</script>
- E7 V/ R! ^- c5 e& D
//修改下面的图像地址和大小
$ H @7 `; R6 l
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
; j" c- d; o$ c2 Y: h( o+ h
<TBODY>
6 C3 Z# D" \' K
<TR align=middle>
, _; t- u% F: a
<TD background=files/index_dreamweaver2.gif
& g2 C9 N" H, n
height=60 width=60><A
0 c b1 T, ^" i" E1 b
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. A) q6 \* Q" f) v
alt="Dreamweaver 资源" border=0 height=60
* ]: R+ x2 `* O+ F! D5 j% z
onmouseout=nereidFade(this,01,7,5)
! Z# F2 F) `$ C
onmouseover=nereidFade(this,100,5,7)
# n8 W7 ~3 U) R% O
src="files/index_dreamweaver.gif"
4 h0 `+ r" M+ 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)"
% z. m) Z: K/ B
width=60></A></TD>
6 ^% _9 r2 Q2 I- r
<TD background=files/index_fireworks2.gif height=60
/ }6 D9 C; W0 K5 c
width=60><A
0 m! N9 X' C8 f
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: s! I2 A: g1 ~2 W
alt="Fireworks 资源" border=0 height=60
J% G: N( A7 Q7 ^% [
onmouseout=nereidFade(this,01,7,5)
' a+ B2 g4 t2 e6 z0 d+ c
onmouseover=nereidFade(this,100,5,7)
; N2 v& U. n8 f
src="files/index_fireworks.gif"
q) I1 g2 M6 A- d9 t4 V& 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)"
$ {* I! d: p: K: U( `3 k' q7 ~
width=60></A></TD>
2 q8 ]& \- h5 g! C5 x m
<TD background=files/index_flash2.gif height=60
6 q+ ]/ ?- R) _. U+ P- \7 ?, p
width=60><A
+ \; S( a) ~) }3 ]* r$ r
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
) t( ^. U, y1 N8 @4 J
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
2 R, m/ i3 q; s) T
onmouseover=nereidFade(this,100,5,7)
7 M$ Z) Q1 C& r& r8 v
src="files/index_flash.gif"
# G, Z+ g+ w3 s+ [' N% 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)"
4 |" q5 T5 {8 Q: Q
width=60></A></TD>
& O6 O) |/ {3 w! f r# n8 @3 N
<TD background=files/index_photoshop2.gif height=60
0 D: m6 ]0 J6 S6 g
width=60><A
: D h8 \7 \3 e& \2 ~8 Z" R
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ p' c5 Q$ X1 j+ ~
alt="Photoshop 资源" border=0 height=60
; A, h& n( z N" T$ ]6 D/ Q
onmouseout=nereidFade(this,01,7,5)
+ O; b& E4 q8 K+ h. A" ?
onmouseover=nereidFade(this,100,5,7)
( V1 A) N% V4 ]' D* K, M1 q
src="files/index_photoshop.gif"
F# k. c" Q7 Y5 [" j, A7 c) d
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 X5 F6 k5 v" ?) S% a. i. f. F
width=60></A></TD>
0 d- K+ s7 w8 ^ \( T
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
