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

zw2004

<style type="text/css">
2 w5 F" L1 P/ E' k: `; d; W#supertext {
! m6 s' _3 A# X' Wposition:absolute;( z* ~1 W! u7 s  S# F7 b- }0 X
left:0;6 ]  D' W& m8 L2 X
top:0;/ {) N6 ^, h$ S: H+ q
visibility:hide;- t- X6 Y! C& i8 J3 m0 q' f/ e
visibility:hidden;3 ~2 C  r6 q# l5 T
}
+ [: x/ Q8 P& f) o  i. j% s/ r) o</style>+ A' ^3 B" y# n) H. o
<script language="JavaScript1.2">
0 I. p0 w  P0 u2 d; ?<!-- 改变下的字体的大小。颜色-->/ `/ x+ y! Q1 ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; Q" Q- V$ ^1 Z: @, A7 S
var hidetimer='';
/ r" R+ N! k, K<!-- 改变下的弹跳速度-->
- T) g5 E4 D3 ^, V+ N, A$ Yvar BallSpeed = 20;
) R) D: V( |2 B/ vvar contentWidth;& ]  V0 J, G! q4 f0 v
var contentHeight;
2 p8 `3 H; M1 Avar maxBallSpeed = 50;
7 O9 U2 L$ n! [6 h' h! Z9 }" W/ s
5 C9 K- Y1 e* h: K
* `- g4 r# S" g/ {var xMax;
/ q" c9 E7 [. h& L  \: ]8 B% a8 svar yMax;( N( V0 {8 c* Q
var xPos = 0;9 v0 K  G- T+ X) X$ n+ t
var yPos = 0;
# V# Y8 ?8 m6 s+ ~+ q0 Jvar xDir = 'right';
  U7 k6 a& P$ q) `! i+ Nvar yDir = 'down';: s+ c, Z3 Y! g2 l5 c0 C
var superballRunning = true;
; B5 Z, t& _8 F  y( J5 _# k6 xvar tempBallSpeed;, B  T1 i" k8 L1 q
var currentBallSrc;
, P0 ], A  ?5 ~# {3 R+ V% [var newXDir;& U- P- B% \! }4 t/ y! A
var newYDir;
1 @4 c: G/ w3 H! u1 E: \8 b5 v$ C  @
function initializeBall() {1 c5 a$ x! Q1 j! M9 M0 d6 T8 P! B
   if (document.all) {1 \4 z* Y1 u& [& Z5 k
      xMax = document.body.clientWidth
  Q# x+ k/ A# c9 w      yMax = document.body.clientHeight; M  ?% X2 z; A6 b
      document.all("supertext").style.visibility = "visible";
7 h3 P! `0 A. k: ~2 x0 T6 R      contentWidth=supertext.offsetWidth
/ v8 E) Y+ R. H* I9 Q! y/ x      contentHeight=supertext.offsetHeight* c3 a+ }, \0 ?) Y! h$ ~
      }
0 D- j% C: V- T% z: x3 X% [; r   else if (document.layers) {
( }. v2 ?0 L4 C      xMax = window.innerWidth;) _9 K, N* A- ^5 ^- H# N
      yMax = window.innerHeight;5 |3 _6 P0 X  R
      contentWidth=document.supertext.document.width
4 c) ~2 E; E5 G6 P      contentHeight=document.supertext.document.height
1 G# x) @+ O9 G0 [      document.layers["supertext"].visibility = "show";) I  K2 B" C# b9 j
      }' u0 j( |" E' t) b6 k6 z
   setTimeout('moveBall()',400);" y& H; w2 M" S
   if (hidetimer!='')+ p% B* r' M; Q4 E
   setTimeout("hidetext()",hidetimer), I5 H+ }! Y/ R: T! q" F
   }
  Z) O/ Q6 V# k
8 W% n. ?6 J  Q8 e+ [, Bfunction moveBall() {: r3 Q3 C2 @) W6 ~
   if (superballRunning == true) {
4 F- Q7 Z, x7 }- m2 d* |      calculatePosition();/ J* Y  {" S1 ?
      if (document.all) {+ G7 @7 W) r5 s: ~1 C
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- Z$ w7 j; J2 s2 `         document.all("supertext").style.top = yPos + document.body.scrollTop;5 N# |2 I2 r8 j
         }
, l" [# x. l" \      else if (document.layers) {
* [; Z" P, N- ]         document.layers["supertext"].left = xPos + pageXOffset;
- M, V. N& @! }! s; c+ @( r         document.layers["supertext"].top = yPos + pageYOffset;6 y. C* B( S7 B6 d  {# R( ~; u
         }
7 r+ D; _* a: L      animatetext=setTimeout('moveBall()',20);' h- l# w2 P) a  }* d$ N% B( f8 M( Q
      }
3 J2 b- r5 `: W   }2 d/ ]8 p! g2 L: W) n, e
$ |& @; w1 N$ C5 g7 g
function calculatePosition() {
. f  K8 j) X5 _! d0 |   if (xDir == "right") {  }' f: {6 P; P
      if (xPos > (xMax - contentWidth - BallSpeed)) {
. ^% |! A% |0 y: J. m         xDir = "left";
8 X3 y* M! f( q         }
! S% i! M* M- }9 f      }
& |3 ]* O" i) y   else if (xDir == "left") {- J4 D! t5 w( v$ u6 o+ W8 m% z6 J2 B
      if (xPos < (0 + BallSpeed)) {
6 ~7 W" M- T4 U6 Q0 I5 {, B         xDir = "right";9 ^/ [. I. k3 v1 B. V
         }8 `( d$ c- N) V4 f1 |
      }
3 N$ r6 [0 l. F; I   if (yDir == "down") {0 j) S6 h: ~3 W+ l7 h& W1 J
      if (yPos > (yMax - contentHeight - BallSpeed)) {) `* R& x! p! r
         yDir = "up";
/ I& h5 Z& N' V+ z; Q         }! K- @5 }+ ?) e# h% F
      }
- Q" h0 z" ]( b) V; v) q& I   else if (yDir == "up") {# n8 Y- Y/ @$ v  j0 L1 E+ g6 K
      if (yPos < (0 + BallSpeed)) {6 T' m' `2 R3 ]; M# {" l1 x% G
         yDir = "down";
; n1 u& I1 x* {* V1 `* c         }% i% a& \9 k4 M) s
      }' s3 C+ g1 `# `0 f1 p3 t( s
   if (xDir == "right") {
6 e' k$ q1 r) x. L+ Y      xPos = xPos + BallSpeed;9 p8 m: D( |1 {  E3 a' R3 _0 `- I" C3 \
      }
2 U! N' b- \# r: B6 D   else if (xDir == "left") {
  `- ^& ~: }$ q6 F; ^: \! e# P      xPos = xPos - BallSpeed;
4 J! O& }! @" l; y      }
8 e# t1 o6 U1 ^! |$ V5 ^   else {
! F$ e( ?$ Y4 j      xPos = xPos;
; G1 X) F+ S: B3 f      }
( |) W% K2 x# e8 ?  @   if (yDir == "down") {
: c3 ]& k- u; c) e      yPos = yPos + BallSpeed;
+ a" S5 k$ d/ D( S- T      }
4 N$ \0 E& n: N8 Z   else if (yDir == "up") {
3 L, Q. w! K  S# j7 [) d) v      yPos = yPos - BallSpeed;3 s, Q5 |! n# V# N0 r* N. @
      }
$ [* f5 E% Y; X) E   else {0 x- x2 s4 o) M6 ^) A: H& M
      yPos = yPos;
/ }7 k: V$ a# h  Y6 m1 W; W! ]7 q& c      }
- i5 a# a! I. Z2 J1 S) O   }
0 j, G2 C- t4 ]; X! I& u0 n  y
) O, |2 ^  O2 Y; O. Qfunction hidetext(){2 S2 V# \# v3 K6 E! K7 q, V8 K1 a
if (document.all)
& w$ x( L, w( P9 p- Usupertext.style.visibility="hidden"
5 T0 D# u9 t7 j- r6 _" ~else if (document.layers)& F' Z% {5 W2 }/ ^6 g: N
document.supertext.visibility="hide"6 W5 u2 Z; e  h4 i6 o* x+ v
clearTimeout(animatetext)
3 X! m* e# {) q4 l+ U}/ q& Q) P# [' q( T/ N' ?

1 v/ Z( d( q) n" p, \& ~2 y7 s. `if (document.all||document.layers){& {# a, z) ~" ~3 O% M5 O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 y" W( n( P3 f
window.onload = initializeBall;- u% c( `, Z+ x
window.onresize = new Function("window.location.reload()");* L! C8 |# F( t; g
}
5 |8 [; G# a2 L& A$ x( R. n# s, Y! ~- T' @3 H" b
</script>