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

zw2004

<style type="text/css">
9 X. W7 u1 \- I) o; {( p1 Z) _) ^#supertext {
9 r. _' V7 r" }/ C2 lposition:absolute;
; h) W% z9 E! E. ?left:0;
! F% U+ O7 n& d' A* x6 a# Y# rtop:0;
! x- H' s: w! d* hvisibility:hide;5 F3 q' X3 W' o; X, f
visibility:hidden;
7 N+ V- Y8 K, W: Y# i}  _. l, I+ X5 {$ o5 H  }* H
</style>
" H4 ?7 C6 p/ T3 ^  w, D& \<script language="JavaScript1.2">- q" ?( M* m5 a3 m( u9 s2 ^
<!-- 改变下的字体的大小。颜色-->' [2 r& {% E4 [, B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 B# {) H# k& t" F- K0 Kvar hidetimer='';
6 ~8 P8 ]. V, l8 O5 ^<!-- 改变下的弹跳速度-->! s  K4 A2 C, T
var BallSpeed = 20;8 v! F/ ~: \) U9 ^$ t
var contentWidth;) S' B9 i) n" y1 i* |2 Z
var contentHeight;, Z7 {0 a* j8 }+ z3 F& u
var maxBallSpeed = 50;
) C4 N/ A* c( l* y+ l; S
& N2 ^# ^- p$ I, Y/ u0 W) Q" |: o4 ]( a
var xMax;% _% d3 q2 m0 W9 _) G# _
var yMax;; w& E0 p- i4 J& d: r5 W
var xPos = 0;
' R: L% }; M* Z) w$ O) c7 A9 Mvar yPos = 0;  u" ?( R1 g' W2 p. j
var xDir = 'right';2 _0 o: g( q, r6 k* `
var yDir = 'down';, }) c9 E/ h+ u; e' w6 \. K
var superballRunning = true;
" O* S" {# P1 R4 `  Rvar tempBallSpeed;
  [- r; J0 Q; N. }, m/ v6 R' F9 ivar currentBallSrc;* X  W/ }' S' m# S4 B
var newXDir;5 @, c2 m3 X  C6 G/ r0 w) c
var newYDir;
* T% V0 i* a( u5 F; X9 c3 P# R% O
) H. X5 Q9 ^2 g( a0 U7 b4 Jfunction initializeBall() {( x6 W: a. o' }$ X7 v) v9 f3 A
   if (document.all) {
  E9 [1 M6 G( _; e      xMax = document.body.clientWidth
0 t* L6 O: d8 U1 N9 B5 t      yMax = document.body.clientHeight
. m& y: F( }  b5 F      document.all("supertext").style.visibility = "visible";7 Y0 F5 }1 x$ @
      contentWidth=supertext.offsetWidth8 L! C+ p' k) x- D0 `3 J
      contentHeight=supertext.offsetHeight/ b3 k. t* u3 ?, N" R! S
      }
) M6 }$ l) e( s  w2 J; X   else if (document.layers) {6 v" |, ]; h) t
      xMax = window.innerWidth;  q* o  |: U) O
      yMax = window.innerHeight;8 [. L, i: N+ J
      contentWidth=document.supertext.document.width
. x; I, C. g# w$ f) h! Q      contentHeight=document.supertext.document.height' E. Z1 F' S3 |5 C
      document.layers["supertext"].visibility = "show";
5 E' r# {7 i- g7 ~7 m  k      }& l7 F4 M' s: K8 ?9 p' r0 e
   setTimeout('moveBall()',400);+ h9 u9 V% w: z: p: H7 ^
   if (hidetimer!='')( _8 j/ z; B/ O2 O* y
   setTimeout("hidetext()",hidetimer)# |. N6 n6 C9 `& z6 A
   }
5 B  h& |$ p- f7 g
" B) ?9 ]1 t7 r+ ^7 h9 cfunction moveBall() {! G0 @  S& F- r7 \8 x7 B
   if (superballRunning == true) {* Q0 n* v( s& Y$ K* Y$ B: x
      calculatePosition();8 ^1 D% Z9 e/ H0 w; m
      if (document.all) {0 ^2 J$ D. [- I) M4 \9 @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) ]! ]1 C9 x/ Q2 ^+ e0 r         document.all("supertext").style.top = yPos + document.body.scrollTop;; O5 z" a8 g0 f8 Q8 v4 F  m
         }
/ G: k/ F( ?* t# C: ^4 u7 u) v( g      else if (document.layers) {
3 {( T6 v. S/ ^8 B  q         document.layers["supertext"].left = xPos + pageXOffset;
5 w! C7 h" F* ?! o         document.layers["supertext"].top = yPos + pageYOffset;) Y8 P& ]+ y- E( m- l* w9 I
         }% `& O9 `0 M" k# S
      animatetext=setTimeout('moveBall()',20);% A3 N9 e' R1 x; N5 P
      }% P1 R) m' [7 i! _# j5 o1 g; G2 Q  C$ J
   }) ?+ o" ~1 W* n. ]

& o# Y: ~8 N( J; ~* Lfunction calculatePosition() {
" d. }. F' k( @- R& e# C! [& R) p+ a- W   if (xDir == "right") {& [  {# ]5 ~, |
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 q" ?& B) d$ o: ?- j         xDir = "left";
* X: S  i  p. U& I9 g, |( T         }
& m% u/ k6 A" S      }$ A, o' O/ v" e" T/ b9 Q8 e2 Q
   else if (xDir == "left") {
: d- E; }  b( z7 i2 e      if (xPos < (0 + BallSpeed)) {5 a; A* ]0 O( p2 Z
         xDir = "right";. Q' W5 d) ~0 H. s, Q& |
         }  y! |, g4 [7 O( R: _) M
      }+ f8 Q! G6 U: g" Y
   if (yDir == "down") {0 |/ x6 ~1 d3 w6 F5 j, W. [4 Y
      if (yPos > (yMax - contentHeight - BallSpeed)) {
" `6 p! u% f7 f. ~  ?6 k. v         yDir = "up";
3 Q0 g- x) W: d, p         }
6 t! C( L2 [; C* Y0 B/ R% k" L      }
9 d8 H6 Q" F# |! t  _   else if (yDir == "up") {
. t+ t+ [  _% @$ R( w      if (yPos < (0 + BallSpeed)) {
5 w! |1 m8 R; d$ a9 I         yDir = "down";
# i3 p0 \. b5 j0 B3 V  c; f4 H         }
5 V# `% n- y3 v* f      }
9 f0 r3 Y+ A; i* W: j" k   if (xDir == "right") {, Y  w1 F# ^6 }" H+ P
      xPos = xPos + BallSpeed;8 s5 M) y+ m6 r* H
      }: r  g0 J- L" V. E. z% e
   else if (xDir == "left") {
. n' ], \3 x6 M      xPos = xPos - BallSpeed;
) X% g% {, x' t  t8 P8 }      }; ~8 v* e2 b, N3 z
   else {. @6 U1 c, F! }  b4 `( ^- a
      xPos = xPos;6 C" Z, h& J2 }1 m* Z3 q
      }& F/ s3 b! i/ F* S: @2 I
   if (yDir == "down") {/ `& N, ^1 ?8 C5 ?
      yPos = yPos + BallSpeed;
) y  c4 ^  e) ~' C      }
2 \! e8 b! d4 t; u   else if (yDir == "up") {
3 d3 d- \- t( o, s8 W( o      yPos = yPos - BallSpeed;
$ F* K6 }' t7 k7 O5 n% @$ P9 N      }
% V" O7 j+ x" D* ~! _$ f   else {
2 g: K3 Y$ x+ |' \" L      yPos = yPos;1 _3 X: Z8 [, q( U2 q
      }
8 A" j# p9 h, J) y3 Y  k+ v   }& ?5 x6 J6 r- y( X: I" a

; j1 s7 I6 B% k: s4 xfunction hidetext(){/ ^  J3 P# |/ |: C7 I' O0 f' E7 c) k
if (document.all)
6 I6 |& E1 g9 b7 J2 \6 V& csupertext.style.visibility="hidden"
" ?  v8 \; B* j3 x3 i* |else if (document.layers)
1 C( X- s$ v5 a/ I% h! Wdocument.supertext.visibility="hide") ^5 U6 }7 a. z
clearTimeout(animatetext)
) i5 T( J# N7 R' o' Y2 O1 u7 ~$ h4 @}
* R9 z1 s- Q1 a/ p& f% ]
1 h) D7 Z6 y) M; p6 K/ Pif (document.all||document.layers){& ]8 ?' j1 w* Y$ c2 S- e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: ?5 U) v* I/ B2 L9 v* q( s# nwindow.onload = initializeBall;9 X8 T# I8 a' l% K
window.onresize = new Function("window.location.reload()");
6 z' a- R9 c/ r# u}2 g( A4 v, O% H9 z$ {8 Z* e* q
" j3 G/ s8 A, S
</script>