网页特效-星 空 动 态 背 景

Kiver 发布于2003-11-9 19:23 894 次浏览 0 位用户参与讨论   [复制分享主题]
! s! `. ?7 e& x9 b8 @

9 Y) V; E) l" a- f2 T# z 
3 H2 p8 G* w5 e' p, c% E
* a! X6 z1 U0 {1 X, U# S0 Q  t$ e一 复制程式码到<body>之后:
# v. L- p4 o$ q: e
) Q: S9 S3 ?- }" c<------------- 插入控制码区段开始 ------------>
( X* b' F, a6 G" @& ]! }<script language="JavaScript">
+ z6 z  f/ @3 E. u# Z8 ?cOlOuRs=new Array("abbbff","ffffee","ffff7a","dffffd","ffaaa0","ffddd0") / t2 d- @9 C5 ?8 D1 ~9 g
S_amount = 30;//number of small stars!!!!! " n- F. O5 f- M* O9 ~
L_amount = 15;//number of larger stars!!!!
* i! m' U$ p% H) M# \5 U: xS_Ypos = new Array(); # J$ n3 g/ X5 u( ]( y) |! G0 G
S_Xpos = new Array(); 0 W* M/ f; ?0 W/ C* W: E7 p
L_Ypos = new Array(); : e/ t2 ~' l3 J5 l" S* u. i* F
L_Xpos = new Array();
3 b+ T: ?( _8 a0 Y, `- V' mS_speed= new Array(); 1 s  M; N1 j/ B% {) g
L_speed= new Array(); 4 ^! E+ o9 [/ ?8 U
if (document.all)
1 e" n/ ~2 m" i$ B% {  z5 ~" K; n: R{
6 L! \6 F1 X$ J: L! ~* \for (i = 0; i < S_amount; i++)
' m- a9 D4 L! R5 ]0 C5 N6 i) h4 ~{ 7 q; L5 y" C, E2 g6 v6 n# P
S_Ypos = Math.round(Math.random()*document.body.offsetHeight); $ T6 {1 O' @, g
S_Xpos = Math.round(Math.random()*document.body.offsetWidth);
$ N( g" t2 p" {}
$ h# M" S0 B$ i9 ~for (i = 0; i < L_amount; i++) - x" N5 r; H. Z/ r  O, E
{
6 x& Y2 J) b3 @7 EL_Ypos = Math.round(Math.random()*document.body.offsetHeight);
  L' Q3 |/ j- l2 tL_Xpos = Math.round(Math.random()*document.body.offsetWidth);
/ `# _6 w: S" }} 3 E  I/ p7 D+ f0 ^3 o" p: Y
document.write('<div id="Outer" style="position:absolute;top:0px;left:0px">'); , h4 N$ a8 ^9 ?+ F* v( {! z# }
document.write('<div id="Inner" style="position:relative">'); ! B$ `" r7 J7 e, L; ^5 ^8 C
for (i = 0; i < S_amount; i++) : @5 D: ?) b; N8 |7 j, G' n( d
{document.write('<div id="ieS_star" style="position:absolute;top:'+S_Ypos+';left:'+S_Xpos+';width:1px;height:1px;background:#fffff0;font-size:1px"></div>');} . x+ j% c2 Q5 X& Q. r) u. a
for (i = 0; i < L_amount; i++)
! d: Q1 v6 [- e. k! s1 D" G{document.write('<div id="ieL_star" style="position:absolute;top:'+L_Ypos+';left:'+L_Xpos+';width:2px;height:2px;background:#ffffff;font-size:2px"></div>');} ( j7 W/ {$ D3 ]$ C# |
document.write('</div>'); + T8 G# J" m3 P3 ?
document.write('</div>');
" T) b( O3 E3 G% K# G/ Pfor (i = 0; i < L_amount; i++) ' }4 b( G3 n# p' W9 n) I
{ 7 ?+ v& r0 d) ~
for (j = 0; j < cOlOuRs.length; j++)
1 {5 X8 K4 T4 i) k! d{var NewColour=Math.round(Math.random()*[j])}
2 {- w* Y6 W* Q7 f3 Y4 gdocument.all.ieS_star.style.background=cOlOuRs[NewColour]; ; j) `  x; G/ h  T# Z
document.all.ieL_star.style.background=cOlOuRs[NewColour]; / n9 C, q; o& [+ V/ B
}   z8 `( E) K. [! ^) O/ P
for (i=0; i < ieS_star.length; i++){S_speed=Math.random()*3+1} 3 Z2 P( a) ^8 h
for (i=0; i < ieL_star.length; i++){L_speed=Math.random()*7+2}
- O6 w9 x# B" b) K# N0 tfunction ES_go()
9 |. M& I4 n9 ]3 l4 U2 F{
) F* V# C8 x. vdocument.all.Outer.style.pixelTop=document.body.scrollTop; . U4 m( b9 [/ `) w2 o' y
for (i=0; i < ieS_star.length; i++)
# ?; S) V! u, Q) m! o' y{ , `* s3 @3 c: p
ieS_star.style.pixelLeft-=S_speed;
  ~2 K9 J+ ^) P* n: ], {6 _if (ieS_star.style.pixelLeft < -10){ieS_star.style.pixelLeft=window.document.body.offsetWidth} 2 Y) s' Y: c% H
} 8 j4 r! ]: g; i4 C
S_timer=setTimeout('ES_go()',30);
9 f& @0 `1 E2 u! y; M  `} . u% F+ m: _7 U4 V" n
function EL_go() 1 k9 A6 n. Q; X! P7 S( M2 ^- |
{
- }. v' L# Y/ b* zfor (i=0; i < ieL_star.length; i++) - E% C$ h1 V# U2 f
{
8 c# H, s4 e0 ]8 J4 L  XieL_star.style.pixelLeft-=L_speed; 5 q& h6 V1 ~" Z9 M) Q1 c
if (ieL_star.style.pixelLeft < -10){ieL_star.style.pixelLeft=window.document.body.offsetWidth}
: `- J  `7 s/ v1 ]6 l, W! b} " d' X; T, n7 t
L_timer=setTimeout('EL_go()',10);
' s+ P4 [/ M8 `! m} 8 D. ]' S9 O; I" g! Z% G. s  w
function IeStart()
( ^9 P/ d. J, w{ # R/ E; x* X6 j; g6 s& P6 w, H
ES_go();
. v. l( J' ~' N5 q" s! h, PEL_go();
  i" _9 x/ V! ]; z5 R$ K: G% a% C} " l# k# H* O# v- M
IeStart()
0 N( U3 V8 r0 V2 G}//End Explorer
5 K! }* F1 m$ t& Z& I% f9 t; t& C2 I
else if (document.layers) 2 G; k# ~5 d9 d# A$ v
{ # D8 N' U; a0 |# H: K$ Y; h% @( f' V* l
for (i = 0; i < S_amount; i++)
( C9 L5 {6 F" H. g{
* }) n0 A7 G; C' E& jS_Ypos = Math.round(Math.random()*window.innerHeight);
$ v2 y# x- _2 d3 J" dS_Xpos = Math.round(Math.random()*window.innerWidth);
8 I2 ]$ g1 b  \; w' u2 i# }- N; ?4 ddocument.write("<LAYER NAME='S_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); * z( \; l( @  p% w+ t  Q
document.layers["S_star"+i].top = S_Ypos;
" |, ~* d- G/ x4 zdocument.layers["S_star"+i].left = S_Xpos;
9 I/ \; O) S0 k' F/ x}
/ {+ U% g, R+ w7 Q0 n, j  jfor (i = 0; i < L_amount; i++)
) C. j* C1 J" `$ z- Y{ * i( I3 m! G) e/ U8 Z1 s7 D+ z0 R9 d
L_Ypos = Math.round(Math.random()*window.innerHeight);
" C5 M# ]" |  s6 _8 n, fL_Xpos = Math.round(Math.random()*window.innerWidth);
6 K, Y4 N" E8 e  |document.write("<LAYER NAME='L_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,2,2'></LAYER>");
: f. M& o; ^! }3 q. M3 K0 }8 ?document.layers["L_star"+i].top = L_Ypos;
0 |. x# ?" }% C) _5 [; vdocument.layers["L_star"+i].left = L_Xpos; / h' W, W* w6 x' k; i3 ]
for (j = 0; j < cOlOuRs.length; j++)
& e0 M6 q0 p' l5 D. V$ V{
& q: c! L3 b2 I+ Y3 q; J5 z; J/ H, N* Svar NewColour=Math.round(Math.random()*[j]); - {) O: n, Z7 ~: F+ c# t; N
} 8 p0 t; M2 y7 w
document.layers['S_star'+i].bgColor=cOlOuRs[NewColour]; ) g. U0 g0 F' o7 q5 t9 g) ^
document.layers['L_star'+i].bgColor=cOlOuRs[NewColour];
9 m7 {4 i5 T( k2 Q}
9 V) ?. ~# B6 N- e0 a* hfor (i=0; i < S_amount; i++){S_speed=Math.random()*3+1}
4 S# G0 ~8 M$ nfor (i=0; i < L_amount; i++){L_speed=Math.random()*7+2}
4 c8 F6 `. W: ?2 l5 ~+ @4 C! `function NS_go()
1 x; f2 v5 ~& h& p, O{ : `. r1 j/ ^4 X1 x2 q6 \7 T
for (i=0; i < S_amount; i++) ' b2 p9 o+ {' J# U
{ 3 D! v. _' r' m$ `8 q5 T8 c/ B
var temp="S_star"+i;//50
0 [$ p7 R* Y$ `' \9 n, Qdocument.layers[temp].top=S_Ypos+window.pageYOffset;
. x, H3 @7 f% C6 X7 ?document.layers['S_star'+i].left-=S_speed; ) W' F. T# j8 W2 f% @5 G
if (document.layers['S_star'+i].left < -10){document.layers['S_star'+i].left=window.innerWidth} ' o5 ?' w* ?/ H+ z& Q
}
' K% ]. f* m& a6 K0 u: tS_timer=setTimeout('NS_go()',30); $ L3 _$ X- Z2 S) R; S
}
) a( ?( e) H# P8 u  U% l8 gfunction NL_go()
3 M2 m5 B3 a! ~, h$ z+ E' p' x( M8 n{
, r/ A' j5 c% j1 c2 B% t. {for (i=0; i < L_amount; i++) * e2 G7 u% Q* v9 Z
{ # I6 E$ a1 z5 U* }
var temp="L_star"+i
0 U$ g. `- @" x) d9 B6 K0 n5 }( L& fdocument.layers[temp].top=L_Ypos+window.pageYOffset; ( W$ `& _4 }& ~
document.layers['L_star'+i].left-=L_speed; * L6 g) ^+ V4 X1 a$ e- z& W3 k$ S2 A$ ~* Q
if (document.layers['L_star'+i].left < -10){document.layers['L_star'+i].left=window.innerWidth}
0 Y- E  R# b5 `8 V) @}
7 P, ~9 t  f  {$ o- ZL_timer=setTimeout('NL_go()',10);
7 w# {2 N) v% q}
6 R8 H7 X, H" ^* [function NsStart()
' U5 q3 {) l. i; D; T{
) P- u( d; I5 x  vNS_go();
4 R/ d0 w" s0 ~NL_go(); 9 U% Y: F6 B7 @+ _1 T6 Z, b& O
}
1 }8 v+ m8 F) w+ {NsStart(); / G6 ^: M7 g6 A3 M% }9 p& S
}//End Netscape
: ]1 F5 n) l4 Wwindow.onresize = new Function("window.location.reload()");
9 g$ n6 K% |+ [2 O4 R2 y. y0 k$ s//--> 0 E# N6 R) G7 n
</script>$ V/ D7 t) f$ M
<------------ 插入控制码区段结束 -------------> 1 r2 J; }( M* f1 o6 d- l; [9 Z
9 J: f" V9 j; S, N! J4 Z
: ^+ q* M  B# T- ?0 ?
二 复制到上段程式码后方任一位置  
( O' U) l7 J# X: \
# T! w( D6 D' y<------------- 插入控制码区段开始 ------------>2 z, b5 v4 `! C5 r/ S

! W7 i" J4 d8 w3 d5 R( b' O<div style="position:relative"></div>6 y" w- n9 U. x+ v& ^$ {
2 x9 `$ m, W% \& z$ I: i2 O# M
<------------- 插入控制码区段结束 ------------>6 ~  X. v" m9 J% _
. k; J5 [( t+ S: z9 ~
您需要登录后才可以回帖 登录 | 註冊

本版积分规则

快速
回复
返回
列表
返回
顶部