标题: 网页之非常漂亮的图象效果 [打印本页]

---

作者: zw2004    时间: 2008-1-21 20:54     标题: 网页之非常漂亮的图象效果

<script language=JavaScript>
2 u; X+ [9 r& f+ o$ q2 i% G; F<!-- Beginning of JavaScript Code -------------------
* m$ E, D, Q8 v; g1 s; M5 }9 Y4 ]* Q3 Y- K4 [- y
nereidFadeObjects = new Object();
7 u& {. N' ~% z( D& anereidFadeTimers = new Object();$ T! A/ j. Z' ?& A
function nereidFade(object, destOp, rate, delta){
1 O. l( k1 y9 Xif (!document.all)$ G7 n! f5 N- o% z
return
+ |0 [  B9 B) M* n  G) Y1 t    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);) u# R  K. P$ x$ S, i! `
        return;
9 m2 N! m3 I4 V1 z6 ^# B2 I& A* g" m    }$ |$ d! Q: U  W& y2 x) l8 Z
    clearTimeout(nereidFadeTimers[object.sourceIndex]);/ ], l7 ]+ P  [: n! r
    diff = destOp-object.filters.alpha.opacity;
6 m+ \* P/ I' |- n! L    direction = 1;; @% J% N- c1 b% `( s3 F
    if (object.filters.alpha.opacity > destOp){7 L" q' E" b; O+ A
        direction = -1;3 B4 ^) q+ x* S
    }  U' ]. N* {9 [7 V3 o: P/ T3 f
    delta=Math.min(direction*diff,delta);
: e& n8 I1 Q- |2 J' ^    object.filters.alpha.opacity+=direction*delta;
' P5 S' o$ w2 Z, `    if (object.filters.alpha.opacity != destOp){) P; C# W0 W5 U: |4 q0 d
        nereidFadeObjects[object.sourceIndex]=object;" I# W' J% f; y1 j7 ]4 p& j" k* x
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
$ f' u) T6 U( P3 d9 q    }
* o$ G2 ], q% i2 L3 g: s}
% @: r$ |. |0 x// -- End of JavaScript Code -->4 z1 e4 h1 Q1 {- X) Z, m: m
</script>! z8 B9 f, [, N9 Z: t8 X
//修改下面的图像地址和大小1 c/ h6 p; V  e
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>1 R* {  T8 r1 I% `) k4 a
        <TBODY>
" `  I( X* e( B0 B        <TR align=middle>
9 V+ S% x( u) ?" b; D) Z) N+ v8 w          <TD background=files/index_dreamweaver2.gif 7 u+ X+ H0 K9 b1 W3 H3 a
          height=60 width=60><A
6 H: ]% j5 |, R9 c6 \            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 Y/ t9 I) F+ N; e
            alt="Dreamweaver 资源" border=0 height=60
  K/ z  V# Y6 E( y) N            onmouseout=nereidFade(this,01,7,5) " P2 F6 n- \( a" A9 }
            onmouseover=nereidFade(this,100,5,7)
. v% p" i2 F$ Y- l2 |% a( Y" D            src="files/index_dreamweaver.gif" & B% v# L7 G1 I" D; x+ S
            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)"
; l: o. p2 b) z( [            width=60></A></TD>4 n% G  ]/ ^( D# c/ U) `- ~
          <TD background=files/index_fireworks2.gif height=60
9 n! w' u" s, k% m9 W          width=60><A , \, c- {; w' _& M
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- c& B0 W# x2 B9 x# w0 I            alt="Fireworks 资源" border=0 height=60
9 C% m- s4 I* v# n& `            onmouseout=nereidFade(this,01,7,5)
: _! u% o/ l& y: A) [            onmouseover=nereidFade(this,100,5,7)
+ h' n; V" K1 @+ y& B7 f4 Y; A            src="files/index_fireworks.gif" ) K, v9 T% e- Q7 @( t) y/ f: R
            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)" ; G" @! h& L) s# F
            width=60></A></TD># H  {, B# U; a0 Y$ D
          <TD background=files/index_flash2.gif height=60 " [. c$ {$ i6 s- F& H7 m2 C
          width=60><A $ k. {9 R7 {! V6 v4 E- R- }: ?' n
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
9 R) {' C9 y' c- N! v; s5 h* i, D            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 3 k# x7 I% h0 ^( n8 d2 r3 \/ o
            onmouseover=nereidFade(this,100,5,7) + e# l1 h5 W8 X7 N/ |
            src="files/index_flash.gif" 4 l+ u9 p  @" c7 U' @' N, J- 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)"
: K; b& Z1 d; Y6 ]            width=60></A></TD>$ @& {6 [( ]) |4 e) k0 w& A3 M
          <TD background=files/index_photoshop2.gif height=60
# l. ]. B( b/ G2 H' }7 G7 ~6 L8 o+ R          width=60><A
  ^- f, y# v3 t' Y            href="http://www.hooji.com/java/display.asp?id=542#"><IMG   H7 c0 _% w2 q' B# f2 \# b& e7 {. y8 Q
            alt="Photoshop 资源" border=0 height=60
9 D2 n' [' `0 m) h0 U) i            onmouseout=nereidFade(this,01,7,5)
5 R* V5 u4 Z3 P8 r            onmouseover=nereidFade(this,100,5,7) . C/ @8 L# O* q- j4 p- t2 X3 _
            src="files/index_photoshop.gif"
; v( c; O  m/ l' L$ Z3 _; q1 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)"
2 d5 ^7 e& U  ?$ P5 @+ h. p            width=60></A></TD>! _/ N' t+ `1 ~2 z
        </TR></TBODY></TABLE>

---

欢迎光临 捌玖网络工作室 (http://89w.org/)

Powered by Discuz! 7.2