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

zw2004

<style type="text/css">; k* ]+ g% H6 R. ~+ R1 f9 v
#supertext {
6 ]% @" X! T4 |  ]position:absolute;
2 G4 j" P! `$ m  [left:0;1 f8 S) N- T" [5 k! e- l+ l
top:0;. F6 H& B# v* R7 B3 q( |
visibility:hide;
6 [3 e* T, U3 P& l% Y* N: vvisibility:hidden;" v$ O7 m' r5 z# j9 n- Q+ d6 w* @- I
}( g. n* ]4 J  u% q; B% c' a' O
</style>, o0 [. s6 t& Q$ E7 c4 u
<script language="JavaScript1.2">
2 Y9 C  [: L& D1 t1 W" J<!-- 改变下的字体的大小。颜色-->
; H  [2 w# ~1 r- bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 k8 ^3 j' k% b& a7 f6 ?
var hidetimer='';8 i$ t' A6 k* R/ y
<!-- 改变下的弹跳速度-->
6 }  }3 D, H& T4 o6 [9 m/ ?var BallSpeed = 20;2 ~4 s, ?( a/ ]2 a
var contentWidth;
. k$ S- r1 M3 R; svar contentHeight;
: D2 X) ^& Z* n. j) }6 D# s  H8 uvar maxBallSpeed = 50;
( J# S+ P) v% T2 u  H! F7 n5 O3 ~0 {
) H9 X6 {# w3 @: E
var xMax;$ M* f- G0 X: u+ n, X, [
var yMax;- d+ n( F6 b2 ~1 ^/ i8 z. C: e
var xPos = 0;
: Y$ f) }: i; Q2 D0 Y1 `2 zvar yPos = 0;
: _7 Y. f! [! |: xvar xDir = 'right';
. x  a6 v( x! R; O6 wvar yDir = 'down';
1 V4 f8 ?: m4 m/ G% f& `var superballRunning = true;8 v$ _; u- h% L$ }! M
var tempBallSpeed;
* p/ _" m3 I6 l/ Lvar currentBallSrc;
6 `  E! Z% i* ?* j! k9 W1 wvar newXDir;5 C7 Z, {' N3 m) k" w* r4 N
var newYDir;
0 n" i0 }8 B& q+ F6 s/ j; o% b( j# ?' V9 {) J; |* D
function initializeBall() {
9 f& r) B: l7 ?7 O9 F0 {9 p   if (document.all) {9 m: a' L: B, L4 x) s& W; @
      xMax = document.body.clientWidth
1 i2 E4 V$ t7 \: ^% Y  F      yMax = document.body.clientHeight
- ~5 R. d4 z) i3 a1 n5 ^7 q      document.all("supertext").style.visibility = "visible";
3 q9 \/ Q7 r# c2 j7 J- q      contentWidth=supertext.offsetWidth1 n8 |5 V: g( ?6 @% g6 U9 P: {
      contentHeight=supertext.offsetHeight( l+ V- L) ]$ |& i- |) L
      }
7 z2 [3 ?8 A/ ~   else if (document.layers) {1 R2 e1 G4 b/ }
      xMax = window.innerWidth;- x1 `0 N$ Q0 `# {5 w. G$ K0 G
      yMax = window.innerHeight;( L/ K, R- K( ?( Z! R
      contentWidth=document.supertext.document.width5 e9 e0 O( p8 u8 n- l
      contentHeight=document.supertext.document.height) O7 n4 k& H1 F0 `' f6 L6 o+ f
      document.layers["supertext"].visibility = "show";. l, a4 M  }8 [1 X. Q4 y
      }
3 `7 n2 N0 q2 ?4 h$ l& N2 e   setTimeout('moveBall()',400);
: w! q3 j3 J1 S6 H8 m) I- R   if (hidetimer!='')
0 x0 l& \1 H% `   setTimeout("hidetext()",hidetimer)
7 B; b5 F3 w5 W   }
8 D% v. k3 T; @- m
& x# v) e" G8 X, O" ufunction moveBall() {
6 o, X8 o! m9 O   if (superballRunning == true) {9 _4 l3 D4 i2 E; \+ A
      calculatePosition();
- c7 {! U6 Z) F7 f      if (document.all) {
$ H, o. E+ l7 [# ?0 h         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: _3 m; j0 ?+ O1 w1 y         document.all("supertext").style.top = yPos + document.body.scrollTop;
! w0 c9 ~& V+ A' Y2 g8 M         }8 @5 V$ N" f) Q
      else if (document.layers) {2 t8 [, R6 l% H
         document.layers["supertext"].left = xPos + pageXOffset;
, z1 F; K* X# I         document.layers["supertext"].top = yPos + pageYOffset;
9 W4 o' u, }& J/ M/ Q+ A2 x9 N         }3 q9 Z8 d) }8 ]- i' W
      animatetext=setTimeout('moveBall()',20);
  p# @+ z' w  k! n: X0 ^; S      }0 |0 M9 Q; X7 i" ^- n3 r
   }
  o  h" G1 T# g* z0 O( E5 l. J) ?- L, K, A" Z: b# W. m0 e' ?/ `) n
function calculatePosition() {# z8 x7 m9 `! k: R( H) r6 b
   if (xDir == "right") {
* T" Q6 T* ^7 a% M0 m0 c) [      if (xPos > (xMax - contentWidth - BallSpeed)) {5 T$ b3 W  e% J. N: w6 z
         xDir = "left";& M! s- Y5 L5 R
         }
: F& x& f8 G' P      }
/ R4 G. c* g5 F1 }8 {8 \2 d" g9 N( K   else if (xDir == "left") {! n/ ^2 a6 _$ h2 X
      if (xPos < (0 + BallSpeed)) {& w$ s- r6 E( S7 X$ q) ?/ k8 B
         xDir = "right";7 M) M  J8 n4 ]& D# Y, a& q
         }0 X( F1 n8 K1 h
      }1 h$ w% a" q, p# q, G$ m
   if (yDir == "down") {+ h: |! }/ f/ H% v
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 J9 y2 U+ _; I+ M; [' N; j. a% G         yDir = "up";. `  e9 z6 `3 M* T  \4 }
         }2 _0 ^5 b1 P1 L: c7 p! I( y, ]
      }
% ?" S( B) [7 _7 E$ S* s. e! j   else if (yDir == "up") {
' @% f6 A( X- {' V) U3 B. ~      if (yPos < (0 + BallSpeed)) {
. l& x' Q  Y' [         yDir = "down";
* t: \2 b. p4 n5 {4 ~& W" D. }/ m# y         }
! L. F: Y6 r4 D      }9 X6 t$ Z) ]) q: ^0 w- p# Y
   if (xDir == "right") {3 _( b' R, `  v+ h
      xPos = xPos + BallSpeed;
9 ~+ `0 w/ }/ T% Q3 z2 Q      }
& y$ o- r* T! Z0 e9 z   else if (xDir == "left") {
2 t2 l: R, [* c, m% ~$ v% d* Q      xPos = xPos - BallSpeed;1 c' M0 A6 K& @) T+ c
      }1 H$ ^- D7 n% o3 e+ N& |- C0 ^
   else {
8 d$ z! M0 H3 @- R7 P; h5 _, r      xPos = xPos;
% A+ R) p, i0 n, y2 g      }7 j& Q6 w+ y* t; J4 L, Z: h
   if (yDir == "down") {
2 \* a+ q. H5 p      yPos = yPos + BallSpeed;+ L1 X4 Y2 a. h9 y9 \0 s* A6 x
      }% o( @8 k% s9 }. H# T
   else if (yDir == "up") {
4 d' y& o" i1 U! e      yPos = yPos - BallSpeed;
6 I* [# Q) |* G- }0 f& O      }
2 ]) `3 @/ Z6 P) D( G' X( r   else {' Q3 g  }' O. t( G
      yPos = yPos;2 j: g$ t2 G& c1 J
      }
; j+ W! u. b( @0 P   }
$ h6 u6 b' j# N* _0 R2 J' Z3 e% g; v5 o) ^# n& t4 {; D
function hidetext(){' F$ K, ]8 W6 X3 w5 j1 M
if (document.all)# P7 G: s  I/ g5 r4 V& g, p) ?7 L
supertext.style.visibility="hidden"
+ ^3 D, A. l1 a8 U. k0 jelse if (document.layers)
! W; w* F6 N4 n! c: Z, I4 _document.supertext.visibility="hide"
$ h* W1 U& L: U9 k: WclearTimeout(animatetext)' `- v* u: h7 \
}
; h0 G# F) U& l* f$ h4 k
, ]5 {0 v( A! |/ qif (document.all||document.layers){
" H& ]* I2 n/ T# \& I5 \6 Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 x7 M6 d! ?3 l2 v/ ~window.onload = initializeBall;
  E* r" w0 i9 |0 V$ H; ewindow.onresize = new Function("window.location.reload()");! F$ L- Q8 F2 f  |- ?) m$ U
}- s/ z$ h- k9 O) t0 x
  i* x+ }+ j! I. ], h# o' `6 f# n
</script>