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

zw2004

<style type="text/css">  h; {- [% Y& d& b/ k1 d3 A* b7 k
#supertext {
0 z5 L7 X. i, p9 Zposition:absolute;
7 g* A  b8 n/ \left:0;
6 r& l; ~, a' r& e' {top:0;
4 ?& y; H' N; G' Kvisibility:hide;
: G; X/ F& B, B( Gvisibility:hidden;* }0 P, X6 V  `* A. X2 s) g
}( C! j$ m) }( P: m
</style>
3 m% i8 ?) v1 m8 V5 D<script language="JavaScript1.2">
. j$ ~' E. O6 R& s: |/ f<!-- 改变下的字体的大小。颜色-->
$ L6 J5 g! u: x$ d" O/ Q/ M) O$ e) Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  Z. C) ~, }2 U! T) T, n" xvar hidetimer='';
# m4 I/ e# b! w4 W<!-- 改变下的弹跳速度-->
( S/ v' Z& K" e9 H" r! B& Evar BallSpeed = 20;8 K3 G4 K' f* i) {- _: i  ~& b
var contentWidth;
- W  p, O% _- q7 m! L+ uvar contentHeight;
( Y2 }$ ~$ e+ Lvar maxBallSpeed = 50;
; \' U  z1 B2 P7 u! j9 t+ y; }* q$ o+ o1 i2 \& a! t/ c

# a& M9 G. R2 s! M' [var xMax;
9 E$ u5 O* S# f! m5 x; Cvar yMax;# ~7 w$ q2 ~! L  a
var xPos = 0;
+ ~4 h- r( k3 ]  wvar yPos = 0;2 b3 B5 |! O3 _' X$ ~, d! J
var xDir = 'right';
2 }+ a/ F8 `1 B* \+ C/ q' E* O: hvar yDir = 'down';
/ R. X& ?: ~0 Y0 K" uvar superballRunning = true;
. ^* L# }# y) F9 `8 ?8 zvar tempBallSpeed;0 o' U' N  L0 s2 Y: I
var currentBallSrc;
% d5 g9 p" t) e) j# tvar newXDir;
3 c0 B6 H* j* d; G6 \var newYDir;; s" I  M+ [+ z4 z" R( A. S% O

, h. p/ ~& H+ B$ F% Ufunction initializeBall() {8 k# p# C- V3 |; d
   if (document.all) {" R5 Y+ g' d# ~" z3 B) k* I. E
      xMax = document.body.clientWidth
* K5 Y  ]+ C/ B% J5 B      yMax = document.body.clientHeight
+ P: z- C( {; _( X+ U$ @8 v      document.all("supertext").style.visibility = "visible";
( e; V4 U5 W) Q( w- R      contentWidth=supertext.offsetWidth  s" t3 R- x2 E$ `: b" ?
      contentHeight=supertext.offsetHeight: @3 m* X# O/ S% b
      }
1 a2 D( w- I5 ]2 l1 T& D   else if (document.layers) {
( d7 q4 q5 ^5 m6 L7 F      xMax = window.innerWidth;7 w5 b0 U5 D$ l; t1 T5 X
      yMax = window.innerHeight;8 m. z2 x1 Y8 Q  K
      contentWidth=document.supertext.document.width
" |% `8 l# ]6 w6 z5 @      contentHeight=document.supertext.document.height
: o5 N! m2 L0 o- S5 u      document.layers["supertext"].visibility = "show";9 O/ |) ?* }, y8 J( I
      }% J% k. ^8 E! i; @" W0 ~& G
   setTimeout('moveBall()',400);
" u6 P& q4 t9 i: ?4 Q   if (hidetimer!='')  ~  L+ c0 y- F/ s2 F( n" F
   setTimeout("hidetext()",hidetimer)
2 `) R5 M' m$ ?3 \5 j   }
+ Y3 ^) E( O" J9 F0 w2 }: j5 _" a
: W9 g: H/ z! pfunction moveBall() {
1 H; @% }2 P# {1 [; C$ f5 l  I   if (superballRunning == true) {+ w; @% q3 @5 v
      calculatePosition();3 F! ?7 I6 i8 u
      if (document.all) {' n  }* g4 y4 G" }" `5 b+ ~  d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 y) k# ?) U* C: J         document.all("supertext").style.top = yPos + document.body.scrollTop;* |9 a! W* q: W4 m- I- e5 x
         }1 r6 R, z/ E( O* S
      else if (document.layers) {
) Q  `+ P- T9 R( c         document.layers["supertext"].left = xPos + pageXOffset;1 T$ B/ O( c* S. I& X9 W9 ^
         document.layers["supertext"].top = yPos + pageYOffset;0 {2 N2 V, Z  I
         }
3 a; @+ o! @. ?- Q      animatetext=setTimeout('moveBall()',20);
; k) E' ]. s6 \2 }0 D      }
% \6 _" w3 ?. @  L, c   }5 [" f  Z8 p! I; V0 X

3 e. t- W( v/ n2 Tfunction calculatePosition() {, {; k0 j" P6 S( i8 t5 J" H
   if (xDir == "right") {' `' @! K3 ?2 H& x. e5 f9 o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 v/ i4 v& D% D, F         xDir = "left";
. i3 e0 ^* d7 h& e         }; i  \, A& K* I4 A7 T
      }, l) @% \$ |# I" p8 a6 q: R
   else if (xDir == "left") {
: e: ^/ c9 L/ A' e. H9 ]      if (xPos < (0 + BallSpeed)) {& {1 c2 o4 I+ f% q% s& y
         xDir = "right";, z% T' c/ K+ O0 y; [
         }& ]. b+ M9 k9 G
      }
5 r/ T7 {  K* H3 L4 B; K: h   if (yDir == "down") {3 V/ E6 ?# x/ C- _
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 t5 o7 F" T8 K/ S4 d( C; I; ?
         yDir = "up";
. m4 p; j" q0 `% {5 ]         }1 [3 D, @) p* D9 h8 P" ]
      }
' L' O4 f# z  M6 N/ Y   else if (yDir == "up") {
6 c; B5 ^- o8 I5 V- x+ Q" I      if (yPos < (0 + BallSpeed)) {$ I3 p7 |% \3 j3 _) V/ Y/ H
         yDir = "down";. V. x2 D/ l7 U4 e
         }3 H7 v" k. v3 `$ L3 a0 S6 t) s4 G7 Q
      }
8 _; w& W8 U' g) }$ t3 J: _% w   if (xDir == "right") {9 W8 g& T5 @) G& i
      xPos = xPos + BallSpeed;0 Z- P: L6 \7 ^
      }0 i4 ^4 H" B2 l1 Q8 }
   else if (xDir == "left") {1 X% X: \4 H- K0 H: E2 l
      xPos = xPos - BallSpeed;
8 x( A* x: C3 o$ q1 B$ h3 z      }: b" i) Z+ l  p
   else {, \  v9 P+ p* b
      xPos = xPos;6 w. z+ f/ @8 i2 w1 n
      }
( e  W' Q! E8 a$ {   if (yDir == "down") {
+ g8 m5 V/ a$ R% ]      yPos = yPos + BallSpeed;
' J1 w7 Y% U- G! u  _5 a      }
6 p* ^1 Q$ Y* U+ M. H: D) I   else if (yDir == "up") {: S* K- S: a9 r  H
      yPos = yPos - BallSpeed;
; [- i: \2 Q# ^8 m" f# }      }
$ x$ \8 i8 T+ L9 Z" C$ V- K7 r" |   else {& }1 A7 h3 k$ W* R7 X9 a& @" Q
      yPos = yPos;: Q, `- A: u! B7 ~& F& v& i
      }
4 i9 b% |: S1 {  h4 g. e, r5 M   }
/ F/ u: j1 |6 f- ^
* |# [  N/ r; [2 cfunction hidetext(){1 Q2 v9 p" X' l+ O" J( t' e3 y( O, c
if (document.all)
7 R( W5 s  _. L* X1 @* z8 t' `  Fsupertext.style.visibility="hidden"- i# o( d: W( \
else if (document.layers)
) o5 d1 t% M1 x% }8 B* k' ~document.supertext.visibility="hide"
( C% ~3 c, B) o; S  a6 N+ h% _4 YclearTimeout(animatetext)# l) q3 ]& b' L+ f+ P) n# _
}) P( h6 H7 j0 _/ [5 S/ o) S
+ ]' g0 U9 |( n- f4 @" Y
if (document.all||document.layers){, G& q: ~, p7 y; j" b2 X2 V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 g. _: y- w/ O9 @- c- q7 Cwindow.onload = initializeBall;
. P+ |" {1 v9 m4 ~3 {0 cwindow.onresize = new Function("window.location.reload()");
5 z! Z+ S$ e. V}
3 d2 b" Y( o; B3 B7 H3 S' l1 a2 F6 s& a, U2 H  G
</script>