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

zw2004

<style type="text/css">
- O1 k4 i4 V6 }1 P) q+ e" Q5 @2 ?#supertext {' B3 S9 Y+ V; u( r1 m# b2 ^! b
position:absolute;3 `7 u4 p( D- I8 q% O8 t2 e/ ^# d
left:0;
3 w: _  s+ r$ ~9 }9 `1 t! r* R+ Mtop:0;
' f& F  t+ }: A3 K0 A0 |visibility:hide;* P7 b# N: k. h
visibility:hidden;0 p: X/ E% c. P; h8 f/ K/ O
}
$ a" L$ i, Q& h</style>1 L. I. n) j* I9 O; Q. {% o
<script language="JavaScript1.2">+ H1 F9 I8 [5 U3 t7 h+ D7 p$ r
<!-- 改变下的字体的大小。颜色-->4 b) S6 h5 k' L9 y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') N$ F& s% ^. S1 t0 D
var hidetimer='';
" b$ K4 V- ?* _1 l* I- n) u<!-- 改变下的弹跳速度-->
, k/ N; z  v: i( T2 Z- D( C& {var BallSpeed = 20;2 d- g. M3 k) }5 M  x  W! l
var contentWidth;; [3 C; Y& P) Y; a5 e) g
var contentHeight;
0 w3 X& W- Y+ E) w1 [var maxBallSpeed = 50;) R, j3 Y# f0 v  \7 ?$ v
4 h6 @0 B8 E5 ~2 ^; r: e& b( J9 ~1 J

' y! V- _* v7 M# X  `0 M8 `/ q( a2 Uvar xMax;
* V1 I) c+ C# hvar yMax;3 n) V" H3 c8 |: o, @' Q
var xPos = 0;! m# M. R8 {+ ^2 K
var yPos = 0;* R% B1 c' u  Q( H
var xDir = 'right';+ `1 a6 O+ f; ~  x; V( M; C. M
var yDir = 'down';
. p. l$ t( b: Z& c5 fvar superballRunning = true;
( S7 [' Y) n8 C# kvar tempBallSpeed;- o+ Q8 S! L% |8 Y, n
var currentBallSrc;
/ d% L9 b! n! dvar newXDir;3 d2 t. C- J9 g) h
var newYDir;
3 w2 {, `" A8 w' v# }% F, A0 q( {# a4 S! V
function initializeBall() {( F+ a: X) x5 e1 y0 p( V
   if (document.all) {2 q5 A5 D. w/ V9 k* K' e' g
      xMax = document.body.clientWidth% Z8 B3 O6 G3 `
      yMax = document.body.clientHeight
6 t' N) t0 `+ k0 i; c2 I3 q, H" B      document.all("supertext").style.visibility = "visible";+ f5 G& g) m  ~4 V7 y! T
      contentWidth=supertext.offsetWidth
; y0 U' {% ~/ H$ r; Q7 n1 Q      contentHeight=supertext.offsetHeight& o0 r8 r& y8 a8 E
      }
! p. E2 P* P  o2 r" ?" i. o   else if (document.layers) {
8 R9 U+ k+ O" b2 Y& J      xMax = window.innerWidth;+ k: r; D9 c5 {; ~
      yMax = window.innerHeight;
7 W( j  e. Z7 ^0 y      contentWidth=document.supertext.document.width/ S8 K. d# P4 G7 V6 E4 h
      contentHeight=document.supertext.document.height
2 ~! _( e$ ^/ I: O% N      document.layers["supertext"].visibility = "show";
1 ^$ T4 y1 G' q- x/ V  N      }4 R4 w1 r2 [5 x, i; W% c3 B
   setTimeout('moveBall()',400);4 l" \! E  |/ S) c& r$ p1 `9 a
   if (hidetimer!='')/ F2 M& I7 \8 [
   setTimeout("hidetext()",hidetimer)/ m/ _  t$ e% `
   }
2 g2 G3 g# j( S' r, s0 R
' r5 `1 O5 e  Tfunction moveBall() {/ q8 j1 v- k8 x' {$ |" \( ~) {. D
   if (superballRunning == true) {
2 \1 @" |0 U( C6 ?8 a* P; u      calculatePosition();9 l, a" |$ r, @  S/ m: B
      if (document.all) {" D; D3 F2 a5 V+ E0 P0 h3 Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% a# |% K; H8 {/ c9 d0 ?, v
         document.all("supertext").style.top = yPos + document.body.scrollTop;  t8 L0 j1 @6 U5 h
         }8 V6 q/ g( x' x0 [  C! o& M9 y2 Y
      else if (document.layers) {+ ^, ^  I/ |6 I: f, `3 d3 u- o
         document.layers["supertext"].left = xPos + pageXOffset;$ x$ |; ~+ K1 A& n1 m( E4 A
         document.layers["supertext"].top = yPos + pageYOffset;4 }) X. s9 L) g* R" g1 e
         }- Q. C  r; O8 u7 r6 V& X
      animatetext=setTimeout('moveBall()',20);
6 k9 J5 v; }& l      }
3 t: ?9 P1 y, y0 ?! N: c3 l+ A   }( l' K" F: Q' `' J! W$ }

0 j4 B& r  ^, p; z, Pfunction calculatePosition() {
3 D$ a4 b  V7 L% {" h+ n% l, q   if (xDir == "right") {8 E+ T2 h1 R+ J5 r& \, g7 J! y, k
      if (xPos > (xMax - contentWidth - BallSpeed)) {. M3 I) l6 D: z7 ]1 L2 B5 L
         xDir = "left";6 Z" B( e% `1 H6 }& t
         }6 `8 Y, R2 k% ~" `
      }
; y# V  `7 m) O   else if (xDir == "left") {3 K) R5 k1 P9 }
      if (xPos < (0 + BallSpeed)) {
( b0 b  l7 j$ }: A         xDir = "right";/ e5 M; D1 X+ H6 g9 ]
         }8 Z# B2 ^) M" z5 o6 k  E' A2 P
      }
+ @* h/ t1 K5 T! _- v   if (yDir == "down") {
0 _4 m6 X! K# _& Z# V% F7 V9 Y      if (yPos > (yMax - contentHeight - BallSpeed)) {7 }/ j* h! `) Z- A4 |! v! g: b
         yDir = "up";
/ a8 |9 ?8 q: Y+ c2 w& {         }
! ^6 \  u0 u& D! G: E# l      }
3 u9 z1 h/ E( x   else if (yDir == "up") {9 r: S1 c6 M" W! p9 s+ k
      if (yPos < (0 + BallSpeed)) {
/ x6 b& A9 w, t         yDir = "down";* \7 z7 u( H$ T) U! Z, t
         }
* A  {2 X" x! ]" t      }
0 E) J$ H, R7 Y   if (xDir == "right") {/ y" {) t1 a& O9 v3 A+ U
      xPos = xPos + BallSpeed;: l3 _9 M+ j% g- c3 @
      }
% o3 Q6 `0 x4 x7 @1 j) z. z   else if (xDir == "left") {- v9 s8 v! l0 G5 J% Q, q
      xPos = xPos - BallSpeed;
, D) d5 p0 T9 s" `. c) S' C      }0 B/ T  N+ c! i$ O7 ^7 D
   else {
/ i0 h% }: o+ _      xPos = xPos;" {' O+ S3 g: @, n9 i
      }  z3 N; E: j. |2 r0 x8 L
   if (yDir == "down") {) y; ]$ o! I- K0 B4 s% p2 j
      yPos = yPos + BallSpeed;" G" t$ n5 ]% ]9 j
      }$ {6 v, C8 J, r% C3 _+ b( p
   else if (yDir == "up") {0 r4 t9 B- m2 A+ j# {3 F9 o2 r1 v
      yPos = yPos - BallSpeed;
  o5 w$ M% k. R, w8 W. E      }
/ c! D% U% f, x9 a- G( W) n   else {3 p5 ]5 k, P/ R- n
      yPos = yPos;7 H- q2 w5 o4 N. w7 l5 {' ]8 u- W
      }8 \2 B4 V# u* `/ t7 }
   }3 U; `) A: Y# j/ V! D" d: `

  Y9 S0 h# f& v$ D7 wfunction hidetext(){3 n0 k4 a3 s/ Q( z" O8 E  y! m) d
if (document.all)5 G4 _1 p+ X2 I! W
supertext.style.visibility="hidden"% Z$ C4 N# r0 E4 R' f8 T/ D
else if (document.layers)
8 @2 }$ M. Y  Y5 c3 Odocument.supertext.visibility="hide"
, V4 z3 h5 X: j9 [+ jclearTimeout(animatetext), W, F4 G) j! r' R' U
}
5 d) ~8 H# z' y
$ E9 P$ L% z( f2 }* h  Sif (document.all||document.layers){( d& F0 g# }6 [: I" ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ H, t: D+ B3 {. h7 Z$ l) K+ Cwindow.onload = initializeBall;
9 l; ~- p* X! ~' mwindow.onresize = new Function("window.location.reload()");+ H- @1 p3 H: s
}
6 h' C  V6 u, q- n+ y
1 t5 _5 m- t  e3 D+ G1 E2 h</script>