网页特效-星 空 动 态 背 景

Kiver 发布于2003-11-9 19:23 893 次浏览 0 位用户参与讨论   [复制分享主题]

4 a- U- \: r( X6 _
8 O' A8 s- h% ?* P" D# [5 d 
0 K2 H, o+ v. \( x, }+ }; \$ x5 w) q0 N8 ^* ]" Q2 j. o* c
一 复制程式码到<body>之后:
; M. U. O% B% D. T4 `& ^7 S! Y% a6 ^: W! D
<------------- 插入控制码区段开始 ------------>7 Z* i: `. X, M' m( ^' ^3 }
<script language="JavaScript">
6 O. R2 n) D# H% k$ b, {cOlOuRs=new Array("abbbff","ffffee","ffff7a","dffffd","ffaaa0","ffddd0")
* e) O! W+ _* f$ N) ]  y  o: f6 aS_amount = 30;//number of small stars!!!!!
) f) _. I- M: X( _9 X, k3 K8 O. eL_amount = 15;//number of larger stars!!!! + x, j3 ~6 s* K3 }/ L1 H
S_Ypos = new Array(); . ^5 l7 x. @2 A6 B& x( C0 n
S_Xpos = new Array();
, R9 Z5 k% B# V* t& E* C# hL_Ypos = new Array();
1 O8 H5 ^! ~# G& a/ z- RL_Xpos = new Array(); 3 `8 b# O2 i! T9 Z1 R( C% r
S_speed= new Array();
& g0 j8 ~, `6 X: Z) Q9 sL_speed= new Array(); 8 s# I# s0 P" Q  L% w
if (document.all)
' A' N/ }3 \7 l& w( Z4 c3 b" |; L{
! |! ]- n+ Z5 n) zfor (i = 0; i < S_amount; i++)
: G$ a: N& F9 ?# x3 z{ 6 C' R( ~. J8 f( ^% @0 G; C6 }
S_Ypos = Math.round(Math.random()*document.body.offsetHeight); & V& |+ J. n8 S% n( v" S& O; ~
S_Xpos = Math.round(Math.random()*document.body.offsetWidth); ! }: O% [- h2 G& P5 N+ k
}
; |# U, O) l$ V; B+ Hfor (i = 0; i < L_amount; i++) : n8 S$ y! T) N# h
{ ) G, X/ a8 B1 O2 q
L_Ypos = Math.round(Math.random()*document.body.offsetHeight);
" s7 Z) u! H9 w2 U* P3 FL_Xpos = Math.round(Math.random()*document.body.offsetWidth);
7 \# d7 \7 N' W$ F) ?/ i( B4 Z}
6 o' P- y8 q+ u/ qdocument.write('<div id="Outer" style="position:absolute;top:0px;left:0px">');
+ S% m% e2 R$ Z9 `& d4 Kdocument.write('<div id="Inner" style="position:relative">'); 1 G: X) \# r8 f6 n
for (i = 0; i < S_amount; i++) # w. R, ?" a. V; a3 j3 H) k
{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>');} 5 F) F6 ~( @: F' [7 F+ F6 U
for (i = 0; i < L_amount; i++)
- e, H, e& ]" W- z2 V# b% q7 A, e{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>');} / n5 T$ {1 B1 s/ X& T' J
document.write('</div>');
- q% O  G% r! ]( ~+ Y) Q) |document.write('</div>'); 7 s( d8 N1 g- V. }
for (i = 0; i < L_amount; i++) & C. g& o: ^" @& Q
{
9 o# m& Y3 Y( W6 N7 e! [for (j = 0; j < cOlOuRs.length; j++)
3 Y  c4 s/ P) K- o# |{var NewColour=Math.round(Math.random()*[j])}
0 m# s8 }8 F  g* j; I) Odocument.all.ieS_star.style.background=cOlOuRs[NewColour];
2 s* N" Y" _, k6 j0 Ddocument.all.ieL_star.style.background=cOlOuRs[NewColour];
6 {4 T8 |! Y. {0 T2 R}
8 V: F% s8 C( z1 g5 `( l+ w+ ]9 U) t  sfor (i=0; i < ieS_star.length; i++){S_speed=Math.random()*3+1} ) g$ j" g6 j6 M* \# G( p8 p
for (i=0; i < ieL_star.length; i++){L_speed=Math.random()*7+2}
* ^& M7 S; n; qfunction ES_go() * h$ j$ f0 ]2 [9 p9 G+ i% s
{ ) q0 r' @0 ~, L* D$ Z6 t0 b
document.all.Outer.style.pixelTop=document.body.scrollTop; ; {+ C5 p: }2 {2 F
for (i=0; i < ieS_star.length; i++) ' [! b! _6 a" ^. n% S/ U( u8 R
{
# p/ [0 ]/ F1 E+ T7 ~. MieS_star.style.pixelLeft-=S_speed;
% R+ U8 _' F+ Y% H% x4 b, Eif (ieS_star.style.pixelLeft < -10){ieS_star.style.pixelLeft=window.document.body.offsetWidth}
! K+ q, C5 U8 g- k2 }}
+ `; q; h( x8 h/ w4 W* F, KS_timer=setTimeout('ES_go()',30);
0 n, ~. D9 \' r) x} $ q7 C7 G( u  ?
function EL_go()
. H+ j+ G! q" }{ ' ~3 y! U0 B4 y- p! X( |
for (i=0; i < ieL_star.length; i++) 4 R( l& c. v$ U0 }
{ 7 `6 o3 |8 H+ n. J4 z
ieL_star.style.pixelLeft-=L_speed;
: m6 G  s5 q) I2 H9 _% W/ E4 ^if (ieL_star.style.pixelLeft < -10){ieL_star.style.pixelLeft=window.document.body.offsetWidth} 8 ?5 {! t8 I$ C1 o+ D! b. z
} - ^6 A& Y( D& j# C
L_timer=setTimeout('EL_go()',10);
% e; H: j# D$ m4 l. ^} 4 c; [0 E( @( I$ _
function IeStart() 8 R4 g2 m3 g! }4 W% j2 \) c9 ?
{
8 E/ w1 N: Z$ ]6 `: o! G1 z/ yES_go(); 9 E( q) F2 U' t4 @, N- y$ ]  |8 w1 I+ @
EL_go();
  Y! F, d# F4 t}
; V" i5 |# `" g: cIeStart() + V! d; u& c9 B& ~: J, u( _) e
}//End Explorer
& [! Y) p3 R9 n$ ]4 s
% h4 `: B/ o* I2 e4 e4 o- J3 Uelse if (document.layers)
( C0 a) G+ t# @9 I# f{ & ]4 D: d$ K0 c$ l; m2 G9 Y0 h* w
for (i = 0; i < S_amount; i++)
3 V/ |& M. e! \; _+ U{
8 q* u2 |  q9 F. A1 U% Z8 a  mS_Ypos = Math.round(Math.random()*window.innerHeight);
& z) `  f, w! k# m" y7 Z; B) o1 jS_Xpos = Math.round(Math.random()*window.innerWidth); ; g. c' j9 _- G( X/ D" n
document.write("<LAYER NAME='S_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); 5 X, W! p: T8 L$ C
document.layers["S_star"+i].top = S_Ypos;
) G( i+ ?9 j' sdocument.layers["S_star"+i].left = S_Xpos;
2 r$ g7 S8 R" a, B}
: M4 j5 r! P# h+ Bfor (i = 0; i < L_amount; i++) $ i4 N$ Z9 A0 R1 O: N, j
{
5 @3 |2 Z6 J" Y4 r! A* [3 QL_Ypos = Math.round(Math.random()*window.innerHeight); 1 m+ o2 D4 \5 i  B# c4 J" r6 d2 g
L_Xpos = Math.round(Math.random()*window.innerWidth);
# X% q; J4 b) ^6 ddocument.write("<LAYER NAME='L_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,2,2'></LAYER>");
$ u% Z0 t% a& J) j) Ydocument.layers["L_star"+i].top = L_Ypos;
0 P; h/ \: I% udocument.layers["L_star"+i].left = L_Xpos; 9 _7 J- j3 R+ z) M7 _
for (j = 0; j < cOlOuRs.length; j++)
# E' E% w# n+ @0 Q& \' w1 S( J{ # W  w/ J+ P. A, V/ X
var NewColour=Math.round(Math.random()*[j]);
  U2 M) F0 ^' B8 j# g5 W}
* q  W3 L; L! Ddocument.layers['S_star'+i].bgColor=cOlOuRs[NewColour];
! ?$ e9 Z( V$ i1 i. odocument.layers['L_star'+i].bgColor=cOlOuRs[NewColour]; ) f$ w# V3 v( {5 m
} 0 {8 O# Q8 h  g6 z3 x
for (i=0; i < S_amount; i++){S_speed=Math.random()*3+1} 1 I8 V' Q; h! e
for (i=0; i < L_amount; i++){L_speed=Math.random()*7+2} 5 ~$ p6 [  U0 W7 K
function NS_go() " e! Y6 s& L6 H# ~3 ^3 [
{
% [; x: h8 J+ l9 Lfor (i=0; i < S_amount; i++)   f- L1 `8 O( Z+ k& b) ?6 L* W- x
{
0 m2 _) L* @  N4 nvar temp="S_star"+i;//50
. N; i! ]  K; c# c) cdocument.layers[temp].top=S_Ypos+window.pageYOffset;
' I4 a  |5 m! `7 }2 o2 d+ wdocument.layers['S_star'+i].left-=S_speed;
+ M& W$ m5 d5 V" G& bif (document.layers['S_star'+i].left < -10){document.layers['S_star'+i].left=window.innerWidth} 7 ~' [6 Q7 J! S' S+ Q6 X
}
$ B. e& O- H. N1 Z" z" E, aS_timer=setTimeout('NS_go()',30); 7 I4 a9 d# `3 }
}
* O  x6 e8 H; c, r; Y% _function NL_go()
; ^+ N5 W  Y- L2 N0 ~  D) L3 e{ 0 N: n. `" k' ~* k1 f6 }) c; L( g
for (i=0; i < L_amount; i++)
; R; H/ S2 E9 j4 @, g{
1 S( c$ V( x5 Nvar temp="L_star"+i * H/ B5 U2 ~9 O+ ~8 L$ ~
document.layers[temp].top=L_Ypos+window.pageYOffset;
( l* _- W- x8 Zdocument.layers['L_star'+i].left-=L_speed;
: b+ t, A3 ~1 N+ Lif (document.layers['L_star'+i].left < -10){document.layers['L_star'+i].left=window.innerWidth}
( K9 v1 L: I5 l. B' d1 ]5 T! X}
! D% \% c: y0 J: g9 P! uL_timer=setTimeout('NL_go()',10);
! M8 _( u. s0 }- v} / y- X" _6 y% `/ q$ b( a
function NsStart()
+ v9 A8 h/ i4 [4 B7 m6 r{ : D  ]6 e: o# r6 u  }- I. k
NS_go();
8 ], Q% l9 D2 J# `' o6 K6 nNL_go(); % E+ N. d# t5 [$ t3 M
}
+ M8 _9 i, f. c! iNsStart(); ; j0 \$ F  ?0 B) V) ?6 W( }
}//End Netscape + G" S( }0 y7 A8 f  f
window.onresize = new Function("window.location.reload()");
. [4 F1 r4 q1 @$ W2 @/ B7 H//-->
# p! ^0 b! ?  ?- X5 B6 j</script>
, _3 W3 ?% v; e( ~! J7 P6 t6 Y+ n<------------ 插入控制码区段结束 ------------->
+ ^5 ]3 w5 K3 N# c% j( H4 j6 c2 R/ f* X) Z' b0 v) f* K2 R
# }! S, q7 F0 F) i1 B* e, b- o% ?- M
二 复制到上段程式码后方任一位置  
9 J3 E6 k  N  M2 }: ~
1 i  B5 F* d; S8 u<------------- 插入控制码区段开始 ------------>, S% m, a% x' ~" t

, `4 d7 G5 w9 ]2 F' f" b5 N8 `<div style="position:relative"></div>
! n3 j7 b& f- E' R* o( n
8 r% ^% b3 Y- M8 \<------------- 插入控制码区段结束 ------------>) e/ G4 U  m6 f3 E( P

# K. ]6 a0 S$ F; W3 E5 C
您需要登录后才可以回帖 登录 | 註冊

本版积分规则

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