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

zw2004

<style type="text/css">
6 D( m7 Q' J1 k) u8 W" H#supertext {
. @5 w0 k2 F0 H* Lposition:absolute;# B9 g- n  A! P$ W
left:0;/ w; g: l8 _9 n  d$ s
top:0;
6 \9 y  z" Z$ S3 L6 t# B) Y" qvisibility:hide;
0 R; m. v: r( Fvisibility:hidden;
' S5 f1 m3 t/ V" i& o0 I* t+ c}
, F1 I% A4 k; }  x! }( s; D# y* V</style>
) P! r8 o6 ]* E# q# |0 O4 s<script language="JavaScript1.2">  w# V7 z& v4 Z" T
<!-- 改变下的字体的大小。颜色-->
8 Q$ z# c0 v2 I3 \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ M# H, F. @% z" k" Vvar hidetimer='';
2 W5 W  {, j/ ]<!-- 改变下的弹跳速度-->
2 Q7 `" _  ?1 I& L# Yvar BallSpeed = 20;
& e8 i- c6 x) U4 I' ?9 {var contentWidth;0 P8 \$ ^8 O5 W
var contentHeight;7 M  I" O3 J' L; B3 A- W8 K& Z
var maxBallSpeed = 50;4 g' Z6 i6 r0 G# ?: J- A8 l
" d+ W: c* f4 M0 G/ S( W2 {

4 H% o1 r- U0 f- `3 Lvar xMax;
/ h8 g! t3 x5 t* b) S. W% y7 @, }/ Hvar yMax;
- T/ X9 l9 e. i- o- f  tvar xPos = 0;
% ]* {& M3 U, r2 Gvar yPos = 0;6 b" N5 _6 O6 p( i
var xDir = 'right';' H) J3 j# f0 g6 A
var yDir = 'down';
  K: Q. D) c' @4 g" D' Zvar superballRunning = true;) a% X# N2 h$ u) b+ |
var tempBallSpeed;3 S  U( w7 W1 B' C  l
var currentBallSrc;
7 t. W- ?/ z" k2 A( z7 ^  U9 k  `; Vvar newXDir;
5 l! ]$ t9 \3 O+ {7 }: l' U  Svar newYDir;5 E' f! ^) Z( j' @7 ?/ g8 O' Y' L5 d
. a9 s; P( @& g
function initializeBall() {
% L' m$ p+ i" K. }  s# g   if (document.all) {
9 u+ _  U, w6 Q# Q5 A5 w- q; ^9 ~3 ~) Z/ p# G      xMax = document.body.clientWidth
' [, Z  h$ ]% n# w: i4 F. ~      yMax = document.body.clientHeight% {& g# d9 x  i3 Y! n) ?# ^
      document.all("supertext").style.visibility = "visible";5 ^" `3 ]% [, j3 k4 ?* L9 h
      contentWidth=supertext.offsetWidth& R: ~3 H' \" f& ~
      contentHeight=supertext.offsetHeight$ E. W8 `6 c3 J; F5 k- H
      }
. u. {3 n( O3 ], F' X1 t! l4 W# Q   else if (document.layers) {1 l% s+ M! Q0 C3 h1 r. a$ I2 K! r
      xMax = window.innerWidth;) e( l% p  I; l- K* b( g
      yMax = window.innerHeight;
$ k7 ~4 o" ^/ i* \      contentWidth=document.supertext.document.width9 T, f8 V2 `2 X5 ~  \! z
      contentHeight=document.supertext.document.height+ h0 [3 ?  B3 u' f7 q# P
      document.layers["supertext"].visibility = "show";* @7 @7 R( m" B/ I5 n# a4 }
      }: X0 E3 [  }3 O" Y, ^/ L% g; Q
   setTimeout('moveBall()',400);
3 c* Y5 @; ^8 N# X; R. b" R4 L   if (hidetimer!='')* v7 ?7 o0 i; J! _
   setTimeout("hidetext()",hidetimer)
( ~2 G& }$ C: s: p( R, l7 {7 t1 w   }
$ J0 y- R9 U" i' f8 P7 |: e# H9 e' r  z- `5 }1 f8 c/ b
function moveBall() {
; Q' A  n& E2 _' r   if (superballRunning == true) {/ |2 T0 T% f5 q8 q0 \: l: i5 ?* Y' O
      calculatePosition();
5 U  \1 u: Q0 }      if (document.all) {' m0 Q: m; Y: P& A2 M, e+ Y9 M, b0 l
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  d+ L3 w# N( ?$ C) D7 F: j         document.all("supertext").style.top = yPos + document.body.scrollTop;# N0 Y8 a" O% m2 K( M9 W: H, B0 @2 |
         }" A/ a4 f8 k' h' r! |. c
      else if (document.layers) {  {( |1 G4 r* C: b1 }$ ^
         document.layers["supertext"].left = xPos + pageXOffset;
: h5 x* h0 ]0 R1 T4 R+ u; d         document.layers["supertext"].top = yPos + pageYOffset;: e! ?6 k' D6 g" Z' e: U6 F6 e# E& @
         }
( J5 s: t( \1 K+ Y  I! \- S  j      animatetext=setTimeout('moveBall()',20);: Y0 S3 U6 {% z: a/ f- m5 P
      }( }+ C$ A) ^$ \5 t- C. D9 n  u
   }" l; c% |) i& ], \1 X' Q/ p) b9 y
. h8 }) P  [- x. I, q. i+ ?
function calculatePosition() {
. `1 g1 }, g. t$ c5 R0 u0 C   if (xDir == "right") {
0 D" v: A9 V- [' s6 S0 b& Z      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 ~2 A5 u3 p. f         xDir = "left";
* R& s8 M" ~& ?8 Y& g; ~6 m. k7 F         }
# O# F% `  \1 Q% d1 r3 w      }
% o' W6 N0 v3 H2 _8 W9 a, k   else if (xDir == "left") {
. U$ k9 ~% G/ e" ^( t7 x      if (xPos < (0 + BallSpeed)) {3 g1 |& e* T& z* A# `: i5 x; `/ M
         xDir = "right";/ j5 Q4 C* t2 Y% d$ o; {4 C& K
         }5 @% l/ d6 B( ^  Q, b; y/ ?
      }4 |% N' {- G5 \$ M" I
   if (yDir == "down") {' r: j- e+ x' R0 P# a% m: Y
      if (yPos > (yMax - contentHeight - BallSpeed)) {. w. `1 v' D9 c: s/ \( ]
         yDir = "up";
" x5 L/ ]3 o" P5 X, X$ E         }7 Y& I2 e+ m2 f4 `/ V8 }) L5 g
      }
! K3 _+ w9 i" v* h. Z   else if (yDir == "up") {
6 l' s4 k0 c; o0 \      if (yPos < (0 + BallSpeed)) {
$ u# J, ?. V2 T  t         yDir = "down";
) Z  P/ I; `- s* W         }
  _% f$ @) E7 K8 d3 B7 U      }& {  C( @7 h) j) j
   if (xDir == "right") {/ m) J! Q( ?; q/ ]; s2 u
      xPos = xPos + BallSpeed;' Y: J# Z( V' I+ ^! E9 B- c
      }
1 W2 l4 K" N2 z# ]( k  m& z* C7 Z( m$ W7 l   else if (xDir == "left") {% V' k3 T8 Q+ X, h4 F4 B) k' h
      xPos = xPos - BallSpeed;
3 N- d! ]( {9 {7 K% |& |      }
. x- y: Y, Y) d. g   else {
3 }- i/ z9 u/ [$ d, u      xPos = xPos;
& B% @5 |- L0 ~9 k, x2 C1 ~      }- H3 z: o  m0 i6 G6 V( `
   if (yDir == "down") {
; q( x5 n9 S) s) X. |% i3 ?" b      yPos = yPos + BallSpeed;. k+ G  l. d: _2 I: m% T0 w
      }
0 E+ I5 `+ P/ a1 I  S; `$ g   else if (yDir == "up") {
( Q5 ^% L6 m9 e4 J8 A! N      yPos = yPos - BallSpeed;5 ~1 G* [# s6 t0 _* ]: O
      }
; Z& G% ^0 N0 `+ u   else {' [% }* E5 c9 U. p0 E
      yPos = yPos;
* G( `" m' i( z# s: ]) Z0 m( k      }2 ]5 k5 V* t0 C- w4 W* i
   }/ Z6 H% p/ E8 |4 h) z
$ l# j- b9 x- t1 d! a
function hidetext(){0 y8 Q* V' T" h
if (document.all)/ u1 B1 C+ p% F% ?, s8 n1 {8 ?% o
supertext.style.visibility="hidden"
$ I. {# \  S) f  H: ~else if (document.layers)
6 K+ d* l! x  Y6 j. K6 Z1 Jdocument.supertext.visibility="hide"1 N; m8 W2 \! W0 k# l
clearTimeout(animatetext)# N. }1 |& R$ W1 y0 L; J+ F
}3 {6 m& R. \/ M$ g- h5 v! e

( d7 e! r$ _1 nif (document.all||document.layers){! ?# j5 r/ o5 S  @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% i3 M. _+ }% o7 f; ~5 A) v5 M/ v5 G& `window.onload = initializeBall;9 c5 B  ~. r1 f7 R; Y
window.onresize = new Function("window.location.reload()");6 s- L3 I5 ~% Z
}
. A6 L% A. x) m$ {6 o3 i( r3 A# b6 o3 o* ]; R
</script>