|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
& E# B5 C6 F3 v% _: `<!-- Beginning of JavaScript Code -------------------
! r5 M: S+ Y) |* {' R1 q+ G; x- r! [; n/ _8 h7 `9 H! Q4 k
nereidFadeObjects = new Object();' k; O1 I# J$ r9 i: L
nereidFadeTimers = new Object();& u; j" E! P+ |% |* Y! w4 s3 E/ @+ M
function nereidFade(object, destOp, rate, delta){
8 e- z, C; t6 E/ N( n; g8 Zif (!document.all)
) ?" N- A( ~7 k. L7 preturn
, E' R3 w# d( r0 D& y5 F, Q if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
1 [8 k! V- x+ `8 y! d+ G return;# B4 @3 V7 D7 F9 X d
}+ q8 T# m. f6 L4 F! z
clearTimeout(nereidFadeTimers[object.sourceIndex]);- G5 A4 ?: f' F# i
diff = destOp-object.filters.alpha.opacity;2 q8 `/ K% V3 @( q1 @
direction = 1;
( T" v. v+ I: y' M if (object.filters.alpha.opacity > destOp){) v6 S9 E1 S; h
direction = -1;
% p* y* g* u& v2 j4 K3 a }
: Q5 X0 X" {& J* g delta=Math.min(direction*diff,delta); n* g& b. g/ }. j+ A; G7 W$ f
object.filters.alpha.opacity+=direction*delta;. a1 d' z7 Z7 ^) ~; e
if (object.filters.alpha.opacity != destOp){3 u$ ^' T5 a8 J
nereidFadeObjects[object.sourceIndex]=object;, i+ e6 p5 C0 {
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
) q+ Q- p3 f; F }+ u) ~1 E9 o" @. N
}
+ |, ?. V" E1 K+ ]8 S& M8 n3 u6 W0 L( i// -- End of JavaScript Code -->
. J6 X ~/ L# A% s</script>
% D) ^; E$ E( K7 J+ V% r //修改下面的图像地址和大小4 i" x3 B/ J2 k ~9 {
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
2 M, G$ {2 z7 B; z { <TBODY>
5 L! @! v- C0 I- V <TR align=middle>/ d* p, i8 U! O6 p' ~( K. |
<TD background=files/index_dreamweaver2.gif ( E& y) w! v, S* H/ X9 Q, n
height=60 width=60><A
1 p; |( _+ I Z/ V href="http://www.hooji.com/java/display.asp?id=542#"><IMG " Z- y; B s f! R0 l3 i
alt="Dreamweaver 资源" border=0 height=60
- z) O u8 V, {3 g onmouseout=nereidFade(this,01,7,5) 4 \ r% d) g1 u
onmouseover=nereidFade(this,100,5,7)
) P1 F1 V' I. @2 Z7 L6 Y- v src="files/index_dreamweaver.gif"
: M0 R. z5 t4 t* 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)"
( @" L+ g' k4 t width=60></A></TD>; Y5 z5 G w- n4 [7 L
<TD background=files/index_fireworks2.gif height=60 , _1 |% \! \- K. x# V
width=60><A 2 X7 k5 U/ B. J/ F
href="http://www.hooji.com/java/display.asp?id=542#"><IMG . V. x$ c- r7 G4 N
alt="Fireworks 资源" border=0 height=60 8 _6 f. V- K8 l
onmouseout=nereidFade(this,01,7,5)
; r0 `' H2 {( S2 k# P/ E onmouseover=nereidFade(this,100,5,7)
; g$ ^% N- U2 I4 S; d$ { src="files/index_fireworks.gif"
1 {) S/ y+ X6 v& `& s3 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 F7 g& } r% g' L' ^ width=60></A></TD>: c8 q, t+ {, y! \
<TD background=files/index_flash2.gif height=60
+ o1 u$ P! M1 }) O1 y width=60><A
+ y. ~$ o, z; P; X: _- I href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 7 l5 |2 X3 z ?- O( O
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
/ s" F: K+ x! S P9 I! @ onmouseover=nereidFade(this,100,5,7) 0 D: q3 n; s* k4 [! Y# P
src="files/index_flash.gif" ' X5 Q0 ]. a& {$ V' X
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)" ( N, A' G) e1 j$ N* y- g
width=60></A></TD>
7 t1 M7 n' f% X8 V <TD background=files/index_photoshop2.gif height=60
3 p l1 f; d Q+ c width=60><A 6 x3 s8 P% L0 e& U
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 a, F" B# [8 F% o3 }/ ~
alt="Photoshop 资源" border=0 height=60 " y7 F& i/ v s1 l
onmouseout=nereidFade(this,01,7,5) ! d, [1 n. F0 ?# Y3 |" T, Z
onmouseover=nereidFade(this,100,5,7)
, C, c/ V0 S- ^ h src="files/index_photoshop.gif"
+ L) }; f) o1 J% c8 D) 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)"
' ]* y; ]; q/ k& C, T& ]; B5 b width=60></A></TD>* N- w( H2 n5 }" b+ M" S+ M$ [: E
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|