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

zw2004

<style type="text/css">
% F* m7 T5 s+ ^  ?8 i#supertext {
- s# V& N+ a5 {9 L$ G, M& J4 @position:absolute;7 {' C, M$ Q9 o4 U, L
left:0;
9 P/ j3 o3 v7 T4 J: i2 Mtop:0;
2 q: s2 i9 F  tvisibility:hide;- {( E5 @# E/ f0 i. H+ \( S( h
visibility:hidden;0 l2 Y5 p/ K& `0 K* [6 l
}
& E# r! I1 Y% C3 E  v</style>+ w. ^" B3 Q1 f( g2 Z; ^. Z
<script language="JavaScript1.2">$ j! t) q7 r. W) ?# L
<!-- 改变下的字体的大小。颜色-->
4 c7 D8 R. d1 \) I& S& D- f  mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 J$ z! B# W" u: S, ^8 Y5 e0 O* }
var hidetimer='';! _6 a4 n5 o" G& A
<!-- 改变下的弹跳速度-->  r% a8 ~9 X  T
var BallSpeed = 20;
- V8 E9 P9 {4 c2 ^3 d% Pvar contentWidth;
% X; v& _4 R* X9 ^  L0 ~var contentHeight;2 M  Z/ S# |! f9 x* c: f( b
var maxBallSpeed = 50;  H+ C  Z* O) V, L

1 z/ h$ |( N1 f. y: v7 l& B( Z; a* c& |- [3 D
var xMax;  y# t% E6 a" c5 o  G
var yMax;
4 {4 U: E( h/ ]1 O3 cvar xPos = 0;2 d$ p1 Q! L# f6 j; j
var yPos = 0;
7 _3 w  ?) z: h5 i3 V: Z5 ovar xDir = 'right';: z( n) o7 A) K  {7 k; Y; R" h$ ~
var yDir = 'down';
& d. p# V* ~5 [9 avar superballRunning = true;
0 i2 s! O0 v( uvar tempBallSpeed;
, A, T* E0 B, B4 U# w6 z+ hvar currentBallSrc;
: j% R0 d2 _; F3 g( \# m  E- nvar newXDir;2 k) j# Z8 C, l1 u5 O
var newYDir;2 z1 q8 l9 B! d0 z0 K1 `+ V
0 K' t6 A$ x& Z; L0 K* v
function initializeBall() {9 ^" V2 Z" y( w5 n& ^
   if (document.all) {
4 {6 G0 _3 e/ K# |      xMax = document.body.clientWidth. r, q: S2 C' ?+ j* Y5 ~8 T
      yMax = document.body.clientHeight
4 X) m! T0 q2 G      document.all("supertext").style.visibility = "visible";
% y9 S  I0 C, e1 E( i- K" w      contentWidth=supertext.offsetWidth+ i, U6 t) t, m0 Y
      contentHeight=supertext.offsetHeight
) {5 D* ]% B- i1 Q8 [      }
, R7 X* h8 [9 H/ [5 \, ~& D   else if (document.layers) {
/ `* E8 `+ W- c5 p/ R/ h      xMax = window.innerWidth;
" S1 e2 @2 d4 r+ |0 l8 w      yMax = window.innerHeight;( X* f/ d7 E& k" G. {) Z9 [
      contentWidth=document.supertext.document.width$ X  A7 E+ V' j, z0 B$ P
      contentHeight=document.supertext.document.height7 B4 b3 }9 }( _8 W+ Y
      document.layers["supertext"].visibility = "show";
0 [5 {2 o# ]+ f% |6 w' \+ C      }
$ U+ q3 s) u! r; M; @' l3 b   setTimeout('moveBall()',400);$ E% I: i) F$ L0 N2 k
   if (hidetimer!='')* M; U4 [3 O  q( F2 s
   setTimeout("hidetext()",hidetimer)' u1 Q& I8 O6 y! I
   }# D3 K$ l. ?: K7 ?" k
# V7 \/ l! h, D. t: Y
function moveBall() {
% y* _* g5 G; i$ Z2 L" ?   if (superballRunning == true) {+ C1 I2 i6 m0 T& G1 p/ U
      calculatePosition();
9 v$ \: d0 m3 o: |- \" X: a' q& n      if (document.all) {
( \, q  f4 c/ I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 ]6 z% v' K6 ]4 B         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ Q. \' H5 z1 c/ y; Y( T8 x3 d         }' I! \9 ~% G6 |1 [% ]
      else if (document.layers) {8 ~0 j9 t7 k* g# ?) @, q: m
         document.layers["supertext"].left = xPos + pageXOffset;& c0 e. C/ R+ b7 O2 X: Q
         document.layers["supertext"].top = yPos + pageYOffset;4 I  \% w2 b6 }1 K4 R6 c% ]' g# F
         }6 m. z) D7 g* x2 z3 P
      animatetext=setTimeout('moveBall()',20);
5 E* f* K! ?  _      }
0 Q- f# ~6 g7 I9 b" f4 X   }6 a; p8 ^! ~# i8 ?: _% `7 V
# s. u( a3 [4 {* C
function calculatePosition() {" y* g5 u" S, y+ Q/ H4 b
   if (xDir == "right") {
% i9 l( w( X6 z) a5 ^2 d      if (xPos > (xMax - contentWidth - BallSpeed)) {" N7 g6 |; c8 Z' y+ Q
         xDir = "left";
6 @! |$ C6 n6 x/ Y& P7 w         }
" m0 l9 ~* N! u+ E6 @/ u4 L* ?+ i( a' d3 V      }0 N. m* p4 ~! t
   else if (xDir == "left") {2 g6 ^. v4 C% g4 l$ L" e, ~0 G
      if (xPos < (0 + BallSpeed)) {
+ W% Q6 E. }9 {/ h2 _; t( z         xDir = "right";
5 B" ^/ ]3 o  r( {( y3 |& q1 A  ]         }
' W' Q( w% T- e2 d; W      }  w  R* Z6 O) Q9 N! ^! s
   if (yDir == "down") {
' n% S1 b5 }" `! T* F+ m, {0 H      if (yPos > (yMax - contentHeight - BallSpeed)) {2 Q5 }$ [+ |. a
         yDir = "up";
. C3 Q3 c$ \! K. o/ x         }
/ s; f5 D; ?: e) G      }- P! F" f( D2 w8 y0 V; k* n; A
   else if (yDir == "up") {  [: l! h1 E1 A8 r
      if (yPos < (0 + BallSpeed)) {
4 b: d0 [4 S: R$ Y. v/ |7 T& q         yDir = "down";
+ x% O. x( p( p& m$ [9 K7 ?( |         }/ ^* b6 [; E) @/ s
      }
: t2 B* h  o  L* r   if (xDir == "right") {& o7 X* s4 p2 ], ], ?
      xPos = xPos + BallSpeed;2 D# X0 z9 u2 C5 [' b
      }
# V3 Y9 H2 Y  a" D   else if (xDir == "left") {
! g; X4 O/ M& p9 S( ^      xPos = xPos - BallSpeed;: i8 J) n2 B/ j# |& C; l8 m. y0 y
      }9 F3 d: S3 G4 c8 `
   else {2 z% O, ^7 y& l) }; x. W5 L* I
      xPos = xPos;* g8 U. ~) z& \, e. l
      }: r2 a8 [: w0 d2 ]; V$ ?3 k/ A
   if (yDir == "down") {0 F9 D& j& Q  f- o( q9 w
      yPos = yPos + BallSpeed;
. _4 N' t1 B8 @1 }7 R0 Z0 Y5 `" I      }3 c& \) `* I3 D# N
   else if (yDir == "up") {4 {- {2 O  i- |' D. {; Z
      yPos = yPos - BallSpeed;
6 h5 w  W: u* Q      }! j! i- b( g$ t# \
   else {
% r+ V+ c# E: C3 \( A% j$ A* W% i      yPos = yPos;# M& R7 f* X+ ?  v6 E
      }
8 A4 M7 e5 h, i2 |" m( R0 ~   }5 ?, z  @% ^4 ]& P2 _5 e- c
. G  K' U( J/ Y' X1 ^& i
function hidetext(){" v$ T: p' M, ?, j4 ]+ M
if (document.all)4 o) r8 U. x' q2 ]9 G. h& D& J
supertext.style.visibility="hidden"
4 ]1 v/ ]  Z9 ^# X, j9 p& T: oelse if (document.layers)
7 E: V) ~% ~( s) a$ U3 z# e, Udocument.supertext.visibility="hide"+ Z' X7 E$ ~( [) x+ t
clearTimeout(animatetext)1 x0 ]" ^8 \! y1 H: ~8 i3 s
}( z& [& W2 h4 l* b

/ M5 |! k2 S5 H( A& d8 j4 X; g0 G/ Sif (document.all||document.layers){
0 u4 g. C0 X  r5 C* h. vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* P4 b2 I$ M& p( o$ R, Z) `
window.onload = initializeBall;8 D6 K+ R! Z8 E" d
window.onresize = new Function("window.location.reload()");
& A' U* T% o6 ]5 q2 }: S8 H}
# U8 G% n- r% Q" E" V
" P& k( d% r1 G2 w0 m+ E6 F0 ?7 M</script>