标题:
网页之非常漂亮的图象效果
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:54
标题:
网页之非常漂亮的图象效果
<script language=JavaScript>
, l% C& X2 j0 m# o+ y( z) ?) f7 j- L
<!-- Beginning of JavaScript Code -------------------
( C+ y/ J" u, ]! I& T
. t+ i2 ~7 o7 ?" p8 z/ n! D) l
nereidFadeObjects = new Object();
& w; C3 }" z" ~ c+ X
nereidFadeTimers = new Object();
' U: S9 t* ~0 i* g; w- f2 h
function nereidFade(object, destOp, rate, delta){
0 i& r# m2 `. K
if (!document.all)
) D3 G- q+ O* e- b D! u' X
return
! w# _- h7 R$ S ~& U
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 I2 ~0 l! ` O3 V! M: A
return;
2 w% X: n/ m$ [$ {! L
}
! U6 L ?8 d& l4 p9 g
clearTimeout(nereidFadeTimers[object.sourceIndex]);
2 o3 M% P% ~+ K6 l8 b# @2 K
diff = destOp-object.filters.alpha.opacity;
1 Z2 c, M9 m/ Q" T' ~
direction = 1;
1 c: ~9 j( h, N" r3 [
if (object.filters.alpha.opacity > destOp){
/ A8 T. C7 e5 A4 _* d, [4 ]8 c# r
direction = -1;
% c. W4 \' I$ L1 l L$ A
}
/ M8 }" r8 d" a$ t5 Y
delta=Math.min(direction*diff,delta);
& b% {: q5 z" h% t" C7 T
object.filters.alpha.opacity+=direction*delta;
& d: e0 d1 O7 I' N+ k/ {
if (object.filters.alpha.opacity != destOp){
! s6 l$ ~2 [! a
nereidFadeObjects[object.sourceIndex]=object;
D! s b6 `2 C, y$ Q
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
. O+ \8 I9 \9 \# A: Y
}
* j. _" W+ ]0 U1 K
}
* x- F# G4 L! j" e% {; U R. L
// -- End of JavaScript Code -->
/ V6 K8 [' Y6 u8 j ?1 `9 {
</script>
+ t2 l+ g+ u8 h7 A2 T
//修改下面的图像地址和大小
3 m+ o" T2 ~3 G; d. e
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
2 N1 O1 e, Z' h O% P
<TBODY>
! F, Z& f6 K @# K3 z% _' `+ n3 y
<TR align=middle>
% P' C5 J9 g6 g& `' l `
<TD background=files/index_dreamweaver2.gif
8 D2 v9 h2 y- C! c8 R
height=60 width=60><A
. q! L' l0 M2 o, ^' [
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- M* u3 g1 e% g( n6 `, o
alt="Dreamweaver 资源" border=0 height=60
+ v' u0 g6 w0 j: A, z# a
onmouseout=nereidFade(this,01,7,5)
2 {8 y; W. m8 o$ |) R* y
onmouseover=nereidFade(this,100,5,7)
3 I' V1 I7 L# L) r
src="files/index_dreamweaver.gif"
0 G- b) p, M+ C2 M! { r/ 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)"
l3 b8 \8 m$ M9 {2 Z3 X5 F z
width=60></A></TD>
3 q( r8 @; {3 [* ~$ j$ l" S
<TD background=files/index_fireworks2.gif height=60
* F* Z) q5 w7 ?4 [, s& z
width=60><A
* q; p3 D" u% y3 _# @1 I0 M6 z% @
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' S& _6 P/ |3 e. H8 E
alt="Fireworks 资源" border=0 height=60
& V0 T! h' p" Q6 A( v4 z; W
onmouseout=nereidFade(this,01,7,5)
4 L9 R: b, ]# Q: `" M: Y) I
onmouseover=nereidFade(this,100,5,7)
$ a: J2 L s% n l
src="files/index_fireworks.gif"
# j' l7 Y0 j& Z0 m1 z; P; P* 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)"
' c7 [+ q+ P8 m4 E* c
width=60></A></TD>
. L) l& o3 r% X7 l( e% b
<TD background=files/index_flash2.gif height=60
/ }0 R5 x' D+ P1 ]+ e* F( ^
width=60><A
/ E1 G1 I+ F' k2 l( p. D) `4 m# X
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
* ?. J; A; u6 {* l1 u4 r3 B
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
: M3 @1 L3 r& M! C
onmouseover=nereidFade(this,100,5,7)
" |/ l& b3 E3 V, P8 [
src="files/index_flash.gif"
) V' r0 A9 t& B! E1 D; ~' g
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 I; s0 e3 q( h$ d: F' S3 O9 c
width=60></A></TD>
# M; N1 q; p, ^' h
<TD background=files/index_photoshop2.gif height=60
" Z! ?& K6 B! d/ T4 c2 |
width=60><A
# g$ @7 _' f2 E. V
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
8 Y3 i* a) P$ |
alt="Photoshop 资源" border=0 height=60
2 T, {, ^! A+ z; k# {* ]6 s- j
onmouseout=nereidFade(this,01,7,5)
" b+ t% ^) M# R* a v
onmouseover=nereidFade(this,100,5,7)
: f' S1 K! `$ S# q
src="files/index_photoshop.gif"
1 W! X6 B1 y, z) ~* m2 T
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 A" v6 z* r, ?# |4 v0 R* k
width=60></A></TD>
2 i4 K/ \ T9 A5 }( B$ _2 J7 h
</TR></TBODY></TABLE>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2