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

zw2004

<style type="text/css">, h( ?( c: |( }/ A% R
#supertext {
4 v  X' g- z0 k% S5 {* q: zposition:absolute;" B% ?) {4 Z6 \& k: Q0 f! k
left:0;6 P: z7 b. q; }0 C' e7 j9 |
top:0;
& ~, u; i" O. i- t# n- D; {5 P$ [visibility:hide;& D5 b0 E& ?5 j, S
visibility:hidden;
3 R7 ~" U& ^! h8 g% c+ k3 {2 P}( Q4 _. u- s" J
</style>
' X; ~/ u; n) R3 V" S<script language="JavaScript1.2">
: \2 H+ r$ @8 a7 N: Q<!-- 改变下的字体的大小。颜色-->
8 E, w) u: h* q2 kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 \0 [. B9 e6 K  w" |
var hidetimer='';
8 X. q2 f# R- |% D& Y<!-- 改变下的弹跳速度-->, w  Q4 D/ u( c$ k
var BallSpeed = 20;
  X8 N, c9 W" H/ Z: u# w7 Q" [) ovar contentWidth;
5 c; m- V* L0 C2 _var contentHeight;
6 }, H1 G: G% avar maxBallSpeed = 50;
/ P1 N! v) H6 Z4 H7 ?2 A4 B4 G; ^
$ ?! d$ M2 h" S2 Q& A  B9 H$ _' b4 X" i5 e* I
var xMax;0 f4 @* k6 ~) l- x& _; t
var yMax;
2 |, g7 n# t0 A; evar xPos = 0;6 {3 P4 `) W' f
var yPos = 0;) H$ @" ^8 z. M/ G: Q
var xDir = 'right';# V7 B8 l8 ?6 q3 @. J8 |  C
var yDir = 'down';
7 w$ i3 n8 m3 ?3 `3 `- c7 e3 Jvar superballRunning = true;
* S$ m7 n5 l. y+ n$ Z( jvar tempBallSpeed;+ H$ w7 N$ t9 F, G" ?6 x
var currentBallSrc;& ?( y) X( L9 S7 h7 u' N
var newXDir;
, ^% o+ [( }, u/ Kvar newYDir;) l( p6 g  U0 K

1 [/ F8 }) z4 ?function initializeBall() {/ M! Q# ]3 Q' p/ ]
   if (document.all) {( p) g% C6 ]5 E2 H0 K/ \: c9 {& R
      xMax = document.body.clientWidth
$ n' q) j: P; B9 F7 T/ y7 g4 Z      yMax = document.body.clientHeight& B$ L9 [% K% O/ `5 e0 }9 B
      document.all("supertext").style.visibility = "visible";: a7 Z$ l( X$ v
      contentWidth=supertext.offsetWidth( \( h; ?) t% U( c0 P
      contentHeight=supertext.offsetHeight* a: ^- b& F% \2 a, s
      }$ U" u7 {( F( o: |$ _$ O
   else if (document.layers) {
2 h2 @* i$ q, _7 ~) m" D      xMax = window.innerWidth;( `; w; F/ W% t% z& T: }9 a2 _0 L
      yMax = window.innerHeight;
: p9 j4 Z' j" ~8 ?0 Y4 h# M      contentWidth=document.supertext.document.width' f0 _5 e( D" C' w! |9 q' Q; m
      contentHeight=document.supertext.document.height
. f: t, d9 p7 O' \8 j( u) u$ G) f      document.layers["supertext"].visibility = "show";
& f/ O+ N+ b+ j% E9 h8 r/ z8 D* Q1 J      }
' s+ _0 O" T7 i; \( k5 P   setTimeout('moveBall()',400);' _. W0 x% q  v
   if (hidetimer!='')3 {# h/ @3 n" Y9 O6 `* n( l
   setTimeout("hidetext()",hidetimer)
  D" T1 L$ b+ S9 w) l   }9 o- N# v  D: k4 v7 x+ D$ E) u- _

# M9 O; x- d5 t# ]function moveBall() {- [# s5 U; x% ]/ g
   if (superballRunning == true) {1 Q6 X* k- D  O7 j8 \% N+ o! ]. J
      calculatePosition();& x1 A$ b& [' J
      if (document.all) {) J2 m2 f* _8 c% G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" U6 o7 Q; m9 H$ R. k
         document.all("supertext").style.top = yPos + document.body.scrollTop;) c. {3 f, m5 ]
         }7 I  ^; u! N; M
      else if (document.layers) {3 Q& t- _8 X$ l9 Z. H4 ^
         document.layers["supertext"].left = xPos + pageXOffset;
8 o' R  w3 c( p  B         document.layers["supertext"].top = yPos + pageYOffset;1 [. ?7 Z" K8 X- f- I
         }
( [+ E2 G3 B- g4 |+ a& X      animatetext=setTimeout('moveBall()',20);
9 O( O8 f3 o9 y4 r- J; P+ b% \      }
! l5 F/ U) p  _' J! ]   }2 h  W$ d' y. O* f& u3 n7 ^$ Z
4 C& [6 u- O+ o6 [
function calculatePosition() {/ q9 b1 |) j5 ?2 p
   if (xDir == "right") {: B9 I. N2 V9 M4 k
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% ~& [/ L; y% n0 T  Z         xDir = "left";
0 H$ q, M' g5 P. ^         }
1 F( z- `/ s* p6 O" x- _& [4 L      }
) K$ B6 h! D3 h( W* _   else if (xDir == "left") {6 ]" p9 r" p8 T$ p& B  U% m: O
      if (xPos < (0 + BallSpeed)) {
  C; \! e# ?+ d% _         xDir = "right";
  a0 E! }" i. k         }, Q6 I2 H4 C1 x" i
      }9 V2 T5 C7 L! T0 q6 g2 o
   if (yDir == "down") {
! }  @4 ^+ T8 ~8 H      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 k* ?3 N: |3 @6 N( i         yDir = "up";/ R) p' H# O4 W8 {& ^' S
         }6 Z, w1 P# p: ]. w9 D" h' }% z6 o
      }8 S( t* A: n+ ~) n5 V( C1 P  r7 o
   else if (yDir == "up") {
+ ~' t  `  [) m0 O      if (yPos < (0 + BallSpeed)) {
$ K, y2 H3 L1 D         yDir = "down";
( R- {+ _7 F! ^% C% y         }4 n, F$ q: G  i/ o0 |' R9 {' Y
      }
& s2 A9 E: e1 y9 ^7 A( @- V   if (xDir == "right") {
. E6 C/ f* F; x      xPos = xPos + BallSpeed;1 U% j) H0 Z2 `& l$ ?# ]# _; `
      }+ x# R% i+ Z! D
   else if (xDir == "left") {2 e1 m* J/ J8 t8 J* A/ E0 h
      xPos = xPos - BallSpeed;! q" j5 t+ m' y/ {, `; M
      }
. e; g. w$ ~& G9 K5 K   else {2 v. ~4 N0 g* Z
      xPos = xPos;
: }2 s, N( b6 C, _      }5 j9 M  m4 |# i: I% r( l/ P! @
   if (yDir == "down") {8 q3 k* {. M* X. a& O
      yPos = yPos + BallSpeed;, u, Q& I7 ^+ ?
      }1 s, W: g% f4 D" ]6 K) w  A
   else if (yDir == "up") {$ w# |5 j9 u2 t5 e
      yPos = yPos - BallSpeed;8 C5 ?0 w8 w  \4 z* ?, Y
      }" X. [' e$ N. u$ n
   else {
8 i8 P1 ?/ n& P% f7 W, ~% c      yPos = yPos;6 J/ |3 o) N5 m. K/ E$ y, `* H' d
      }) x7 D# @& Z9 V( U2 }8 u% Q* v& {
   }
! [7 X" U7 n, U6 [) Z1 p
; d+ S1 {9 j. c; s6 J. ?5 Q1 |& ifunction hidetext(){
/ P4 }& h/ C1 z' i/ w$ Hif (document.all)
1 t  z2 U& B6 `$ H6 m! Usupertext.style.visibility="hidden"& l' a7 m8 [! O
else if (document.layers)
! _7 ?3 X7 r( S5 S- Gdocument.supertext.visibility="hide"
! F6 }( R3 b2 ?clearTimeout(animatetext)$ L0 `5 T- Q( P
}
& m$ F' Z( B  Z8 {! _( D  Y% j
* d# Y0 J! A& C3 K' v9 Jif (document.all||document.layers){
* f3 U% I6 Z' R1 g% e, U- ~+ T2 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 ]/ g( M+ d3 F5 [9 Y
window.onload = initializeBall;
1 W. x7 w& H+ ^7 cwindow.onresize = new Function("window.location.reload()");
5 k3 |3 L9 x2 S" `8 }}
; x5 s( h3 s/ p: I  b! f! D9 w4 {! r/ ^3 s8 L& y& L; X2 A; n- U- G" Z
</script>