网页之不断弹射的文字-特效

zw2004

<style type="text/css">
( h# \/ y5 P& Q% v9 A& s$ @#supertext {
3 {/ N. R, @% J- {position:absolute;
2 F  n0 }( U+ D1 \/ Qleft:0;
$ _7 ^- a: A2 E3 q0 A+ ?9 ?9 Wtop:0;
" C7 B! P, `# H0 u% K& Dvisibility:hide;# z% r: t4 U" p2 I; Z
visibility:hidden;- u2 h# H, [# s% T3 Y
}+ H' c' g8 ]! g& ^! p( U
</style>
$ \! d: O3 r; i6 u5 F<script language="JavaScript1.2">$ L4 v; I; z, L- S. r% z
<!-- 改变下的字体的大小。颜色-->( I, u$ t. v! v/ f6 N* x4 T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', {  x) _5 d, C+ v
var hidetimer='';% @3 Y4 Y, i6 u. N/ q( ^# \
<!-- 改变下的弹跳速度-->/ D* L1 c! `4 M9 z. k+ C, ^
var BallSpeed = 20;% G: I1 s* V1 g. ]7 x1 z# p- _+ E
var contentWidth;. H2 a8 D% B+ |5 q, y" b3 e
var contentHeight;
; y: z* w5 X/ k: Q1 `- B/ H: Ivar maxBallSpeed = 50;8 O. T0 G! X' R; N

! M( E- D& Y( W& L7 g
/ o/ u- Y( z% q$ _6 }; mvar xMax;2 ?- F7 l% K7 k! E
var yMax;8 X; J. [$ Q* q$ Y/ k6 `
var xPos = 0;  b4 d7 W0 v( a" ^0 M, x
var yPos = 0;
. c8 K/ q' R  o4 p6 @1 `var xDir = 'right';$ F* a7 \9 ?2 o) P6 I
var yDir = 'down';+ E; J$ w8 f% Q
var superballRunning = true;
* N. U% j  S3 T% ^/ b4 ivar tempBallSpeed;2 N6 m2 r9 c5 y" }: J. \  K
var currentBallSrc;4 M  B& D7 E* F3 S* L( o) q
var newXDir;
/ n" w8 g. L: A/ L2 Jvar newYDir;
: S5 P% u$ z' X+ C( t1 O  x
5 }" R8 @# `1 t7 cfunction initializeBall() {
8 Q4 C6 I* r, {6 t! r; a- x# Q: n, l   if (document.all) {  K' P% K+ F3 d9 z6 T' T
      xMax = document.body.clientWidth
+ y% b+ ?& t9 C* L& N$ K1 }      yMax = document.body.clientHeight
+ Y+ ^" F$ p; ^; D7 M      document.all("supertext").style.visibility = "visible";8 h1 A/ z: j( o/ c( I& u
      contentWidth=supertext.offsetWidth6 Y0 J# y6 N: r* K7 F
      contentHeight=supertext.offsetHeight
) W+ o  _4 u& q* i      }
5 E1 C. |% O- B/ G  m   else if (document.layers) {
% P/ V& [+ v/ E$ E      xMax = window.innerWidth;% E: r7 N3 e: y1 ^+ p
      yMax = window.innerHeight;: Q7 S4 c2 B& N, }2 v. Y" N. T
      contentWidth=document.supertext.document.width
1 r% A  Q$ B( Z- P8 h; D" F      contentHeight=document.supertext.document.height
, f1 w( p' J8 n4 M      document.layers["supertext"].visibility = "show";
, X, l+ d% ~& G8 }% a      }) Y' b. f3 q# h
   setTimeout('moveBall()',400);
4 v6 w; P6 I& h! `1 _! Z2 n. u+ g   if (hidetimer!='')- w* V/ ^; s9 u' A# f. K
   setTimeout("hidetext()",hidetimer)4 n" T& T1 {6 o& h
   }
$ o: w, ~1 m* l9 H8 X; @
! V  v7 B/ n' [; T$ gfunction moveBall() {
7 W1 o7 k. i! }7 ?0 u2 e   if (superballRunning == true) {- M! ?% ^! z3 T' P0 i9 x6 I
      calculatePosition();8 e; h6 D7 ?- s8 z4 n/ O! [% m
      if (document.all) {9 O% E& B# I' h0 ~5 s! ^1 t
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 Y5 b& c) S9 P! o         document.all("supertext").style.top = yPos + document.body.scrollTop;
% g( E1 k: B1 W' _9 Y         }0 k4 T- k0 g( o
      else if (document.layers) {% D$ @1 Y! v2 y0 E- d# i
         document.layers["supertext"].left = xPos + pageXOffset;
6 s2 k7 m+ Y7 M  x4 O) a         document.layers["supertext"].top = yPos + pageYOffset;
: ~9 `& l0 B7 ?* }  A  J         }( C$ d, R" V3 `2 z' z
      animatetext=setTimeout('moveBall()',20);
6 h! }, [- s3 @0 T: [$ Y      }2 r  l5 X8 v- A8 v8 I! G8 [
   }
# q! U& e* r- |  U1 h: @/ s; d; T' v0 P8 S2 @
function calculatePosition() {9 Z! B8 e1 S6 t- }
   if (xDir == "right") {
  E# H0 l0 k! j9 r: \( m0 ^      if (xPos > (xMax - contentWidth - BallSpeed)) {4 c, n& `; C; W; ^9 y7 I
         xDir = "left";
! }3 h) u9 y* p; Z9 p' X$ K5 i/ K         }. w' a7 A+ S6 N$ o
      }
9 A2 U- {" D* z. L( Y( G   else if (xDir == "left") {
$ I8 S( H5 @+ P+ d      if (xPos < (0 + BallSpeed)) {5 `' W& {* O+ e* S( T7 U2 F
         xDir = "right";
4 D6 f2 W" g) i! n9 ]# w         }( b! c0 o$ t) G1 l5 S5 \
      }2 |' O+ `7 @0 }2 ~8 ~" w: Q. `
   if (yDir == "down") {2 _$ e4 w8 }# D) R
      if (yPos > (yMax - contentHeight - BallSpeed)) {" H9 q6 S- \) {  u& J2 g; n
         yDir = "up";
0 B  f; U9 I( k) {7 D" z         }
3 S4 q' h' g, r      }; P2 m# H, e; G  H4 W4 c
   else if (yDir == "up") {* L9 u1 w4 T( c5 C, W3 `& h, x
      if (yPos < (0 + BallSpeed)) {/ D* F4 ?* Z9 z# m8 V  }
         yDir = "down";4 [* B8 v: G( j, n
         }- L; f8 K+ \' q, I, v$ q
      }3 F2 C1 y; y4 |  I- `) T/ i; l3 Y; R, U
   if (xDir == "right") {
8 |7 E9 X; e: L4 v      xPos = xPos + BallSpeed;) i  E+ S0 }0 v  ~9 V/ H8 x: I
      }
) I, \: P+ Q( S   else if (xDir == "left") {  ?0 j3 Q! A. @3 Y6 c
      xPos = xPos - BallSpeed;" y5 @( L' [2 N7 n5 M: H
      }7 @+ y; x; k- e
   else {' X; s0 [$ ]3 s6 w- I
      xPos = xPos;
+ G4 d( Z& Z6 o      }8 l% Y- C; e4 p2 O
   if (yDir == "down") {+ U2 P) ?. P& x6 K( G
      yPos = yPos + BallSpeed;# ?. w2 G+ g3 z- d
      }
1 t# S* M0 O' [   else if (yDir == "up") {
' h8 {5 x3 H9 z  `5 }: m      yPos = yPos - BallSpeed;
( U2 K& X! X& Q: b1 }- T: v      }: ]! d, W1 v, V) @! X0 f( I
   else {
- I( k; L4 y1 M9 j      yPos = yPos;, K8 P8 I, z6 N" K5 M& \9 J
      }* l( o. c$ @* Q3 n. V
   }% E4 D- i9 f9 U# y& S! ]/ S9 q1 G

1 w# H9 r4 l1 O  Ufunction hidetext(){
( p# A- i! Q. x: K% \. Mif (document.all): V5 m1 F( m# I) S
supertext.style.visibility="hidden"
: T% L" M3 z3 Yelse if (document.layers)# W/ e9 d6 t& m" ?4 ]; x- M! G
document.supertext.visibility="hide": t4 _3 D$ q# g3 E. U
clearTimeout(animatetext)7 }5 h: F4 ~& K+ r' `2 j
}
. m: k" p9 l& J" N. `0 d7 _. I
; ?, Q" q7 o* d, Pif (document.all||document.layers){
( s3 F: _- w8 W2 \+ vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# q& I/ F/ p1 C& y0 l3 Ywindow.onload = initializeBall;
1 R. A  T2 B, y$ q& Rwindow.onresize = new Function("window.location.reload()");% S; D: u3 W0 k! q
}
" v4 S3 e2 n! V  |
- K( b# k8 Y! q</script>