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

zw2004

<style type="text/css">8 h4 V6 |1 U* M  `) E. y) p# J
#supertext {
4 }  X- m+ q5 t, Eposition:absolute;
. p. u/ b( i  j! ?3 eleft:0;6 G% _% I- b( R
top:0;- {6 Y+ N+ _4 o) w5 u: d4 Z
visibility:hide;
' ]" @# Y: K& j2 x' Zvisibility:hidden;
& _# }( s+ l4 l2 H1 j% r3 u}
& q/ N$ P! ~  X& _! P! @</style>2 h' c: e7 [2 [: M8 X
<script language="JavaScript1.2">
$ {" W2 e: V3 n% n7 L7 w$ A<!-- 改变下的字体的大小。颜色-->
8 l; Z: R" f' p; dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ O- M  P9 V! _0 Y/ v2 Yvar hidetimer='';
, Y  W1 q8 ]3 C9 b<!-- 改变下的弹跳速度-->, @& M$ ~3 L( [( N! y) {
var BallSpeed = 20;
! X5 ~& U# |& f# b6 |5 mvar contentWidth;
4 L# _8 U, s* f# @; U4 W  |7 jvar contentHeight;
. C3 J1 g; \; Y1 K! O! Vvar maxBallSpeed = 50;
0 A! W8 P1 t: J. ~( p
9 a# g7 B: k+ p" z5 h# w9 t- P& n4 p* G+ J& Z0 F
var xMax;" E! U! [9 F/ v( \0 r) }
var yMax;% [9 X9 I1 c9 \# j- f* I0 r
var xPos = 0;) r4 K% ~! i7 j- \1 Q+ A! p
var yPos = 0;9 L0 x* d& u5 _; ^/ W( f4 P4 a
var xDir = 'right';( X3 h) }4 V7 X& Q2 Q! E' l$ ~/ o
var yDir = 'down';3 ?( ^( ?- d( t5 e; u4 O
var superballRunning = true;
+ d3 d. x( z$ K2 evar tempBallSpeed;
1 @  n3 m8 u; S2 p! E3 `, k, y% Uvar currentBallSrc;4 C/ R: n" g! Q3 [: V
var newXDir;
0 M6 P" X1 F, Q) y& fvar newYDir;9 N- |5 Y2 b4 p/ G( R: M+ ^- ?

7 ^* h8 w0 w. p0 V: O4 e0 L, }3 efunction initializeBall() {
' X. w9 k6 N4 k7 V" B   if (document.all) {
, Q$ X  _" V' N5 D, X      xMax = document.body.clientWidth0 U% M2 f) q  Z  I
      yMax = document.body.clientHeight
. U) \& ?7 V+ z      document.all("supertext").style.visibility = "visible";/ g4 g$ t  e$ V  ?, Q
      contentWidth=supertext.offsetWidth
* l( `6 I" m6 P) m      contentHeight=supertext.offsetHeight) C/ a+ J6 a3 B( ~7 I# F5 K
      }
9 {/ R" O/ E9 o$ e5 _1 Q% l   else if (document.layers) {" d$ x2 O. W3 L0 H) t
      xMax = window.innerWidth;4 P' `  Y0 e, O2 }% G" i! R
      yMax = window.innerHeight;
4 ?8 i/ e  M- d4 N% g$ z      contentWidth=document.supertext.document.width" g/ S& N) p# P: {, N% q
      contentHeight=document.supertext.document.height% A* ]7 O2 i! m- t' V1 {
      document.layers["supertext"].visibility = "show";
+ l7 K) |! E% T! A* L( X      }+ r, k* B$ A- h1 `+ q
   setTimeout('moveBall()',400);# `0 y& l& |) I  l
   if (hidetimer!='')  w+ |8 ?) p; b6 f+ }! i# J
   setTimeout("hidetext()",hidetimer)8 J3 {# s$ k/ X0 c
   }1 H3 S% C0 Z. g7 h1 r. Z9 D. c
. J4 X. C- T. t( C& d, `
function moveBall() {2 p' c7 J+ ?6 n( ?" a" _
   if (superballRunning == true) {' |0 u" t2 F7 }. f4 W  M5 T+ H8 |
      calculatePosition();: u( X- I6 |& Z# s
      if (document.all) {' ~; H. z: u6 b& |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* h5 I/ e: g$ h: F* z% e9 s0 `
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 C, {2 C( H/ w) z" \- G( j) O
         }% k9 T+ L2 h/ h  A! G) a5 [" S
      else if (document.layers) {
9 `* O" J' B" \3 e7 a         document.layers["supertext"].left = xPos + pageXOffset;3 F' j4 E6 h+ a0 i
         document.layers["supertext"].top = yPos + pageYOffset;8 t9 \, x5 G2 w$ t) m1 n
         }
+ g) f) b) K- @6 R% a      animatetext=setTimeout('moveBall()',20);
2 t# f4 P" x% z      }1 |% I+ v/ ~. z& J: K3 ^# s/ u/ t
   }1 A' o1 k8 ^+ m+ k! W8 [

3 M, q/ q4 E4 n3 A) z+ b3 yfunction calculatePosition() {5 @9 I' j) c9 d) c% J4 I/ w
   if (xDir == "right") {
* r/ d3 t; g( z. p. }      if (xPos > (xMax - contentWidth - BallSpeed)) {
. R3 C7 Y% r  O4 |8 N/ f" M         xDir = "left";
( B3 ~. @! j+ A5 e, _         }2 r% u3 O) u1 A+ z& O$ B
      }
/ a: p0 E5 D! u' C( W, {$ J8 j; {   else if (xDir == "left") {
8 |# V  e# ?3 C      if (xPos < (0 + BallSpeed)) {) _0 s/ t: b1 u+ C* Y7 C% u4 C
         xDir = "right";
  x+ d8 d1 [. O, l, G3 o         }
& {7 q0 ^6 g+ {0 F/ ?3 \      }' Q: ~( e' N8 `% b4 F2 W  T
   if (yDir == "down") {
! [; o% m$ ]+ F: S      if (yPos > (yMax - contentHeight - BallSpeed)) {1 o( T- K3 o! \3 G6 _1 T8 ]' g- S$ z
         yDir = "up";$ y9 H( M4 U, a( E) X9 `9 j4 L
         }
4 D$ S+ E4 Q# Y4 p      }
% B7 t2 @, A. l! ]" `/ S& @   else if (yDir == "up") {' _4 e0 Z/ d5 M% a1 F, U9 }  X: N
      if (yPos < (0 + BallSpeed)) {
5 W4 J" Y$ k( W* V# z         yDir = "down";* v7 {7 h3 M7 W8 r
         }
3 o% _, s8 F5 @5 J      }
! Y7 o, J( Q0 k: R) F7 u   if (xDir == "right") {
, m; s- M* |% Z- G      xPos = xPos + BallSpeed;2 h( w( @( ]' ]- r4 \
      }! J2 @5 k! P4 M
   else if (xDir == "left") {
5 u7 F9 b: v8 b8 L      xPos = xPos - BallSpeed;- |5 x, H7 s3 |* _9 e
      }
0 @; O2 ^" x  M6 W* H3 p- p# K9 m1 F   else {
; M( S- s2 b, y. m      xPos = xPos;/ @# A( l, j4 S
      }
9 H8 y' [8 h5 M0 c2 _   if (yDir == "down") {
; [, s9 W% j5 T5 L2 ~% T6 P4 t      yPos = yPos + BallSpeed;
/ F+ \$ e: y5 s3 {3 \4 ^      }
) C4 i# G( g) V& y" v  R' U- z   else if (yDir == "up") {
3 M. A/ o$ J( ~      yPos = yPos - BallSpeed;
2 T3 e1 _3 d8 l4 O% @      }* w* C/ l5 W. m) |* d
   else {) K9 Z' a# N3 ]: f  K9 W. M
      yPos = yPos;% ]+ o; {% t4 Z9 `' Z" Y
      }
! K+ T# K9 B8 m1 {1 z6 P   }
* Q' C- d4 Z$ N) p
! ~& F% K1 e3 }7 gfunction hidetext(){+ c8 W# |: k1 I& w3 y
if (document.all)* v) r& u4 P* D- {' G( Z
supertext.style.visibility="hidden"9 X" e! k* G2 }. n) Y
else if (document.layers)
, M' I+ i& Q2 F6 y: t. M* H& h0 qdocument.supertext.visibility="hide"  @6 ?3 ~9 \/ D; _' b7 j/ o, B
clearTimeout(animatetext)$ C: o- \* R2 l, a- M1 [0 F* L
}8 l3 u3 J! w: N5 M' C+ }

6 p7 K8 V- M8 O1 O7 ~! Cif (document.all||document.layers){
9 Y# G5 S7 B5 W3 Q+ e* A8 m1 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ S. s6 K: X6 |' _, q" Q
window.onload = initializeBall;
0 ]8 Y: Z$ Z8 _, _) T1 K: a6 [$ F4 Uwindow.onresize = new Function("window.location.reload()");
( v6 t2 b% T5 u" d* P}. f  y+ S% N/ V: y% D' p
, S* x+ T' r9 O5 c' g0 B& R9 Y7 w! {
</script>