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

zw2004

<style type="text/css">
( f& Y: ]$ g3 d4 |#supertext {: p" W7 }1 f( F# `$ B. n8 i
position:absolute;
7 X  @1 o$ A5 g' r) sleft:0;% g  b: n- [0 M* X/ R3 ?) h  g$ T& o" R
top:0;
, J8 `' d6 _; t6 Nvisibility:hide;: U$ x6 J6 _; ^1 y- J& I8 X' |
visibility:hidden;5 Z! R& P6 p/ o7 j
}4 z1 x$ m, `! Z- H+ R
</style>
8 i+ _8 z- z1 r2 `9 F<script language="JavaScript1.2">
6 C) ]& [) Z( }  O' E# A6 b0 W5 w+ }6 u<!-- 改变下的字体的大小。颜色-->
3 W$ k7 I$ C- o  _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 \/ N! u6 x8 D8 evar hidetimer='';
9 O2 r+ a2 p& J( r" S<!-- 改变下的弹跳速度-->, E3 |9 t! p6 h* N9 ?
var BallSpeed = 20;
; M9 ^* b+ T8 o, h7 h( }8 ~var contentWidth;
: ~  }/ f5 n4 S* @! Dvar contentHeight;
9 ~& \/ w: m' p# _var maxBallSpeed = 50;$ x: v# C$ K) I6 Z

! d* K( y$ ~- V5 `# K4 Z" |% D
' M, ]1 C+ Q) p/ f) ^  U# H9 V" Evar xMax;
3 [8 h- o4 Q6 u" Z6 Dvar yMax;
/ @2 N; y- e) P+ zvar xPos = 0;
4 k8 @+ A( d4 k! z6 O" a- i# yvar yPos = 0;
1 n+ |7 J' B1 u: f; zvar xDir = 'right';
; ?/ J& B* O" a9 C3 F( Lvar yDir = 'down';
( c: N: r! ~8 c* \var superballRunning = true;/ `" w- ^  @6 F5 g4 r. t; o0 G
var tempBallSpeed;
( o+ o4 ~% {+ jvar currentBallSrc;9 p1 y. f8 [! c1 \) K" R1 Y
var newXDir;
5 k0 M' f" b: Y! w' Xvar newYDir;  n! ^7 f$ r; O# R

5 f0 L8 k- J* ~) \0 Ffunction initializeBall() {; q' e# I, N1 i7 ]7 B
   if (document.all) {
' O7 \) y  s; Z, i- {- g/ r      xMax = document.body.clientWidth
7 p7 L- M  x! a: @$ x6 i      yMax = document.body.clientHeight
; w4 u2 X, W; d) d      document.all("supertext").style.visibility = "visible";
7 w; e, n; e; N, q& W/ y      contentWidth=supertext.offsetWidth" K/ w' S# v6 C2 X! }
      contentHeight=supertext.offsetHeight# ]) E: o5 T" @2 V8 x6 d
      }0 T8 P, _  ]0 e3 r
   else if (document.layers) {
' @9 O0 _! `& p4 D# O& P      xMax = window.innerWidth;
: H" X- i! o/ C$ g      yMax = window.innerHeight;
/ X& r1 J# G' y% |& I5 ]      contentWidth=document.supertext.document.width
* \3 e* d9 }# N3 T      contentHeight=document.supertext.document.height
6 I5 T: I! M  E/ P8 ^$ H5 v      document.layers["supertext"].visibility = "show";  h, W7 L3 q7 z& w4 ~
      }
' v! q" f8 }) p. [. s- J  U   setTimeout('moveBall()',400);. m* R7 K- S- `1 m- V) Q
   if (hidetimer!='')6 W- A" S$ i( F; g
   setTimeout("hidetext()",hidetimer)
9 X* Q. ?: D: }' M7 J   }
! A4 y# u& N  R/ B1 @% R0 J
* b7 F7 _* ?. y9 X/ m: g$ \: Lfunction moveBall() {, A0 c! q1 w( w: Q& N
   if (superballRunning == true) {
, F3 |) j8 {8 D  g" D, `+ \      calculatePosition();( A# J: |4 B+ K  m* w3 N5 q
      if (document.all) {
* |0 ]+ q: l4 \! D1 a" ?' X5 I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 U3 g5 f/ O; j1 P$ S. J         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 `9 U( l! c0 p1 i& h0 w& P         }
, ?( l% a. K1 ?% ~# w      else if (document.layers) {3 l5 S# {5 n: {+ o' c7 U3 \
         document.layers["supertext"].left = xPos + pageXOffset;; @7 P. V9 [& A
         document.layers["supertext"].top = yPos + pageYOffset;% S! k- @4 Y" c
         }
7 j: D- W/ J2 z6 F) u/ \0 V      animatetext=setTimeout('moveBall()',20);
. r' M0 O" z  X7 H/ G  C      }1 O2 M* y0 Q+ r; O
   }
9 R# ~; p7 o/ ~( R0 q9 i: f) J% \8 K) h2 l
function calculatePosition() {& S) {; g) ?  }1 E3 s* E0 K
   if (xDir == "right") {$ `- M8 k9 N0 v- d/ o* c
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 e8 j7 M) u) S2 }0 V/ Z3 `* h8 `; O         xDir = "left";) K# v; R1 b, j; j
         }  s' p" ]" c2 s
      }0 r+ N2 c6 P4 g* q
   else if (xDir == "left") {
; }% ~' b. B3 N6 c$ Q      if (xPos < (0 + BallSpeed)) {
4 D) z3 f( `5 p4 p( A, o: @* V1 k         xDir = "right";, a% s+ M) o. C1 B
         }  ?: _2 k9 c+ Q( @& R
      }8 i4 \7 Q% z& i8 O9 c' a3 O
   if (yDir == "down") {, N. v: [- I9 s+ S7 @/ \6 ?; a3 ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {
, f& A, O) o& h/ C" J         yDir = "up";: Z" n+ M5 _* E* a# h5 w
         }
& _# j3 {0 \4 D$ t! b      }
$ Y! Y' F) n3 @& w1 _% j   else if (yDir == "up") {
6 w$ y+ h5 j+ c. f1 u      if (yPos < (0 + BallSpeed)) {
* i9 o: N3 ], P% j% a# @, U         yDir = "down";
4 o1 V6 z" Z; A* \4 z& k; ]         }3 m8 D- s+ d8 S' f: O* I* J! m
      }' R7 E$ O  x8 B% _+ y$ o% `( g
   if (xDir == "right") {; C! x* w. ~! D, ^1 z
      xPos = xPos + BallSpeed;1 t" m. o3 @$ M- z/ G0 F; N' D( S
      }
" W$ R$ m' a, ]8 E; \$ d, I   else if (xDir == "left") {
& c$ q! A2 z. _9 Q& t6 j5 D      xPos = xPos - BallSpeed;7 X, R3 @1 h( u/ q5 g' L. {
      }
; j1 I) q; L* D   else {- R0 c' c; |0 t* ^
      xPos = xPos;+ N$ A) W- D7 R9 F6 ~4 I6 b, ?
      }
0 t. B5 J  \+ N; I; R   if (yDir == "down") {# l0 v& N" r1 w% ~" J* l; s
      yPos = yPos + BallSpeed;* A. a' e# ]$ T8 ~/ ?
      }
7 f) j2 [7 W8 @/ i9 \   else if (yDir == "up") {' r+ z! ~$ ~  E/ k" E4 c
      yPos = yPos - BallSpeed;
4 `* g: G2 p% K" g( P      }8 \8 ~  D- k3 g$ b8 x* F
   else {
5 s# C+ z. p" E( f& s7 h6 y9 U$ {7 `      yPos = yPos;
3 g8 X9 Z/ }9 ~. Y; d* f2 [, o      }
2 }! x( g$ X2 F% s3 R   }
5 B2 s1 u* `. U( Q, d: \5 h6 G7 w
function hidetext(){3 J, h. D8 M  h7 }0 e
if (document.all)
% b& s- {9 I- O- Rsupertext.style.visibility="hidden"# r" H9 B( _8 D! q$ F3 y% h4 D
else if (document.layers)0 F0 C7 d; c" y
document.supertext.visibility="hide"
/ Z6 I+ O' C' A* c6 @clearTimeout(animatetext)  S& J  D2 O' c& P1 ~1 A) k% W9 E
}
! @4 h) b6 {/ b  }+ l) ^, y: e" R
4 ~8 l8 a+ B8 ^& ?" xif (document.all||document.layers){
! n6 ?& ?+ A+ ^' x5 o: ~3 T3 F0 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 L5 ]4 I: g1 u: c0 n
window.onload = initializeBall;
; h# n1 L' }2 J. _window.onresize = new Function("window.location.reload()");
& \8 s' X. {2 a. I7 S}
1 `, P+ L5 V. J3 b6 _* T3 _2 u
2 v" L  Q# \5 x# [3 Z6 ^</script>