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

zw2004

<style type="text/css">
/ [5 s7 \6 Z; q#supertext {
1 K* g4 w& l! d: _* ^  Q$ [position:absolute;
6 D' ^* L0 `7 y$ t. W6 B! w' }left:0;
3 N6 s: S* Y% m4 p% Wtop:0;" A" B- I, {; E! @9 t: T
visibility:hide;& M' D: n) W) m8 }2 F
visibility:hidden;8 [4 [% J+ ^3 l: B1 Y
}0 s( ]9 |5 B+ D8 t# A
</style>  R/ v# e% x' g0 x1 H
<script language="JavaScript1.2">
% _. _/ e" ?( T<!-- 改变下的字体的大小。颜色-->
; |  J5 o. X; [  j# z" I9 N2 lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* i! S; r& J+ @* z0 f
var hidetimer='';
: C5 m6 C5 f2 |& E' Z; o3 E. U<!-- 改变下的弹跳速度-->7 P4 `- b9 m$ j; j  y0 V
var BallSpeed = 20;
! Z$ I$ d, k. Q; w' rvar contentWidth;. R* \1 ~( L/ A1 Y' ?. T4 y6 H
var contentHeight;, Y9 ~: r9 H* Y* A: P& ?
var maxBallSpeed = 50;8 |' x' a. k# p4 b* |8 D/ [, `7 v
5 M, S1 r+ Y: m

, z; l) [) E9 S( V  vvar xMax;
- N% V4 P$ [; B5 V& \var yMax;
5 G; Q& @0 V) _2 J0 Lvar xPos = 0;
5 ^6 T2 n# j8 _. mvar yPos = 0;
1 s$ J8 `' p" P1 s$ |5 v! ovar xDir = 'right';
! x2 U8 }4 I1 m9 a7 j+ t8 J6 tvar yDir = 'down';
: z; q" Y& P# m+ svar superballRunning = true;
3 n0 u& C( L: C0 F! n4 Q; \, D  }var tempBallSpeed;9 K, _7 e' K2 G$ I
var currentBallSrc;
  m4 O: E7 v' e- Jvar newXDir;* t. U) f9 b, _4 s7 E5 V1 E
var newYDir;: k; B' ]2 t5 M
& s( w' ?* e- J/ i1 x. Q2 d% d
function initializeBall() {
) \  t- T. J4 |. R* H+ p   if (document.all) {
* [; e& ^$ i6 }      xMax = document.body.clientWidth5 o6 m& K# s* W' L% ?
      yMax = document.body.clientHeight
- g4 U: x8 U' x/ P      document.all("supertext").style.visibility = "visible";
8 f7 m- d) s4 w& z% ~      contentWidth=supertext.offsetWidth8 D1 v& ^" `9 ?$ F
      contentHeight=supertext.offsetHeight3 \: ]5 d' o( I- r
      }
2 u0 d5 w8 z. X9 ]   else if (document.layers) {
: O' x$ v$ R2 X* m: G      xMax = window.innerWidth;
& {+ I  D7 P$ V. F% J4 S      yMax = window.innerHeight;6 C5 R& E( i) Q9 r2 t
      contentWidth=document.supertext.document.width  B: O& Y. T) T$ P, k1 s7 r  D7 G
      contentHeight=document.supertext.document.height
% B  q6 N7 _, j2 b      document.layers["supertext"].visibility = "show";: u' i1 b" w; G- T
      }0 n0 T# i1 F. [3 @% P3 h
   setTimeout('moveBall()',400);% `- B/ x/ K8 r
   if (hidetimer!='')0 Y2 G3 W  O+ k( p. e
   setTimeout("hidetext()",hidetimer)8 t* C- o' m% F" A
   }) R5 e" H4 ^5 w! S- R- X
! j% ~# v5 e, G4 ^9 y
function moveBall() {/ @9 O0 n* C! f0 y6 G3 E$ @. B
   if (superballRunning == true) {! m) C6 j8 X$ P, m. B
      calculatePosition();
( \. n" \& a" d! P      if (document.all) {
& p" a- E6 M! x  w- y3 D( H         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 I  Y" e5 z( F6 o' n! T/ X
         document.all("supertext").style.top = yPos + document.body.scrollTop;) w# u% V, h4 d" `$ Z: A! i
         }8 w% E! T$ y8 e3 M0 @: `
      else if (document.layers) {
, b4 O9 n/ |, U         document.layers["supertext"].left = xPos + pageXOffset;
3 U: p5 u/ p( A* x) @- l, ]         document.layers["supertext"].top = yPos + pageYOffset;
1 ^4 B4 I7 r' I8 Y4 r2 S         }0 s+ ?0 F  Q; _0 l. _* i1 D
      animatetext=setTimeout('moveBall()',20);
4 k4 e4 D2 _8 m4 B9 }0 o7 ~. W      }0 W4 D9 H; G5 |- d# B, i
   }
% m0 `4 W+ l+ O+ D! j. O7 O7 N+ j# G
function calculatePosition() {
+ h; U/ z5 ]: l6 [   if (xDir == "right") {
7 @/ t( [2 G! m. Q' |      if (xPos > (xMax - contentWidth - BallSpeed)) {
* U3 `# I3 c: ?         xDir = "left";
9 m$ p+ G3 m0 ]4 d" w- Y. U         }
/ M( H8 I1 m) `3 M% [      }
2 z& M! g/ L; J$ ~$ v0 A   else if (xDir == "left") {
6 O3 \) m% o9 p: K      if (xPos < (0 + BallSpeed)) {8 _; z9 T% u# }& m% T  L
         xDir = "right";1 _% }7 C6 t( X) d: B, h
         }' M' g5 B, q: m% z* }, Q
      }7 ~, a6 B% x! K4 X7 R4 s
   if (yDir == "down") {) s  w. U  E7 f" S9 s
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 L; q5 ~! |" ~. x5 S* O         yDir = "up";# w- t& Y- k: z  p$ h) h6 {; L
         }' k2 i# V1 k$ _' W
      }
7 g& ?. L; ~- K4 H6 m( k   else if (yDir == "up") {; ^! c) J7 K" f8 U, N0 J* f
      if (yPos < (0 + BallSpeed)) {8 |" t; X9 @( K5 ]; J5 N
         yDir = "down";
( @1 B- |  Q. I  U; P6 o& E         }; X+ Z" g; `; `( P
      }: ^- `  O, `- s* g0 Y+ d" j7 C
   if (xDir == "right") {
4 V/ G4 H3 T/ K( h3 \6 Z& p6 t      xPos = xPos + BallSpeed;' {6 x5 s* e3 v0 i8 X9 ^/ N
      }
! C+ t3 S: u: V' ]$ f; n   else if (xDir == "left") {
1 _+ m. q% ~. ]      xPos = xPos - BallSpeed;9 ^8 D" M# ]% `5 u8 o& c  Z
      }
3 p: w0 ?9 m; m5 \5 T% `- [" I2 s3 X   else {
  l7 s5 @9 g; q' W5 ]3 _' Y  y5 c      xPos = xPos;
1 C% x/ J0 l2 I+ H! t      }, n3 e' D5 ^2 }6 P
   if (yDir == "down") {% A1 m3 l' x0 H. u
      yPos = yPos + BallSpeed;
- D% n; I6 B0 y/ L% L( G      }
* z. Y2 W* s1 k! ?1 {   else if (yDir == "up") {
  P; G8 f0 D& p- ^/ I0 k( }# Q      yPos = yPos - BallSpeed;5 D5 ?+ h6 ~' u, k; R
      }
* A: Z, ^* b  t, w   else {
  i  n  s* p! p% i) j# W6 v      yPos = yPos;( k5 y7 ]! z% B4 S" q
      }
  Q0 y6 Z, ~) @* n- c, C* P- C8 c3 |   }+ p+ u) @0 e. i* n

( a7 h% }5 K3 c  C9 v* zfunction hidetext(){; _( T- j0 t' }" R9 G0 A
if (document.all). U! ], g/ ~: W7 C
supertext.style.visibility="hidden"% E, n( a; i, I8 W& W; c
else if (document.layers). F1 o. |6 D/ U. P
document.supertext.visibility="hide"
; R9 Q. D6 h, q' K+ U2 Y9 O; c% OclearTimeout(animatetext)( V# J0 T( r! p/ _  H" V
}
  j' k7 M8 @$ Q! {* Z8 j
* Z. P& i# f" |5 v$ `: mif (document.all||document.layers){. k/ V" U& `8 J% v8 o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 H2 j( y& u7 M( d/ B. ?  N- p; t
window.onload = initializeBall;
9 ?3 ~5 m! B( o7 J; Awindow.onresize = new Function("window.location.reload()");
/ h/ l" E: _- O( G$ U}  O* t+ Q( x  \
. y! V5 ~+ F. Y2 P0 s+ v1 K/ x
</script>