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

zw2004

<style type="text/css">
' t: f" R; R+ i, |" t, H#supertext {" d7 G& H8 v# o+ C& H- g# B3 B
position:absolute;
0 \- x* v+ O/ `- T4 Eleft:0;& ^% Q8 {' P( r' \) `7 Z3 i. B
top:0;
8 ?# R( V2 L6 Y: hvisibility:hide;
7 M  z! a/ Q  u2 J$ U2 Z8 a8 D' Tvisibility:hidden;
! t, c4 A, Q& U( W}
) y& q; n: k3 J</style>
. a- f7 d4 j" Q$ ^6 B<script language="JavaScript1.2">
% z/ K3 I$ Q7 `& L<!-- 改变下的字体的大小。颜色-->
, g$ t' r8 v/ n' V7 l0 Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 e( `; J9 }8 k' X+ _. l' w( H
var hidetimer='';
& g: m6 L) v/ C& x9 ^<!-- 改变下的弹跳速度-->9 U1 |& F) w4 d% C1 V
var BallSpeed = 20;" @- i4 n& g; M% H' X" }
var contentWidth;
+ h& ?. a: W3 d3 e; Vvar contentHeight;& ~. c9 V8 d# @) u8 t- N3 K" m
var maxBallSpeed = 50;
4 q. s; y3 ?9 b  J. {3 ~. [; u) b" N
" Y# g3 q& s- z: L- K4 B
var xMax;' w/ `* U" j* O% }" i
var yMax;& n. k4 f1 [" p! ?7 w7 S# t8 L7 ?
var xPos = 0;" u1 Z! |4 ?4 K" p9 Y2 d- c
var yPos = 0;. x0 ]! F- l, s$ L; O* }: c
var xDir = 'right';
" S0 {- o: N0 I6 J$ Xvar yDir = 'down';+ m( W/ G+ v) B$ w1 n( h/ }
var superballRunning = true;
, K' r7 c- S. t: P1 g* Q8 X4 Tvar tempBallSpeed;
6 @$ d; ?' ^0 \5 s& C& g; J- Qvar currentBallSrc;
6 S& \' r0 }2 U' G- Zvar newXDir;
/ Y" \+ ~0 P* U6 F. R; Z( K/ ovar newYDir;; [% y# w6 n8 d' r# H1 T& {
7 N3 Y) a6 x, ]4 g/ f; r& W
function initializeBall() {4 G4 c5 q6 ^- H% S& ]6 N9 b
   if (document.all) {' J8 R' ]3 b, K1 t+ h' ~
      xMax = document.body.clientWidth5 ~! _3 A( Q* ^* S# z7 `
      yMax = document.body.clientHeight' N; F' H' V9 E) R/ o; W" r9 E
      document.all("supertext").style.visibility = "visible";1 p9 ]  E2 O  z5 w. p, n
      contentWidth=supertext.offsetWidth/ d- P4 E. C% }6 Q2 n0 X
      contentHeight=supertext.offsetHeight
' _7 f# H5 r! i- M. ]4 h( g7 S      }
' C: d- J( U4 s/ g4 v2 i   else if (document.layers) {' m0 T/ i# d) a+ g2 Z; {+ j0 d2 ]
      xMax = window.innerWidth;
: B( I; ^/ B7 w. `      yMax = window.innerHeight;
# y$ `3 D. d' H  ~" n+ J. m% _      contentWidth=document.supertext.document.width8 k* a% ~' w# b  A
      contentHeight=document.supertext.document.height" W: n; U! O: w$ j1 R7 q; Y" P" F: Q
      document.layers["supertext"].visibility = "show";
6 O2 C# Y, _, W3 h1 ?1 v( K1 a      }
9 K+ r5 |6 u9 R   setTimeout('moveBall()',400);
4 k9 m% x) j  Y6 Q0 o) \, g   if (hidetimer!='')
# [8 e) p9 ^/ H  b  Y# H   setTimeout("hidetext()",hidetimer)
; r& ?8 B# R' _: X, c5 o1 H; H   }
7 Z( j& T% A5 I0 H  z& i2 L( O& A! X; ^8 w- X
function moveBall() {+ x3 e/ w, z# b1 {) P2 z/ v) Y
   if (superballRunning == true) {4 r- P: p% h  G5 r! m# u
      calculatePosition();! K1 J; Q. C: G9 D6 f0 B
      if (document.all) {' P  B+ @1 F* [5 P7 B, w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ g0 X# l# W7 p  w         document.all("supertext").style.top = yPos + document.body.scrollTop;. Z1 \) _+ }. i: U' w
         }- f) m) b; K7 y; @3 \
      else if (document.layers) {
# D: S7 `' q& p& x2 @         document.layers["supertext"].left = xPos + pageXOffset;5 c  p  X* i% M# r! a/ ]7 `1 c
         document.layers["supertext"].top = yPos + pageYOffset;+ j* Q0 F0 x6 I$ A: _6 w/ v* B
         }
& K: D6 c+ P+ e! _' w      animatetext=setTimeout('moveBall()',20);
9 @7 l7 u) |; ~! \      }
, K: u3 k; {" C+ f- V( g   }
5 ~; B; j* ~2 s, e4 V+ z8 D
* M; ^3 X* w8 h3 \0 q( {2 p9 Vfunction calculatePosition() {; C* [7 c) L3 H4 V& P6 l: D2 J
   if (xDir == "right") {
1 N: u5 j$ P, ~. ]. Q8 R      if (xPos > (xMax - contentWidth - BallSpeed)) {2 v! \8 O! F  N$ \" J  A
         xDir = "left";
  K+ f. C* T/ c, V         }& y' r3 a7 j4 C5 e* x6 G8 D. a
      }5 e0 X# `" P' e+ k2 N. @
   else if (xDir == "left") {
4 z" Z6 u6 T! Y3 h- {* {      if (xPos < (0 + BallSpeed)) {
4 c' d% ]- Z: r0 P: i- l         xDir = "right";- H: h4 X- G5 K& H! U
         }6 m4 c( i$ I7 _) Z- r1 w
      }
& ?9 }/ _9 U' z) b/ g   if (yDir == "down") {' b# Y4 W8 Q2 w& `  e
      if (yPos > (yMax - contentHeight - BallSpeed)) {) q6 p* t+ {% w- S4 f* y1 i6 w
         yDir = "up";
- \- c1 g8 }( w$ M: V0 g6 T         }
. D( ]8 a* i3 L. Y0 X: ?7 ^+ V      }
2 |  ~$ t7 V! O8 I9 u& f   else if (yDir == "up") {% t2 y# }- v, b0 `
      if (yPos < (0 + BallSpeed)) {8 s/ J* n: `* }6 y- z% Q
         yDir = "down";, q8 K- d: {: B2 `) f0 }
         }, E' m, V! \/ o8 l
      }
% c4 R% E8 P! C  f4 O. s5 d: Z' W   if (xDir == "right") {
! N# i2 a+ n5 f- F! |& o# n7 b      xPos = xPos + BallSpeed;& L  |$ c2 B9 F% G. Y" |
      }$ C/ k, O; K5 b3 E$ D. L' Q
   else if (xDir == "left") {9 m2 F) \; j9 ~. e# Z* a3 P
      xPos = xPos - BallSpeed;
8 R  e7 E5 m# F2 ]  ~2 y      }  T+ Z# d& B; K3 e8 G1 z( P2 t
   else {) h# Z; i. k- q* @+ A. a- F
      xPos = xPos;' T9 ?6 N$ A; B- o0 P3 M2 C$ O
      }
0 Q- k8 ^! p( g6 q1 m; p   if (yDir == "down") {
, z& p) o9 D. e  n      yPos = yPos + BallSpeed;
2 Y1 T) ?2 q' l# f3 F      }
% H& x2 O9 T! E( l' n0 H0 z   else if (yDir == "up") {; u: j8 h0 X: }3 R* q1 H# a
      yPos = yPos - BallSpeed;
- b1 Y; }* V. I" @7 s( s: S      }3 c/ b- j7 H; \
   else {0 }$ g" w8 O+ k9 ]4 E! E
      yPos = yPos;
4 g- M$ T% _, p      }
& c* Q, Z$ |1 P  M6 X) u   }
# c* ?8 \& S3 B, I' z
- e9 b0 p, v3 K* ]" H7 W9 `: {function hidetext(){
0 K8 Y- T) O6 j! M0 Cif (document.all)
; M5 Z' ~! ]3 w2 lsupertext.style.visibility="hidden"
1 B9 m: a5 t5 A- i) ]1 C9 aelse if (document.layers)
( c, o: |- [( ?- jdocument.supertext.visibility="hide"
( ]0 \& Z1 Q) B6 g# j7 kclearTimeout(animatetext)
# P7 X" s  D; V$ M& S7 F}
% l2 K0 `" q3 V: H8 ~+ i& a; `/ d; K4 {+ l: |3 l' [; \+ U, @
if (document.all||document.layers){4 q1 H1 z  W4 x4 Y# V' A2 C
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ c! o3 S  X8 z' R4 ~# |- h
window.onload = initializeBall;
2 ?8 [6 ~/ C" o3 kwindow.onresize = new Function("window.location.reload()");
* Y$ M' s9 r/ c% n; A- m0 f}
# j4 Z( r0 f% U% f, T8 e" E$ H3 l4 G2 b
</script>