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

zw2004

<style type="text/css">& ]  Z0 y0 a7 v, ]- ~% r9 A, \
#supertext {
/ t' s" x2 @! m: S/ _9 b5 m. {position:absolute;
# O' W, M8 A; F  @. v" t. ?left:0;# D' F7 S% R7 M
top:0;& k$ f2 {& F* H
visibility:hide;9 d* B% D$ J. [- S* s6 p2 [& G- e; M
visibility:hidden;
$ [9 s1 t6 p3 j/ @" W# t}) }8 D# S' @5 [% K: X' K3 ~! e
</style>  P2 W3 m2 o$ b; [5 ?
<script language="JavaScript1.2">
3 K% K7 I: C; T$ q9 o<!-- 改变下的字体的大小。颜色-->2 l' b1 A2 z- H. T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 [  U( p( K7 z- Q. z
var hidetimer='';  l8 g; g' w: ]2 ?" X; D
<!-- 改变下的弹跳速度-->
, \, A5 g/ m& h$ bvar BallSpeed = 20;, E, ]2 s" F' F& [) a
var contentWidth;5 K8 A6 U0 H, D% f0 A
var contentHeight;! q. p- D0 k$ n$ x+ Z2 M
var maxBallSpeed = 50;% K2 h7 x8 _. g/ f
2 W2 s+ U& K: C0 e) V/ Q7 p

& J. R1 p% l, H: qvar xMax;
. Z5 G3 I7 p; s, d+ Kvar yMax;; n) e& i: P. Z6 K
var xPos = 0;+ [' u4 @6 Q+ ?& `2 H
var yPos = 0;
1 r; Q: ^& x" K, U5 wvar xDir = 'right';0 w4 {6 o, Z; e+ K
var yDir = 'down';, b% a& i; ~0 ]6 {% h. K- W
var superballRunning = true;8 @5 q* P! P8 [- H; G1 p
var tempBallSpeed;
0 i# R6 c, n: ?6 t/ |/ w' Jvar currentBallSrc;5 r. W( V: Y& B5 P- U
var newXDir;4 w! |  m( d3 [* _
var newYDir;
- U) Z( s1 S' B' k+ q- p5 o. Y9 @5 O+ `* O
function initializeBall() {. Q$ R& Q% G" N# A% x
   if (document.all) {
9 {! R1 z( X1 d4 i" m      xMax = document.body.clientWidth% p; [  [) X- c3 A
      yMax = document.body.clientHeight
" d1 _9 c. L) z2 }' z0 E' \      document.all("supertext").style.visibility = "visible";+ j3 }2 S: R+ O
      contentWidth=supertext.offsetWidth4 T3 f  d4 A9 ?$ N7 d
      contentHeight=supertext.offsetHeight; [& ?; k( |5 R3 @/ z
      }7 H9 S6 H. {% |7 z& p* `9 P
   else if (document.layers) {# `# B$ p+ D- L+ W$ b
      xMax = window.innerWidth;& x* J; P3 C$ I4 n
      yMax = window.innerHeight;
- [7 F) c& Y8 T8 Y0 `, r0 B      contentWidth=document.supertext.document.width
1 R. [6 T  G1 s. A      contentHeight=document.supertext.document.height
) t' N5 b: o) ]" w      document.layers["supertext"].visibility = "show";
7 ^; b/ g  S, e! C      }; g& Q. L4 M! t! u$ O3 M
   setTimeout('moveBall()',400);0 F& \4 Y! E* }% _' w
   if (hidetimer!='')3 l+ I3 D- d. D* i2 \2 G$ Y* r: v
   setTimeout("hidetext()",hidetimer)( L3 f& N1 i) N+ D" {2 N
   }
' N3 D) b/ w& {* S" r, g& q3 @) I: R% a, [9 x4 P9 v
function moveBall() {
* j) T% ^5 X: {" @) N   if (superballRunning == true) {
0 E1 U: P7 \$ ]* g* D      calculatePosition();
& J) [7 x7 x2 D* O( l2 B      if (document.all) {
& d5 e6 l5 H8 F8 c         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 j) h9 Z5 O) H( l0 H: G9 `( q- h) M% q         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 @1 m6 Q" m- \: t         }
# f" ]/ S; P$ w5 t6 ?6 M! |. f/ j- H      else if (document.layers) {+ h: D& k+ V, Y4 x
         document.layers["supertext"].left = xPos + pageXOffset;: }, q! Z& W. z* X) [
         document.layers["supertext"].top = yPos + pageYOffset;+ e& S% V8 Z% Q7 h% B5 N
         }
! [% F9 C# A+ s( n# x* r- o      animatetext=setTimeout('moveBall()',20);! s6 R( _+ L, I" X4 {9 e) p1 Z
      }  h8 y9 ?1 K8 o" h0 w- b
   }
7 x. Z7 e3 \4 u# c4 O3 {- J/ \1 e6 f7 R5 `, N$ {
function calculatePosition() {
6 K1 D# M3 B2 M% K2 U( N   if (xDir == "right") {
3 @4 v' A' n  s. V      if (xPos > (xMax - contentWidth - BallSpeed)) {0 }4 }5 Y, v$ O# Q! O, w
         xDir = "left";; {# z/ \- [. c6 N
         }
. Z: k7 W. M4 `; B8 J      }
' K1 \# A8 U- U0 Q$ |, k   else if (xDir == "left") {
; B8 [6 h8 D" o, P      if (xPos < (0 + BallSpeed)) {8 R( U. G  j+ d$ [. A: w0 e. A! D% Q. v
         xDir = "right";
8 m3 ~& J4 V& N3 r         }
8 B1 h3 L4 b# h# \+ R& T      }$ [7 H  Z" _$ C" |) o
   if (yDir == "down") {
: v  p9 U+ }% |% Z* p( L% i      if (yPos > (yMax - contentHeight - BallSpeed)) {
! L0 H) g9 w; z7 q         yDir = "up";: [1 g. C  l# }  C. q# l$ i
         }
" _; j# e1 V$ W& }      }
; J3 T7 g+ j% M1 f   else if (yDir == "up") {
) V+ Z8 E' {& S$ E      if (yPos < (0 + BallSpeed)) {
4 `9 s- j2 U3 E! X. g! j; E) f" v         yDir = "down";
4 {  E! _/ L  l3 Z: j& H2 @         }
% G0 h8 L; D/ l3 n  w% i* n      }
5 ]. k: b; ?# k, q" b& _   if (xDir == "right") {
2 z3 O% f- D+ w4 j      xPos = xPos + BallSpeed;
$ Z% [  J( J- X$ N# V      }! N6 u  _9 q  L3 o) J
   else if (xDir == "left") {4 A9 ~# r* F7 `( d" t8 |' A
      xPos = xPos - BallSpeed;
/ w5 J. B7 v6 T) F; u8 X1 X5 Y: m      }; L9 \& C9 S9 Z5 x2 n
   else {
3 K2 [" r& j& d2 l      xPos = xPos;
9 }% p/ m$ ^1 q6 z0 Y6 F$ g8 c      }
: b  ~, h1 w+ `6 A4 ?$ D6 z) I   if (yDir == "down") {
* z/ u. R: N: E. |      yPos = yPos + BallSpeed;
4 O7 a: D; {( ]: S0 y' C( F      }+ ^3 s% f# i- ~
   else if (yDir == "up") {
2 o; s% {# C0 I  k0 r      yPos = yPos - BallSpeed;; C4 m1 T" h4 |  B
      }7 s$ _$ K8 M) ]
   else {
0 X9 ^0 e8 x! B; L* h5 u- o' L      yPos = yPos;
& ], _7 Q. Z# i6 k, f      }
" i8 w8 s3 X7 b- k   }
( i; x. M5 H$ |& T* [
5 I/ t  C" [( X% b. {7 a7 Lfunction hidetext(){" n& _/ f3 ]: u
if (document.all)
. Z1 Y" b( K4 S: F4 e- Z" ysupertext.style.visibility="hidden"! H* d; m! p8 E
else if (document.layers)0 ]7 ]( L/ s. q
document.supertext.visibility="hide"
: _  O. s, i6 Y6 N, ~clearTimeout(animatetext)
  @8 Y* ~1 n+ T. o3 C) E}$ v4 e6 _: \  L" i: p+ Q5 c% u: T  O
$ H, P- l8 y) h5 c
if (document.all||document.layers){2 N# Y- z% ~) P* c7 U' e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 K0 f" ?3 |/ T5 g- ?: ?
window.onload = initializeBall;
4 v9 P: f, L  {+ n1 s2 g+ E2 jwindow.onresize = new Function("window.location.reload()");
% F$ g; W4 D* V( e! u( ]9 [! ^}. d- J5 |0 t* p1 f2 a
  X, {0 R4 ^8 S9 M# X% p7 O
</script>