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

zw2004

<style type="text/css">
2 y* y) k% B# u6 Y( b9 C#supertext {
' h! i; D% w  }2 g3 fposition:absolute;7 P+ ]& r  F2 b$ U0 u0 B
left:0;4 T. B$ ?0 E0 Z
top:0;# e1 W* z# c5 E/ ], @
visibility:hide;- |3 H$ v" b( y' {3 J0 H0 G
visibility:hidden;
1 E* e! U8 S& M5 K}
$ y' t- S+ F9 O. q- b</style>
: A/ y" P# I, i<script language="JavaScript1.2"># o' q, [6 G; v! ~0 x/ g" H# m
<!-- 改变下的字体的大小。颜色-->$ `0 J7 {$ ?0 Q& L  O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 _  d4 q" \* S
var hidetimer='';, @$ I/ q. V, a$ ~4 y1 V$ \1 Q
<!-- 改变下的弹跳速度-->7 U( p$ ~) C& T! z% }9 o- l) K
var BallSpeed = 20;4 T! s) z& ]$ d& z' E# i
var contentWidth;
& l  L* ^( @6 S" V6 Svar contentHeight;8 l7 R, c" X3 _9 ^4 \, S; w) W: W& d
var maxBallSpeed = 50;& \. ?" f! C4 D; p/ U# w

2 t5 q7 w% g/ m6 I# q  O  b8 h& j! ]  N; c6 Y. |  ]
var xMax;! D% ~2 \0 [2 w, X
var yMax;
& R) y$ V5 a& r/ T2 y7 |2 c4 Hvar xPos = 0;& N; e+ F0 X6 F' ?" f) h2 i, P
var yPos = 0;
3 E# ?% M$ ~6 X$ ~var xDir = 'right';  A( G  Y/ i% i. z2 Y. c/ T
var yDir = 'down';, f1 G" |$ b  A) U- Q/ Y
var superballRunning = true;3 o7 U. ~8 b( X- t; k
var tempBallSpeed;
7 o" n0 x# Z; P" l) fvar currentBallSrc;8 D% p; z# a% V1 j8 s5 f0 E
var newXDir;" G& q0 w; e" t; S! @" {9 \4 K- l
var newYDir;% G1 V. O5 w0 U1 k5 e

4 @) B. M* |  r# F1 C1 m( Mfunction initializeBall() {
+ b# C  |4 y+ R. N7 Q& t   if (document.all) {, N' w+ i" M# W
      xMax = document.body.clientWidth, |2 r/ P4 n# i' ]
      yMax = document.body.clientHeight+ O( D" _& s, `. K* K9 _, I
      document.all("supertext").style.visibility = "visible";
4 o; ~2 L  e2 N; b' I5 P      contentWidth=supertext.offsetWidth* k2 c' g0 ~) g( F; ~
      contentHeight=supertext.offsetHeight  p8 L* Z' J) w/ w* G
      }
( S6 k4 c3 l9 N* K% ^   else if (document.layers) {
5 b/ Q. [5 J" d% r3 @4 e, s$ b      xMax = window.innerWidth;3 o# E1 D/ b" z/ h5 I  D) f3 I( w
      yMax = window.innerHeight;
5 U, w: X  `! \5 ~% F  I      contentWidth=document.supertext.document.width
5 v' n- n+ l6 J6 e8 j! C; W      contentHeight=document.supertext.document.height
) [) T( Y1 c% f9 ?, x# K! g/ o      document.layers["supertext"].visibility = "show";
" E) _; r8 |7 C7 y9 x      }
" t" s& M3 K1 \0 r, b   setTimeout('moveBall()',400);4 q3 u/ H3 F  S6 A
   if (hidetimer!='')
% }0 ?- g! X/ z3 \5 }& G9 x   setTimeout("hidetext()",hidetimer)$ q4 D  u4 A# D; H0 s0 Q
   }4 h# u: v# i# B% t0 s3 H
/ G/ u+ i" U9 i# I6 w2 }
function moveBall() {
/ p: a( b" t  a: I: M* e# S5 Q   if (superballRunning == true) {0 {9 V2 e+ P6 u$ m4 E& f2 v9 o& [
      calculatePosition();
9 c; K2 s0 r# `      if (document.all) {& G* x4 d) ?4 ]/ W
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, l  ^1 b* i4 Y7 g         document.all("supertext").style.top = yPos + document.body.scrollTop;7 R# e) G7 D6 p& j4 ?
         }
$ I4 Q" A4 O& `7 Y; r& y- \      else if (document.layers) {1 ^8 u3 S" \0 h4 y; Q7 r
         document.layers["supertext"].left = xPos + pageXOffset;
. Q1 }. K, [# C+ E0 z         document.layers["supertext"].top = yPos + pageYOffset;7 N1 d& W7 v) |+ o
         }9 M2 Q8 u2 K6 p/ c& t" v
      animatetext=setTimeout('moveBall()',20);
& ~" R2 j# |; W( c      }: p* u* V$ V& K! q1 w
   }
2 `4 r3 j# B/ @
1 m4 p# d! Z8 P( g5 Q' y: gfunction calculatePosition() {- P9 H1 g! N9 j$ d
   if (xDir == "right") {2 N: K( D' B$ U3 y
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ `9 O7 m9 _7 s/ z
         xDir = "left";
  A7 ]/ v1 x2 F2 W$ l! y- v" H! |+ A; w         }
) V: B- Y* a+ \0 B      }
4 Y* n. d& B7 a& I( N   else if (xDir == "left") {0 f; U# i+ p# S3 y. b; b
      if (xPos < (0 + BallSpeed)) {& N( n' i3 _6 D4 ?7 i" S
         xDir = "right";
% C# y1 c5 M  k! @+ ^& s; J         }: n' n% H6 [% r$ p5 }* ^
      }
6 ?) U5 R8 p) ^" @' ~$ u   if (yDir == "down") {
/ \5 s  s6 K% E2 X      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 d: ]4 z/ h8 S& E         yDir = "up";" d/ ^) f) A9 u4 G$ u& Y
         }$ @* w2 b* Y5 g5 C, u+ o  J
      }* T) r9 u6 U3 e- b/ D
   else if (yDir == "up") {
. T4 V4 J1 T3 F      if (yPos < (0 + BallSpeed)) {
) |' Z$ _2 j# d* T! G2 E' S& s* {         yDir = "down";2 I6 Q, V( F6 \8 D, y! x% [
         }
# E7 `& D$ L  A( U6 W0 A2 R% H      }7 w7 l" x/ c( c$ i& o
   if (xDir == "right") {
9 V+ b. y: i; U! a      xPos = xPos + BallSpeed;
: R% D6 p# |6 g6 o+ s      }
, Y# s8 G+ n' \. N* M   else if (xDir == "left") {
! @5 L' F" ^! d' U' L4 L7 x* j      xPos = xPos - BallSpeed;0 Y& j; Y7 R. D1 s( r. u
      }
  J( _7 X) M7 D3 Z   else {
3 w. H" }( \5 @% @      xPos = xPos;
4 P. ], v7 |1 u      }
  ?5 b% B; L5 e2 s( @4 {3 d   if (yDir == "down") {
/ r2 I7 }% v5 e6 ~% i/ Z: A! j      yPos = yPos + BallSpeed;6 H6 e$ k) ?5 r5 T: ]
      }
& M1 t' Z+ Z: N# I/ p7 Y1 Z& b   else if (yDir == "up") {
1 z% K$ H8 {$ p. W- H      yPos = yPos - BallSpeed;7 ~" g0 _' k: ?$ R8 [$ q0 K* b
      }% O( r0 c' i+ \  g
   else {6 E8 i: e8 i- D- a
      yPos = yPos;: C) s: P& g  A& h- V
      }$ M$ r1 X$ ?! j' b7 T7 z' r
   }% K; A/ t* Z( t/ v+ g. X2 ]
3 Y- D# h0 M2 i4 f
function hidetext(){) d* v5 ?1 V, @- i
if (document.all)) c: \! Y0 Q- m& m
supertext.style.visibility="hidden"
/ B: s* L2 U  d# e" r: P, `% Xelse if (document.layers)
* v9 f( K  J! s/ Y5 l, Kdocument.supertext.visibility="hide"/ Z" K) Y6 }2 g6 D7 r$ R
clearTimeout(animatetext). T1 Z' U$ w: n* Z' d' g
}: R. M; s8 @# q9 B) I2 }* x

7 P0 Q0 A) J9 L- o" s- j( iif (document.all||document.layers){6 N+ R" ]; X: P( |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). T: k/ D9 |; X. }# U8 g
window.onload = initializeBall;
5 F4 l' _+ K+ n/ Lwindow.onresize = new Function("window.location.reload()");; o% d7 E/ w7 u" y6 e" `+ {
}
4 ]) Z$ z3 W9 ?, `2 R
* A- ~2 j7 s% Y4 I/ `) ?</script>