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

zw2004

<style type="text/css">3 f3 y+ y5 b: ?7 l
#supertext {
/ k# J! Y9 {8 H: W9 r$ }5 C! @position:absolute;
& s. p+ O9 |: w$ Zleft:0;
/ P; h$ C0 v5 G& F, W( Jtop:0;
/ y* H! l& Z' C2 O8 l9 j- I# U6 B7 Hvisibility:hide;/ @+ x* U4 C* F8 k
visibility:hidden;2 z. q* q. Y/ t! D; E
}+ t2 b( F8 J0 s
</style>- d) D2 r. k  F2 }- I  z
<script language="JavaScript1.2">
  n, {1 G3 p9 c7 Q! u# q- S<!-- 改变下的字体的大小。颜色-->/ }7 x) S8 @4 e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 a* [8 c( r7 E- x+ o
var hidetimer='';  C7 q$ P  T) A6 ^* U+ y
<!-- 改变下的弹跳速度-->5 V  o9 \! Z4 w; E4 {
var BallSpeed = 20;
5 X: t1 a% V. }- ]7 z" Pvar contentWidth;
5 O$ [! L) b. \var contentHeight;$ J* c  k$ A8 i( j  P$ n, {5 N
var maxBallSpeed = 50;. [. G7 a2 Y( _* t

  S6 d9 v' V& K# [/ `( X. p! O
! b) n  w) C( Y- s. c. N) kvar xMax;
5 J3 P" n) @; e+ `( z5 ]6 Y3 C0 @* u1 m) w* Jvar yMax;
+ G9 G9 U* [1 P$ ^) m9 L5 k2 jvar xPos = 0;5 s2 }; ?4 w0 s1 n2 I
var yPos = 0;+ o& L' B6 n, ]
var xDir = 'right';5 \# g9 y! x+ [, {( t. K5 k
var yDir = 'down';
" F7 ~: |& L7 v# b  y& Mvar superballRunning = true;
) C8 W% p: J0 J, X1 O3 b( Lvar tempBallSpeed;
+ [4 L9 q# \2 S+ @0 Q7 y: I7 Zvar currentBallSrc;
; @2 A$ B: t" kvar newXDir;
) |. U1 i, s2 V5 k# x$ @# Vvar newYDir;, w" ~8 m- X! W: B' G" O$ T9 O# Q

5 p0 e# X5 @. D# T9 F* ifunction initializeBall() {
3 {9 D  @( p# T   if (document.all) {
" @* ]% D3 S4 \. }' a      xMax = document.body.clientWidth3 d, g0 W6 V: g. t5 c& v9 P2 ?1 {
      yMax = document.body.clientHeight
; s1 |2 V; S0 E! i- [% F0 b      document.all("supertext").style.visibility = "visible";6 k% Z8 l: n9 v
      contentWidth=supertext.offsetWidth
" `! d5 E/ a- ?( n! y. G* D      contentHeight=supertext.offsetHeight# ^; D+ ~% a3 `; Y
      }
( E* O. t- X+ D6 i# x   else if (document.layers) {
7 E, J! M. y9 r8 g      xMax = window.innerWidth;8 R3 |. ?5 T9 h0 Y/ K; P
      yMax = window.innerHeight;# [+ R/ v* n9 L2 J
      contentWidth=document.supertext.document.width& f! q( M; E& K$ i1 s3 E& {* ]
      contentHeight=document.supertext.document.height
$ J( ^) D% Q3 D3 c+ u! e, e5 q      document.layers["supertext"].visibility = "show";4 X% v: Q7 Y4 t. l9 _; v
      }3 v& \5 I& ?  j7 j+ e' c! s7 l
   setTimeout('moveBall()',400);5 i5 R0 \9 g- B( s, v
   if (hidetimer!='')
1 ^& y5 V- W& g2 Q   setTimeout("hidetext()",hidetimer)
$ g( j/ s" c2 ^4 w% |2 i5 p) Q   }
  B3 c; l$ e" @# Y. ?
$ B8 Y1 ^' |9 ^( _/ Gfunction moveBall() {8 [, A. B& t+ u! @$ g+ E. y$ a
   if (superballRunning == true) {
" T& W' v2 S4 {( F" O, r" |      calculatePosition();
$ c) U3 E& V# Y      if (document.all) {5 ?2 T2 ^3 `' }6 h' f6 A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ H8 h) c& X! \$ \$ A         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ h% T& n' f7 C+ a  k5 S         }3 U/ ~5 m% S: D; M& O
      else if (document.layers) {
. e" q/ n4 w. [+ z4 d9 H$ ~         document.layers["supertext"].left = xPos + pageXOffset;# f% @0 X+ }5 d# v, }7 I
         document.layers["supertext"].top = yPos + pageYOffset;
2 G! L( f$ t! }" t         }5 s( ~3 E$ o1 S' F& b" S' P. ^
      animatetext=setTimeout('moveBall()',20);: f' M* Z" ~' u* J- D- ]
      }
4 r  Q; W2 R, O! r3 d+ T   }. f! h/ ^; O- Q! C+ i( a4 x

4 d! u/ |9 b) }% }( Rfunction calculatePosition() {* j/ k, H4 s: @2 N" p3 s
   if (xDir == "right") {
' z: n& K# k. V4 d. q. E# c: B      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 m1 K5 ~6 F) o         xDir = "left";
. ~! Y. P( @# L         }
3 J- ], Y' R9 I5 Y      }5 }  C( x+ c; o; p
   else if (xDir == "left") {
' X0 P& x% p4 }4 k1 a      if (xPos < (0 + BallSpeed)) {% I. H! @: R( d
         xDir = "right";
' A; e3 w3 i0 j) f4 j0 i! T8 @4 d         }; \9 C) c) U* [1 m8 _
      }% J4 P3 Z1 a3 J( S) ^9 ?* r( r
   if (yDir == "down") {
) A+ \1 @4 W0 W      if (yPos > (yMax - contentHeight - BallSpeed)) {
& o8 m* Y* Q% N4 W         yDir = "up";1 p" l8 N! u# {+ ]
         }) ^% l4 D# ]* {! u. z
      }, x; X$ ^( Z3 P( S- r" ~% ^
   else if (yDir == "up") {. Y' O0 E( `: C: ]
      if (yPos < (0 + BallSpeed)) {
0 v2 P" |7 }/ n$ d0 V  Y         yDir = "down";2 [$ D- \  r3 g' J8 V
         }8 L0 D" ~* {, X* W
      }1 T: S; Q( Y, k, f7 d
   if (xDir == "right") {
+ d. w: |8 T. m6 o9 `% Z# [( O' e: f) |      xPos = xPos + BallSpeed;# |: Y. ?5 ]3 ^9 ]$ J) k/ k
      }
. R/ [- n7 Y0 n$ H! j   else if (xDir == "left") {
% \( `# P1 T" E' [  a2 e4 y$ j      xPos = xPos - BallSpeed;
  n2 k; B, Q2 T5 j: O0 k: }      }, I, l7 Y7 Z0 a$ u( P
   else {! O# L2 e: J7 |# ?# H) R5 Y/ A
      xPos = xPos;
% T! _8 H+ `6 h9 v      }
- X# o, V. E* a; h  ^! K! S   if (yDir == "down") {8 g4 A9 `: U9 p' L' \7 V* Y, t
      yPos = yPos + BallSpeed;
. s5 i% L& K# e; R& W      }
1 c. l; l5 @+ f   else if (yDir == "up") {, N1 m  q/ p: t! c$ Q% A
      yPos = yPos - BallSpeed;
! E) y* L+ z0 w9 y. x      }
! v/ e+ H& A; C  g   else {
/ U( Y: c1 [( Z& d! U      yPos = yPos;
7 D& y  n1 ]0 y/ d      }
  {$ E+ H% l/ b5 _  u9 P   }
2 j+ Y" C7 H8 e& T0 h4 i6 q0 c+ f" e  J1 R" v2 T
function hidetext(){
% v5 S* R+ d7 e" L3 o8 _2 Bif (document.all)2 O/ @8 \) S9 i) @5 H
supertext.style.visibility="hidden"2 L1 }0 d. z5 U7 r# v
else if (document.layers)
- y9 i6 R; D1 Rdocument.supertext.visibility="hide"
4 X- K/ L4 S. e: ?5 X2 r  _& MclearTimeout(animatetext)4 }, }6 v# O, M
}" J4 }) P- q! Q! ]/ k

# Q) j9 Y9 m2 h8 sif (document.all||document.layers){/ n8 [; n! ~' _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); g3 s+ [# C/ Z. b; ^; N& F: r
window.onload = initializeBall;! Q; n, [, V; u2 c# O
window.onresize = new Function("window.location.reload()");& m3 b. {$ C6 Y  K
}
. ]6 i  ?9 E5 ^) P1 \
% z! {$ o& N0 D0 }% A$ [1 D</script>