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

zw2004

<style type="text/css">7 ]* O8 h1 |) u
#supertext {2 K$ o& Z/ ?! u3 s' \% Q1 `
position:absolute;& w" R. S/ g6 a( f: n3 Q
left:0;
1 P" X% b/ s& J  @) A) ytop:0;5 {4 M7 }; M' s$ j6 M
visibility:hide;
) s& [6 K7 b! o! }* _, S* ovisibility:hidden;" [( |4 r; b+ C! r, n6 U
}
  [) o3 c1 e9 s2 a/ V$ ^</style>
3 t; h3 Y8 Q- b, }& C<script language="JavaScript1.2">
0 d4 |" k: y7 u8 i2 R<!-- 改变下的字体的大小。颜色-->% i! ~4 U$ X; W% H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# z! O. g) t: _# v; x6 A8 t
var hidetimer='';
- p! a" y2 P5 q. t- W<!-- 改变下的弹跳速度-->
! s+ V. K; T: G3 bvar BallSpeed = 20;* w2 g' x2 S8 C3 B2 I: U: u2 W- b( }
var contentWidth;
5 L9 C# O4 \! m3 ivar contentHeight;% r4 x8 D: ]* [. g1 }! E- {7 C$ a
var maxBallSpeed = 50;0 N5 B$ y6 l) q6 j. p6 l' K8 @) ]% r

+ M% t$ C9 J4 K+ ~1 m, b. H; a  X2 W( S) Y! G
var xMax;. H/ I3 y' y5 v" c) P
var yMax;# f( {; w/ t/ ]: m: L1 d
var xPos = 0;1 A8 E" M2 Y4 u3 r) Q
var yPos = 0;
  P4 j0 ], S! [+ X, dvar xDir = 'right';
6 F% e0 J, M1 Q" d) n1 m  hvar yDir = 'down';' q. ?9 }. |7 S& ^8 x
var superballRunning = true;4 J3 u  x& i2 H1 M" p* }$ Y7 q
var tempBallSpeed;
0 n6 T% ]+ r; K# ~% @2 J7 L4 Evar currentBallSrc;# X- ]0 |) Y7 I+ `; }9 W
var newXDir;
7 z1 Y/ l, W6 u. G# H3 yvar newYDir;9 Q# J2 Y* k7 p/ ?7 w8 j& C( U

" _% M3 u6 R& ufunction initializeBall() {
  b5 a( L2 S, K; E) c9 G   if (document.all) {- w8 B3 I* [0 ^
      xMax = document.body.clientWidth! ]1 v7 S; z- v. Y5 d- z
      yMax = document.body.clientHeight
% L. h$ N' ?  P9 W      document.all("supertext").style.visibility = "visible";
  [: S. N) B/ u: M8 b% ^, m+ X      contentWidth=supertext.offsetWidth$ @7 |( U$ w. Z2 g6 B# V
      contentHeight=supertext.offsetHeight$ p; S3 V  I) t3 i& t- d: v+ _
      }
6 |4 ]8 w; v& i) F+ A   else if (document.layers) {
4 F. p( V4 [' L6 b4 G# Z      xMax = window.innerWidth;
( N! ?4 t: t) L  {      yMax = window.innerHeight;/ h# Z; w0 \1 E" C: {$ c
      contentWidth=document.supertext.document.width
, ~7 H1 L. d/ l7 I0 L      contentHeight=document.supertext.document.height$ Z  N0 l4 x7 E: M/ \
      document.layers["supertext"].visibility = "show";& k# O6 ^) W( s0 Y3 `
      }
7 c4 [* A: j6 Z+ ^: W0 n   setTimeout('moveBall()',400);
# t, ?, y# d* r# N   if (hidetimer!='')3 \( f3 s) W; {* T
   setTimeout("hidetext()",hidetimer)! v8 \5 m) o# A8 ^- D4 ~) t' v+ Z
   }  o4 ?) n% _% y+ @. i7 e
) k+ h6 ?9 X* ~* k
function moveBall() {
5 Y* A( B/ R  V, p. G2 {: l   if (superballRunning == true) {
* }' Q7 P! f  m/ ~      calculatePosition();6 n% T4 P; s3 I1 r* c- _' s
      if (document.all) {
5 C0 n! j+ |$ J3 H9 d" k/ i; B         document.all("supertext").style.left = xPos + document.body.scrollLeft;" o# c3 G. l! N3 D3 v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, K1 H" R, w4 H2 K         }( M$ c8 [. R% D( V" ]& K9 J
      else if (document.layers) {+ t6 r% P6 V& P: T( B: Q0 f* ~& \
         document.layers["supertext"].left = xPos + pageXOffset;/ d% }6 T; f9 j+ D& t8 \
         document.layers["supertext"].top = yPos + pageYOffset;/ @4 E5 ?$ D; O* k
         }0 `+ K8 y# s- n1 C* ~. n- Z( Q) A& g' ]
      animatetext=setTimeout('moveBall()',20);
/ ]/ _/ [0 ^5 J$ P0 {0 a- {8 z      }5 ^2 R  t) G8 q7 m
   }! K& m$ `. ]4 d  h" \  E9 w

0 B0 c" {  H0 c- O& A* e7 n' O5 {function calculatePosition() {
- n- p2 R; V8 o% ~  D) q* L$ P+ m4 H( e   if (xDir == "right") {
) G3 g& M5 s: S      if (xPos > (xMax - contentWidth - BallSpeed)) {- [  y- J! x( K8 ?- q
         xDir = "left";  e- r' z% U, h0 |( R# h5 C
         }
6 S* m4 Z- M% X+ i) x      }' O/ A3 a1 ?. v$ T. c$ j- h
   else if (xDir == "left") {
) T" E1 i6 n. E2 N3 E! R  u( F: H      if (xPos < (0 + BallSpeed)) {4 T8 n& t# P6 I* ?
         xDir = "right";
$ ?# L" k; `& j: }; H0 n; Q         }
; Y$ ]0 \5 @5 U  S      }7 j5 G6 s2 }$ U/ r
   if (yDir == "down") {
9 v+ E  p$ a9 h& L- E1 z$ R      if (yPos > (yMax - contentHeight - BallSpeed)) {
  |( Q# b# B5 @5 G$ b: K         yDir = "up";6 c2 [: P" O  w' h! C& `7 p: t
         }
' ]( c, l/ P( A+ W( d      }' Q# ?2 l) l" @- I
   else if (yDir == "up") {
0 U) V' D2 ?1 o, |/ \      if (yPos < (0 + BallSpeed)) {9 \% ~$ t, o9 X7 y& r
         yDir = "down";8 ?9 w: S! {. [! B; n1 X
         }
/ v$ f0 E8 `2 Y      }
3 N" z, N: f7 ]8 @$ P. A   if (xDir == "right") {
9 R; r! {! `/ m- B: Q      xPos = xPos + BallSpeed;7 t: c+ A2 m/ l) j2 w2 m
      }' b( Q5 a: [% E) M7 }
   else if (xDir == "left") {
; `" J! E  k: m& e/ s, c. K! e  K/ Z/ B      xPos = xPos - BallSpeed;
, ^7 E/ Q- O6 S. D- n4 ^2 E      }
$ X9 u/ `( ]3 p   else {2 A( D8 F9 J* F0 U
      xPos = xPos;5 i0 R& w# w& M1 @  a" F3 _4 H
      }: [& u' F9 E- |6 q# }
   if (yDir == "down") {
/ f. L$ ~8 @8 Q) }1 z) C      yPos = yPos + BallSpeed;
# \- o8 ~+ a3 M8 v! Y  w9 g      }
0 C2 R: z" Y3 O, v; g, {- x1 E' @   else if (yDir == "up") {! A' c1 }( j" s
      yPos = yPos - BallSpeed;9 ^& W. q# q/ N9 j$ r
      }
  b& h! U8 @* H& p7 G   else {: M- U; k# }, I# ^/ S
      yPos = yPos;- O5 [+ `* i0 l8 x
      }0 |. Q2 t' Y* B7 C' m2 U' i% U5 C
   }$ c- S4 o5 l" O

% G1 s# R6 W( x# r8 I) C% s! }function hidetext(){
7 ~* a. s- D7 G3 N$ qif (document.all)! {9 }9 ?: T( n+ H" w1 R7 @; I+ A
supertext.style.visibility="hidden"
/ Z8 D5 ?( w* X8 n  Gelse if (document.layers)# i2 y" ?' V; K5 O" h2 K- ~
document.supertext.visibility="hide"
* ?7 H' \3 }8 h* J% X8 Z0 ~clearTimeout(animatetext)
$ u3 m5 N: W+ e; A* w}0 Z" C! s6 {! C# P! l9 f+ Q% \
+ u9 v1 i6 ]" B
if (document.all||document.layers){
. U- [5 S$ j2 ^' x8 O" pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: y3 h* p! u5 Iwindow.onload = initializeBall;
5 ?1 S* ~( K* u- c; Jwindow.onresize = new Function("window.location.reload()");  }* ^" f+ b' f) |1 \6 C0 L6 l+ c
}
  O9 `+ r, {/ u2 _$ o! k7 w% `6 ]8 \3 Z$ z- |
</script>