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

zw2004

<style type="text/css">7 o& \7 j# `" R3 v1 U, X2 w0 P; r8 S
#supertext {
: p! z2 c" ]/ B: ]& ~position:absolute;
! W& W& Q- i2 A% Bleft:0;. t0 U, i! [1 F1 j5 Z" M
top:0;" R/ p0 J) P# I2 R# F% m
visibility:hide;
9 G8 q& ]+ f' P" w1 A  }5 Q3 avisibility:hidden;
2 l9 T) Z2 A0 M- \  r1 o: K- m}7 f5 \7 P. _9 g, [
</style>
" R1 d1 T9 c1 k9 t2 p<script language="JavaScript1.2">
0 Q: C, }5 w; T/ W<!-- 改变下的字体的大小。颜色-->
$ K% K( ]: P  f+ b, [$ H& u$ svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 {2 k+ M! v, ~
var hidetimer='';# W8 |- I7 U2 o$ ?4 a5 R
<!-- 改变下的弹跳速度-->
2 t, J/ n9 d: S3 O' h; v0 Zvar BallSpeed = 20;& D! `2 D; T5 Y, q1 r: d& b
var contentWidth;
: _4 E, @6 I9 V, jvar contentHeight;
4 f+ a, y, J6 `8 |6 i/ Z3 h8 qvar maxBallSpeed = 50;- f( T( F! ^8 }; f0 ~* [+ P8 O

$ X; r& r) e7 A, J4 A# ~0 Y4 D9 W
var xMax;1 b8 k% T  x3 k3 y7 l% d+ w
var yMax;" p4 M: w& L* m7 R4 \# e( |
var xPos = 0;% u7 W* C1 b7 E5 n) q/ a! O! b
var yPos = 0;! a( J2 G; r& D( c; ^, X& A
var xDir = 'right';
) B# B7 ~' n* a# I3 Vvar yDir = 'down';
9 s/ O( Y2 R, F" m. Wvar superballRunning = true;! g9 Y  D: h9 y* g
var tempBallSpeed;
2 a6 S+ X4 Z5 ?; d  Kvar currentBallSrc;, {' i4 _8 G3 U. n  y! G, e
var newXDir;
( E. C/ ?# C6 T% l, yvar newYDir;
  N. R# _( ]1 z( F$ |% I( w4 E, M( T. [  c  N! P$ A# [9 F
function initializeBall() {
4 u0 M9 k2 W, b! H   if (document.all) {
4 Q# P; E$ J: l1 t+ }      xMax = document.body.clientWidth
6 ^2 X" y7 V% z6 p" A  ^      yMax = document.body.clientHeight
  P# I, y0 }% t& G/ A3 n6 x+ z  `      document.all("supertext").style.visibility = "visible";
! C1 M1 V4 D$ Z" \+ x4 w+ L      contentWidth=supertext.offsetWidth  m. {8 A- r) i# m3 i, \
      contentHeight=supertext.offsetHeight
* @- J8 R& _2 k6 Q      }
" m) v9 J5 H5 p; X- X7 q   else if (document.layers) {0 }5 }- u' a# A$ @3 |8 \% A7 s
      xMax = window.innerWidth;
: d- w. `- I7 ?7 t1 O( t9 z) _      yMax = window.innerHeight;% C, O9 K  {: x* I, I4 o
      contentWidth=document.supertext.document.width5 [9 }2 c, R- Y  q* C& @
      contentHeight=document.supertext.document.height2 O. f1 V1 r7 l0 d/ [2 X
      document.layers["supertext"].visibility = "show";6 m# y5 A( ^2 L) h6 p9 \' F1 |
      }  b' E' i! ?7 y- ~
   setTimeout('moveBall()',400);/ x7 v. D+ B. p0 I0 |
   if (hidetimer!='')
1 c% D$ Y% [0 t  W   setTimeout("hidetext()",hidetimer)) `0 j% A5 C0 J  t$ [
   }1 m4 R4 q$ w- \+ z. Z
( K  b" R; ]; Z
function moveBall() {: |/ I* W$ g& _7 }; p8 Z
   if (superballRunning == true) {1 Z+ X' t- A7 h- F( ]
      calculatePosition();+ r  K; A- L$ U, D' K& z1 l
      if (document.all) {% |/ }, M$ a7 ^! I. `5 D& G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' \$ E; K5 `: Y  s& c% q" C
         document.all("supertext").style.top = yPos + document.body.scrollTop;. `$ N- ^$ b) |1 F
         }
) w  U. h# R5 K0 y, \      else if (document.layers) {
, X$ V1 {3 d' ~& w  o' E         document.layers["supertext"].left = xPos + pageXOffset;8 ~) A" B/ j/ m# n" _) _: Y
         document.layers["supertext"].top = yPos + pageYOffset;
  A  w  J' H& B8 R         }/ z) [/ w1 v6 Y- [" x6 z
      animatetext=setTimeout('moveBall()',20);* @5 {5 p& D" ^1 m
      }
: Y8 s5 i% c$ ]2 M) b   }8 n) b* b' \5 S/ V0 E

9 a9 [* k% Z9 }0 ]) Afunction calculatePosition() {
4 ~& H0 h6 f( m. B- d   if (xDir == "right") {; `5 o" N! E8 q9 b
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% ^9 z- e' o4 p/ X) D5 [. _/ Q, t         xDir = "left";# Y. `/ m9 U/ m" j, ~6 C. F
         }
3 |" H( ?. p# m( _+ x4 W% Q      }
+ k% x" [* l/ f! I! L   else if (xDir == "left") {
0 P7 x' p5 o, ?      if (xPos < (0 + BallSpeed)) {
9 ~0 y3 M, n3 `5 ~         xDir = "right";
: L; E/ g7 L7 F6 B         }; ~7 n  |* C. \- S' L
      }: R2 r# [0 U8 d
   if (yDir == "down") {
( T, A: X! ^0 [      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 ?$ w8 A4 K  R6 L1 ^         yDir = "up";/ E; P% S- T2 b. G# y- f* I
         }
  f1 ^1 t: Z% S7 G9 `, l% j      }2 k) G0 A1 i5 Y( `; m7 w6 C* x3 a
   else if (yDir == "up") {) @  M- f/ o% m
      if (yPos < (0 + BallSpeed)) {
  }2 m, O: M" Y) _; p         yDir = "down";, l( ^/ ~! j6 P& n/ ]$ C: m
         }7 u0 o) {: _2 i; {3 V  B, C
      }
+ D$ O" f1 m+ b4 E  }   if (xDir == "right") {- m9 w3 u/ ]' Q; a
      xPos = xPos + BallSpeed;9 l. x% w* o* i; k3 M
      }
7 W1 F) W& Q3 J, D1 A# y   else if (xDir == "left") {5 g( _4 K6 p6 x$ Q
      xPos = xPos - BallSpeed;
' O+ f4 X' _3 A6 J. j" z7 g      }, A9 k0 t$ z/ I  z1 N! G. B
   else {7 U3 Q! y+ w% c+ C: i, u
      xPos = xPos;2 \7 y8 _! S- d$ I9 r  P
      }
9 G/ u7 \' u" G   if (yDir == "down") {4 C" L0 Y) a6 K  ~; r4 Q
      yPos = yPos + BallSpeed;
4 B9 B# J/ D: _& i, x4 U      }9 k; m; B$ Q: D
   else if (yDir == "up") {; V/ ~' F. a( W9 g5 x& I2 Y
      yPos = yPos - BallSpeed;
- A  ?" A6 M3 Z. W; p! j' l      }' R2 I4 g, v/ s# E% P  K
   else {
& S4 r8 H6 n0 N4 r) A      yPos = yPos;& z( o# m8 P+ ?6 d
      }) p  T5 y: j1 s. O) W
   }
2 }2 Y' C" U# H& z) D' f: z$ x! s
function hidetext(){% F( |) `: D) a7 k, q0 q
if (document.all), Q& C$ l5 s% [* r- P& c/ c5 m! B
supertext.style.visibility="hidden"
: p, B/ Y3 O. U) [else if (document.layers)0 @7 P+ m% q* q. R- j
document.supertext.visibility="hide"
7 A8 n0 z- s% J  e; u" fclearTimeout(animatetext)3 U1 E/ k( S8 a8 o% m
}
8 f7 L6 x$ y$ N4 p) b/ T# ^/ l% J
if (document.all||document.layers){! F2 S2 S4 }/ {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 z8 V8 ?0 v& C$ H7 i  V
window.onload = initializeBall;
  e1 [1 }. f$ W  m/ b& ~window.onresize = new Function("window.location.reload()");6 J9 w# A: @! W
}* h1 x! i, ~1 _* V! c" ]2 a+ ^" Y
4 i/ m1 ]& d$ l  w( ?1 W! V' y
</script>