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

zw2004

<style type="text/css">9 W' F! M* H8 F" H4 P. @# P( G
#supertext {: w1 M) c  ?& i8 ], q$ u) L9 Z
position:absolute;
0 s. @+ }/ Q! n9 B, Q8 P. [left:0;
/ A" \$ K  x0 N  Ltop:0;1 m% L& W( ?  [  A  y% D8 q
visibility:hide;2 o5 }, \  q1 b- ^. c/ s( u% A
visibility:hidden;% J: F& C7 H6 ~. d6 S
}" D$ v8 H( ^4 z; K
</style>6 C2 ?+ r+ e7 h0 ]' y) g' n: t
<script language="JavaScript1.2">* j* X" f" u3 B- _
<!-- 改变下的字体的大小。颜色-->: |1 A$ c  ~& e7 I6 Q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( Y$ k2 Z; I- M0 x8 G' s0 R
var hidetimer='';
3 U2 c* U/ }/ O/ m" b4 }<!-- 改变下的弹跳速度-->' N3 L( _7 j' X, }
var BallSpeed = 20;7 ]  K# }2 @0 o6 J# R
var contentWidth;. @# o! t7 ]/ g5 I/ `  i! ^$ A
var contentHeight;
2 M' ]  f9 Z/ b+ Y& r1 }var maxBallSpeed = 50;
# ?( [! T- l2 X/ H+ X$ F! h" V, n: U
7 @  O( d0 v* h  }
* @- P0 m4 z8 v2 z& I, C/ vvar xMax;% a- Y4 J1 K! x& s. v* {- I4 @. B( x
var yMax;
  t; {+ F3 l: o: a/ |: nvar xPos = 0;
' _# c8 N. N" ]; F7 h% ?, svar yPos = 0;
0 ^" _( i3 h) [3 t) u: bvar xDir = 'right';
- `$ `/ z9 f  m  h9 J) [: \3 \var yDir = 'down';) o, Q5 \8 D) P6 I2 B
var superballRunning = true;
$ }* p8 R5 J. z; yvar tempBallSpeed;, |& s$ u! {- `2 F" Y! s
var currentBallSrc;/ L) {8 \( }" Z5 B$ L3 q6 d
var newXDir;
8 j) m5 I! A, M2 pvar newYDir;6 e$ A" @: U' k2 t2 z
4 M& J& e4 e8 {8 E! C7 y. Z7 P
function initializeBall() {; ]/ g% J9 y2 E) H& R: ]
   if (document.all) {1 D: |' |3 r4 ~
      xMax = document.body.clientWidth
* {0 Y" r$ g  S& w! G! D3 K3 F      yMax = document.body.clientHeight
* K( O7 e- w% J      document.all("supertext").style.visibility = "visible";9 i0 I9 z6 Z. C9 |: z0 X; s2 }+ W+ ^
      contentWidth=supertext.offsetWidth6 j& f1 P& z  v2 Y9 \
      contentHeight=supertext.offsetHeight. q4 ~6 n! b# M  b8 }! D6 i, u- ]
      }
4 u( U( x+ I- B% B, t! v1 C/ N   else if (document.layers) {/ H$ f" F& |$ W- G: k! a
      xMax = window.innerWidth;
5 \% a3 @9 m- f; q& `      yMax = window.innerHeight;' G4 g2 Z$ v- \* s
      contentWidth=document.supertext.document.width
  ?; A  I# Z" ]; N/ ?4 L3 r      contentHeight=document.supertext.document.height
. o7 W1 `& C6 N, v* |5 h0 r1 c      document.layers["supertext"].visibility = "show";; F5 |/ c- e4 S3 j4 ~& R
      }0 @* w* @' C& g, y. z' d+ H; C8 D
   setTimeout('moveBall()',400);% i, P; b6 F7 a
   if (hidetimer!='')
* {; }: \. m" _   setTimeout("hidetext()",hidetimer)( W4 d& Q, q0 i: p# S, c
   }
% o1 L# I: T$ H' c( ]0 F+ z; G3 U/ y$ r3 @5 J
function moveBall() {
" d6 j6 V# Z* V5 G' [   if (superballRunning == true) {
6 @8 e9 E  t0 f, a3 {4 ^6 n, q$ ~3 s      calculatePosition();
9 s( y8 g; T- H# A6 b7 I% j      if (document.all) {) ?' A) p- f+ R( X$ w* {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, G3 R. u0 y0 q2 r, U. n
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: ~+ ^& O# G: a/ S, B+ v         }7 E. R+ f1 m9 m0 [+ B3 b9 |4 z
      else if (document.layers) {9 K4 b, ^- m4 X+ [3 `) S
         document.layers["supertext"].left = xPos + pageXOffset;
4 b5 ]% V* N/ o$ L. {         document.layers["supertext"].top = yPos + pageYOffset;
4 K+ r! Y0 C9 @. J' L8 Y         }  F6 H" ]+ m6 `
      animatetext=setTimeout('moveBall()',20);/ N! d2 u" J5 l
      }
- E7 X( u- C3 t" J, V   }
$ S0 A8 U8 o+ N& ^3 D/ p4 W' Z
' f: @8 y% H: C9 W6 P: w' R5 I- Q- Y8 dfunction calculatePosition() {* R, N/ _$ f% y( q& h
   if (xDir == "right") {
. s# ~( B- Y! d      if (xPos > (xMax - contentWidth - BallSpeed)) {! p2 C8 w& u2 A( v
         xDir = "left";- [2 [4 Q6 f9 A- ~+ W( I$ F
         }
! G& f  k& f* V" i4 V      }6 j, C7 F! w( j" V5 n, G
   else if (xDir == "left") {
) P6 v' h7 C5 V" j( Y- J3 F      if (xPos < (0 + BallSpeed)) {% J6 h! A( ^. G% Q4 a' r# u
         xDir = "right";
& l3 [+ M# @- T) q- S, F         }
; L7 y4 B* Y" F( d      }, L  E2 r. D+ u. b! Y) }% R0 E: \
   if (yDir == "down") {2 e3 m. u" Q8 L) J# X
      if (yPos > (yMax - contentHeight - BallSpeed)) {) h; j# C$ i2 Q
         yDir = "up";
% ~: z7 x5 p, H3 k0 o         }
+ a  R; r" y9 H# F      }/ U/ ~% s& l3 t' d) B. f
   else if (yDir == "up") {" \& K( Z* }: P5 ]6 q
      if (yPos < (0 + BallSpeed)) {4 N/ l/ o$ g2 V4 c# @& q
         yDir = "down";! E1 b9 N; `& F* N
         }* l7 ?' L. ]/ w2 A1 W8 u0 P
      }0 B+ E: E8 K' t+ f% b( q( h4 a
   if (xDir == "right") {
( t: z6 G2 X% ^4 U- i. K5 B      xPos = xPos + BallSpeed;$ l6 e6 j( T) R" P: t! ~
      }
# I$ O# o7 j' Z) y- e0 `  W' D   else if (xDir == "left") {2 ~, Z! k# W) a! p. n6 M/ n/ d
      xPos = xPos - BallSpeed;
! J" i; C: N$ C+ g4 U( E  g6 x      }/ J5 r/ l# A8 Q, m2 D5 T; O* r
   else {, l5 c( r+ r  K% W1 Z8 a) t
      xPos = xPos;
. E0 B6 ^. U" B      }
+ W& `% R3 s+ P2 @+ {2 @   if (yDir == "down") {
; \, }* d) i9 N- s# s      yPos = yPos + BallSpeed;! @, ~/ D3 N: {4 @( q
      }
( s. _3 ^4 ?. w& S   else if (yDir == "up") {. _9 P, m4 T+ V5 {2 \: ]+ O
      yPos = yPos - BallSpeed;
0 [6 h2 d) [( [  l( _( w- v      }
6 E7 _5 Z) U* F* _9 K1 r8 n. Z3 z   else {
4 ]# N. I$ X* k# {' h      yPos = yPos;  }3 B8 }% ?# b, Z5 E
      }
6 z5 J; P' O6 f' J3 o   }6 [9 r  X. b( w+ k

6 v$ q5 G0 ~( l1 Q9 }3 wfunction hidetext(){0 W# Z8 i3 e5 a8 J1 R. s% U$ i
if (document.all)
# O' X& V/ e# ]2 |! g5 x  d& v% Jsupertext.style.visibility="hidden"
( u: P7 @. j7 z1 A1 Nelse if (document.layers)! [$ D  @% L$ r8 o' W2 G
document.supertext.visibility="hide"
! C+ b' `" A7 C& o: J: |clearTimeout(animatetext)
1 W! S/ z/ o0 R' l}1 }( x! |0 e; ^8 V- p+ o; g

! b% [6 a1 h9 K0 F: bif (document.all||document.layers){
9 V2 {( f, z7 K( cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 D' Y2 m- {$ f5 |6 Rwindow.onload = initializeBall;& S' U9 L7 ?0 V% f
window.onresize = new Function("window.location.reload()");9 z9 l+ d- }7 z0 H! W6 B
}
9 b# T- |1 u" a' {- a
1 z; V1 {' B: t</script>