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

zw2004

<style type="text/css">; J1 H5 ^' Q' b" h8 F! p4 T
#supertext {
' c) t- Y2 d  w+ mposition:absolute;
& v0 q% g0 n8 k/ F# mleft:0;
/ q" L2 S5 i  rtop:0;! P) ^) y3 q7 p8 K6 h& J# t# G
visibility:hide;2 Q; o; m  x3 T
visibility:hidden;/ v$ N; Y/ o; l3 U' y( z  S4 N
}" X( u. v+ ]6 q5 J6 Z8 k8 B3 E
</style>
$ l8 c( n' B  r4 y4 z! K<script language="JavaScript1.2">5 Q1 e/ A$ ?$ w% g1 M2 e
<!-- 改变下的字体的大小。颜色-->/ H4 {2 D6 P/ {5 x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 `; E! L& _+ Q
var hidetimer='';
3 Z2 A4 T! W+ P# r<!-- 改变下的弹跳速度-->0 N% Y+ |! t- J% R& V. @5 m
var BallSpeed = 20;
8 Z; T0 E' [7 i' Nvar contentWidth;
; @+ ~0 W5 j% g6 ^; E6 }4 X9 `4 Ivar contentHeight;7 v, b& f8 \8 `+ A' O$ C, k
var maxBallSpeed = 50;
* j, O& |+ ~2 V$ B( J3 {2 b- D/ l6 W( E2 G- r6 G" B
; b- z8 a% q! E9 E" R& A; n7 J0 ^
var xMax;' I  G; h+ D# o# Q9 w7 {4 A
var yMax;/ ~* f3 e* U% v& h" W
var xPos = 0;  m) t  y/ `  T6 ]% ~
var yPos = 0;
1 z$ ]; n' k, @var xDir = 'right';
( `! m" \, m+ w8 P7 E+ hvar yDir = 'down';
( `4 L; J* ]# P) ]+ T, bvar superballRunning = true;
! y; p( G6 ^5 }- W7 tvar tempBallSpeed;6 N8 }( l0 A; c5 n/ \7 n  }) V
var currentBallSrc;5 `- W; V! [3 f5 K
var newXDir;9 o. I! B# _1 q' j1 D8 l
var newYDir;( K0 l; e$ L# e1 c7 {, D

; D1 h; ^$ r  e" n; M  a  Zfunction initializeBall() {
: o: I- M& n# Z% }0 D  B   if (document.all) {
, `! c9 n( r5 _7 }& m      xMax = document.body.clientWidth
- l0 C5 I& A9 U+ X4 ]      yMax = document.body.clientHeight0 k, w: k7 R( Z) U
      document.all("supertext").style.visibility = "visible";# Z3 l  l  F' E2 m
      contentWidth=supertext.offsetWidth9 z4 c! C0 ~2 d
      contentHeight=supertext.offsetHeight3 y/ ]4 Z" D2 r0 a+ R0 R
      }( s* P$ r% ~7 |5 K5 |1 l$ m$ P* b) ^# z
   else if (document.layers) {
" |' ^  c4 u0 I# F      xMax = window.innerWidth;0 g& o( o/ s/ e9 {- S
      yMax = window.innerHeight;- X0 q. T0 G3 _- b1 w7 C
      contentWidth=document.supertext.document.width& E9 L" t- p% b, M# X
      contentHeight=document.supertext.document.height
$ i& g" f+ d. }1 H      document.layers["supertext"].visibility = "show";) z+ G; m% P9 C0 u" y: R
      }
/ q2 C; m2 p. I1 R; Q$ M   setTimeout('moveBall()',400);' g: x* [0 T/ i8 q7 m, ^
   if (hidetimer!='')( q% p' _" v' L. {; b
   setTimeout("hidetext()",hidetimer)
+ G( q/ ?1 i0 `2 E   }
9 o- t, R) T1 j/ X6 X( i- G) ~$ i4 L/ k- G: M
function moveBall() {9 m2 }6 h0 S& X5 E+ t5 G8 A2 I
   if (superballRunning == true) {0 G) K  o* B( H& A! e& W. a1 n  q
      calculatePosition();' r6 i! W9 w, Y5 O0 v: W
      if (document.all) {( R! ]& f$ ?. C# E; c: j
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 X% |+ W, R# N2 t8 C; U7 F% |2 d         document.all("supertext").style.top = yPos + document.body.scrollTop;  ]; ~8 ]# q  J. R2 E
         }
) G7 U, J* R+ p2 I0 T5 B6 t      else if (document.layers) {: p' S. ^! M: n
         document.layers["supertext"].left = xPos + pageXOffset;
3 P5 O2 V, T/ I1 ~  t5 y& j7 W' I         document.layers["supertext"].top = yPos + pageYOffset;
+ b; I4 C8 q' S2 z         }
/ M; C* y$ Z8 e/ ]& |4 Y      animatetext=setTimeout('moveBall()',20);
& Y* N5 Y5 A! J  R% O- [      }3 q) Z5 U  G, N4 f# ~' I
   }
) V1 U8 j+ ?8 o( O5 K4 {$ F$ x5 y. T2 _; E$ S( ?
function calculatePosition() {
. k3 e  W. g) K& _  b+ ?+ |   if (xDir == "right") {
9 c- G0 v, Z4 V+ I      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 {4 l& s! K3 ~; P# t2 m         xDir = "left";
* x" T0 Z* Y. g9 ^         }* t3 j& S. W( `( c9 ^& T3 {
      }! P2 F: \5 G* o% g/ @
   else if (xDir == "left") {
  i: K6 l3 ?+ \9 I      if (xPos < (0 + BallSpeed)) {
7 h! q4 C& }. P- Q" {         xDir = "right";1 v/ D4 V' k, x  }
         }. [. Q, \5 m1 K9 e4 {
      }+ M+ S% f1 z9 l! p' B/ W
   if (yDir == "down") {9 q% v4 m$ m" `& ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 Q9 X3 ?# s- X0 j0 J         yDir = "up";
) ]1 x( H4 }6 u' G4 E( a         }( D1 F+ N; {2 \  u: v
      }* ]; `1 _; {& s2 E1 D4 r$ ]
   else if (yDir == "up") {
* W  B2 e0 |& \$ |2 b( y& p8 r! Q& Y      if (yPos < (0 + BallSpeed)) {
* R) X' h# d$ D( ~% F! s8 r3 T$ @0 U         yDir = "down";
5 H2 q: M9 i5 Q. T9 f1 H1 m! r         }; }8 q2 o3 q& D
      }! r5 ~, S  d' ]* \* t
   if (xDir == "right") {  a* t- p' ~- C. y! B$ m5 e
      xPos = xPos + BallSpeed;
& `$ O* b1 o1 u! ^      }' f# O8 P3 q( I' k- w) O
   else if (xDir == "left") {
# o3 G- [; g  B/ E      xPos = xPos - BallSpeed;
1 n8 e# R0 ^% k$ s4 w: q. i      }) \7 r, z1 U  H+ J) y- z; S+ F
   else {6 f' G8 V0 r" @7 D1 U* r& _- T
      xPos = xPos;; Q% d! E5 ~+ ^6 \
      }
8 ?. ]  _+ N# t3 F   if (yDir == "down") {
# G0 V5 e' t, |  f+ w      yPos = yPos + BallSpeed;: u3 ?5 ?! u! ~6 j2 R
      }0 b' G& I; G/ u$ X: w
   else if (yDir == "up") {
& ]4 c" h! n1 f; o& b( l      yPos = yPos - BallSpeed;! Z. G' g3 A, f: a+ s( R7 Z
      }
7 ?3 O& J3 O* z! Z: Y   else {
6 j, D% h& v% k  n" S      yPos = yPos;
- F  [& `. E' r& }$ d      }6 y( e9 C0 B- D2 V5 j9 R
   }
1 M- o# Q7 @, V4 L
. ]% J9 s8 ]! i# G  {% b: _function hidetext(){7 j/ a" k6 U3 S. z* H) M
if (document.all)( Y" l% y0 _/ p3 \1 t# o. k3 o, k
supertext.style.visibility="hidden"; {% C  C! d, w4 T) _% y$ S3 b
else if (document.layers)
- W+ l: H/ P( W$ m- odocument.supertext.visibility="hide"
7 W- ]9 q$ B, g9 c" i8 W" vclearTimeout(animatetext)
% f0 P" ?, S7 O! _# e0 ]/ U6 \5 J}
+ i* Q2 X1 H: P6 @3 |/ t& p( R- M' j+ S! E) b0 B% x+ z8 n
if (document.all||document.layers){2 x2 V& v, i/ r. i: ?7 p  v1 k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ V$ D' L' {, p1 swindow.onload = initializeBall;7 K% l0 ?! |. t/ l
window.onresize = new Function("window.location.reload()");3 Y! x) z2 _- H
}
# z5 a( g6 `' T2 ^9 |4 k
3 V6 }& i/ E  z- K0 h, E</script>