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

zw2004

<style type="text/css">9 X7 E% N/ J& L4 O" C: E/ j
#supertext {
8 }9 }! C% j6 Gposition:absolute;8 ~& o% [. w" H
left:0;' r0 i' |( g# V: ]- q& T, l
top:0;# c) i& M$ x% ]
visibility:hide;
- a6 k! R  Y5 O- }* _- f0 _- Pvisibility:hidden;, h( A% k0 {* |9 `3 U9 g3 B# o* x
}
* ^! Q8 k* ^/ v</style>$ \2 i7 ^& x4 V2 N1 C7 d& @: y6 c9 J
<script language="JavaScript1.2">
7 V) g9 T1 A4 a; h( ^<!-- 改变下的字体的大小。颜色-->
' A7 D- N; w# ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 {+ _" f8 ~& @. j9 u. l9 `
var hidetimer='';4 [9 e4 q- o9 g% @9 |' s
<!-- 改变下的弹跳速度-->& ~& N7 j2 m! {: v9 M
var BallSpeed = 20;- W- _: E1 i' u3 O+ L8 t: D
var contentWidth;
5 }2 K5 W8 g7 L! M/ L; Xvar contentHeight;  y! N  _7 e" m$ s  a
var maxBallSpeed = 50;+ |  ?3 |0 z8 a  X! A# b

. F# n9 }6 |2 E! J7 j/ V* O: u0 J$ W& o/ J! F  J( H
var xMax;
. X( |. j* u# W9 bvar yMax;
# X' J5 J+ Z2 |+ s: \5 bvar xPos = 0;2 q; p; j6 s3 L
var yPos = 0;
: U, }( e5 Z; H/ [, ]. Zvar xDir = 'right';0 B4 H! Q. a. |+ [$ u" Y: Y' a
var yDir = 'down';
$ K4 T% I8 g/ J# b1 S0 L: Nvar superballRunning = true;
- D& W  [5 G) Zvar tempBallSpeed;
' `3 o. U' U0 z9 q) @  D  {( Yvar currentBallSrc;
5 Z, K- C3 K0 k) N. m* V" q1 gvar newXDir;
5 j, A1 |; H3 }- P$ Evar newYDir;2 d. P, {$ f& V6 ~5 Z* V

! y4 ?+ q4 M. w  v2 ^7 G& W6 j8 V+ Gfunction initializeBall() {
6 S; F6 _3 d2 E+ ]( f   if (document.all) {
, g3 k. g( [* B0 ~      xMax = document.body.clientWidth0 h8 P2 q" C- E& h$ d5 F% U% ~
      yMax = document.body.clientHeight
6 W. L  R% N& B7 e2 R* m      document.all("supertext").style.visibility = "visible";5 S/ T# j( U+ `/ C# S  I
      contentWidth=supertext.offsetWidth
8 o/ q4 E+ j& t: z8 m      contentHeight=supertext.offsetHeight0 {- m5 j  e7 r5 F5 C
      }* A1 ]- r# p# j
   else if (document.layers) {
0 w; ]' E- C2 o9 _' S& B      xMax = window.innerWidth;0 o% w2 C  A7 C" ^2 D6 J; }) q+ v2 J
      yMax = window.innerHeight;
" S4 F; o. j) i1 j      contentWidth=document.supertext.document.width  ~# n2 M0 Y: u' A
      contentHeight=document.supertext.document.height) L' W9 t( R- l3 W
      document.layers["supertext"].visibility = "show";* S) s6 k/ U$ e: n. X
      }( ?, C: D2 Y. w5 ~, }; Y
   setTimeout('moveBall()',400);
$ M% |6 i1 B9 y- O   if (hidetimer!='')
) O  ~- j2 D: h- }$ w   setTimeout("hidetext()",hidetimer)
1 U' s% {0 b. W) ~& I  m  u  M   }
% n# ~# ^+ d% R9 g
( X6 }2 J; Y. [  o) Xfunction moveBall() {
4 Q& e2 _+ q* \5 W% R3 d% _7 |6 y   if (superballRunning == true) {
# j$ }9 \  L( M" e6 {6 n/ I4 Y! F( _      calculatePosition();8 K# P* J$ Q( w% g* m, ~" y+ E# i
      if (document.all) {
  O: D3 N  i- `8 ^6 Y( v, J9 q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: N; {/ s* P6 z+ u         document.all("supertext").style.top = yPos + document.body.scrollTop;
; ~3 X5 P7 C' g4 w+ c1 Z! z6 n         }; ]7 Y$ ?4 Q. s; N+ g. `
      else if (document.layers) {! p0 J1 K2 w3 P
         document.layers["supertext"].left = xPos + pageXOffset;
. y: V9 M1 y1 I9 X+ f         document.layers["supertext"].top = yPos + pageYOffset;
5 O+ }2 g5 U6 Y* X  G         }
3 k% B/ ~' @4 ]% n3 v1 A      animatetext=setTimeout('moveBall()',20);
: t" E: Y6 d. I6 O6 Y6 P  b      }' d) p3 N6 ~4 ]5 B# R
   }
+ K" S. r0 K/ X( @$ ~/ M8 Y' y
! P* A( d4 K5 k$ ?7 @6 Kfunction calculatePosition() {
- |: x" @2 k# x   if (xDir == "right") {  A8 N* K' M6 f1 q, b/ H5 j
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 }; G! z: r4 I/ f* ^& x; P& |
         xDir = "left";
/ L( i  s3 k. G1 l( j& y9 b         }
! d# Y/ U6 |' a      }  }) J5 f' G3 d; T: v
   else if (xDir == "left") {
% D$ j0 b* T: R$ C6 d; d- P      if (xPos < (0 + BallSpeed)) {' F* j  x! u9 u
         xDir = "right";' ^( @0 ^# e  k& b: H1 r
         }6 ~0 _6 R$ s/ h: F( [& T
      }( ~' n5 r0 O8 C
   if (yDir == "down") {* p1 Z8 C9 x7 Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 r& [5 r' |/ Z& P4 Q  X
         yDir = "up";
7 v% C0 q. J+ ~8 ~; v         }
# O+ W' D9 h9 |4 O' x      }6 o5 j9 w! ~# S0 P& f6 G- U
   else if (yDir == "up") {
6 B( \  R2 y  F1 D  R2 g      if (yPos < (0 + BallSpeed)) {5 g6 T% q* H; J4 B; p- J
         yDir = "down";
$ W  f# z! z1 L) u6 g# \         }- x  ]+ Q4 O6 Z
      }$ Y% N) R. u1 l* ^
   if (xDir == "right") {. i8 Z( y" ?. B) L7 T# J
      xPos = xPos + BallSpeed;( @/ f4 a8 i; S* }' \6 W, U; F
      }# R" F5 T4 ~  Z( Z1 z) ~" ~
   else if (xDir == "left") {
6 O8 _. q$ o. Z7 @1 n9 i0 S      xPos = xPos - BallSpeed;
  m- O6 e( j' O: H! y1 F/ k# |- t      }* P0 R* P* P' e3 V: f
   else {5 a' s6 G0 O9 I0 h2 F. A
      xPos = xPos;
! H. O9 m  r- L0 m! E- t$ o3 T: S4 q      }) a2 D6 [& h( }( G9 b! N8 j) x
   if (yDir == "down") {# F8 U9 C( ^0 n' w& G8 _
      yPos = yPos + BallSpeed;
- L" V; D% q! k1 c$ w; y- N      }
9 h1 o' g. C& o6 l   else if (yDir == "up") {
: `" ~: I: D% ^0 ~9 Q, `% |/ q3 f( `  y      yPos = yPos - BallSpeed;+ F* c3 y; g9 Q5 F
      }
/ X0 ]+ X1 A3 [% y% U4 X6 y* a   else {
2 i) l0 w4 `2 g. L6 Z      yPos = yPos;
, G7 ?* ~0 a# X      }) D/ B8 G2 j: u% Z9 r$ g! a# _8 y
   }1 V8 _2 i. u: |# Y  Z/ l. }2 t. o6 z
% `9 H( s$ J7 R% Y& ~; P0 N
function hidetext(){
3 {( Z9 U/ P3 D: Z" o: |if (document.all)
- p3 O9 r( c7 p! v, [. Z$ ?* Isupertext.style.visibility="hidden"
3 V2 v* \0 G0 W/ y+ e3 q/ w5 ]else if (document.layers)
7 m0 A/ h5 a+ {8 t7 y7 zdocument.supertext.visibility="hide"
# \0 T9 A0 Z, k5 d/ |clearTimeout(animatetext)
  P2 ]& N5 h9 D/ x# O5 [/ ]1 ~/ V}/ i; F, I" f9 x% e

9 `. e4 c$ i1 dif (document.all||document.layers){8 A2 `8 Z9 J  `* t2 z( i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" O5 w4 _" [- P4 W5 ^- nwindow.onload = initializeBall;
$ o& e. i2 y; S( N7 Twindow.onresize = new Function("window.location.reload()");
; x5 d, Q% a: W/ y* H; ?}
- o% o# s, }* t' B
- d( H; a5 T. T% s$ F! z/ ?</script>