标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
" _! D0 }" ~: F" M# f* P
<!-- Beginning of JavaScript Code -------------------
+ z6 G+ Q Z( a# o
6 h9 _/ P0 T" H: D
nereidFadeObjects = new Object();
/ x2 ?" W. E% ]5 X. E# H) \
nereidFadeTimers = new Object();
$ R1 l4 h, J1 r) K( W; l
function nereidFade(object, destOp, rate, delta){
5 U$ X" w6 u2 F; }
if (!document.all)
( D% _8 d6 R8 E+ M
return
4 g% S) ]7 L2 V# N
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 l- J2 |3 F+ \
return;
7 J' m9 K* r' |+ l, V& d+ `
}
' {- G d( p- L% u% I# {$ E
clearTimeout(nereidFadeTimers[object.sourceIndex]);
; W% H& |8 \2 {) G; n4 q- m: p" e
diff = destOp-object.filters.alpha.opacity;
# N# @' D% m( R' X; N" J+ ~8 O
direction = 1;
2 l5 d) c) ?2 L/ m) P( ~: J
if (object.filters.alpha.opacity > destOp){
, S, D* l6 J1 s1 A/ B) a
direction = -1;
3 [( W) s( Y3 _6 O$ A0 {
}
9 u8 a: ]$ \4 f# Y! C8 }$ }
delta=Math.min(direction*diff,delta);
3 x0 ^" y9 t7 i; s- ^" s2 H
object.filters.alpha.opacity+=direction*delta;
o3 L% K* U( t) p
if (object.filters.alpha.opacity != destOp){
- P# U, F C( ~2 q+ G4 F. A9 b
nereidFadeObjects[object.sourceIndex]=object;
3 D5 b5 B" b. Z
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
) f8 H$ B* e6 Y9 ]" C
}
1 j; T; ^9 U' _& o8 R5 F% _
}
0 ^. `$ ~- N( z( j5 L/ \5 O
// -- End of JavaScript Code -->
5 o9 Z3 t K5 O1 O: H: U
</script>
1 n" ^2 `3 A& M, h8 a
//修改下面的图像地址和大小
0 k; p I5 `1 M
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
7 o& w& L: S6 A8 B4 ^
<TBODY>
5 N- j( {; t$ ^
<TR align=middle>
) l5 A7 a; g t$ F% H1 o# N) _
<TD background=files/index_dreamweaver2.gif
) t4 T# q0 i& _! \
height=60 width=60><A
, g' f+ |( x; M- h
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 l4 g, }1 W1 L; T! ^
alt="Dreamweaver 资源" border=0 height=60
% Y9 f' U1 S1 _" a# m0 P
onmouseout=nereidFade(this,01,7,5)
1 W3 _* C7 O, l9 {- o
onmouseover=nereidFade(this,100,5,7)
; x4 D/ c$ S/ `/ s
src="files/index_dreamweaver.gif"
% ?0 |. l! Q T 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)"
: H! j4 W: n0 W4 w( p
width=60></A></TD>
( ?5 ]0 g, |* v* R
<TD background=files/index_fireworks2.gif height=60
. M7 p- I) U% D( w, Y8 [6 j: l" x
width=60><A
. A& j; O" F+ r H
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 P9 ?" ^0 P$ `, W: o5 {
alt="Fireworks 资源" border=0 height=60
2 b" Y, E4 D2 X8 j% r/ o
onmouseout=nereidFade(this,01,7,5)
5 g5 r5 w- o: I" k
onmouseover=nereidFade(this,100,5,7)
. _" b, F6 G9 F2 }# `$ D& e
src="files/index_fireworks.gif"
" D/ Y) q6 S. ^& 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)"
: @6 G0 L& Z* N) y# Y
width=60></A></TD>
& x! V6 u8 V6 V( o
<TD background=files/index_flash2.gif height=60
$ d4 W+ M& L$ z# b" ?
width=60><A
" I/ l: @* z, } `* A. m
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
2 y3 o& t* w' ] [& |0 C& @* o
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
2 O% T8 X# A" ~/ q6 L7 q }5 ]) \. @
onmouseover=nereidFade(this,100,5,7)
0 z% e2 O/ M/ S* L
src="files/index_flash.gif"
$ }5 F2 ?' c& o. h+ S v9 p
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)"
. _+ D$ z) Y. W5 {7 \; ^
width=60></A></TD>
* }4 P9 O8 g& b- s" ~7 H$ h: V# L
<TD background=files/index_photoshop2.gif height=60
; |* H6 z( v+ W, i( T [; \/ o4 c
width=60><A
& a" |4 D# f+ S8 x4 ]6 n
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 j' Z% B7 u" T, @- s e
alt="Photoshop 资源" border=0 height=60
, Y/ c& }, l6 Y5 i, b a t
onmouseout=nereidFade(this,01,7,5)
0 H v1 J6 `' O4 S# ~3 G
onmouseover=nereidFade(this,100,5,7)
# n( z6 ^ ~$ e8 I
src="files/index_photoshop.gif"
- o# Q6 B" t9 \) 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)"
& I( M5 t6 a3 _/ v& g% t
width=60></A></TD>
! V2 X6 S3 {& ?/ y: x
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
