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

zw2004

<style type="text/css">, @! y) I( j5 {6 F8 k
#supertext {
7 u7 _5 J( S9 k! f7 Qposition:absolute;7 R  r3 a, i7 {3 r
left:0;
2 r/ N1 J4 ^# F5 P: }top:0;# Y) i' h' q% b! Y8 F
visibility:hide;/ z' \! ?0 i- M
visibility:hidden;
! l  D/ ~. r( O2 N! {! |* s( @}
8 Y  A# s1 Z7 q0 k' P: G. }+ \  T6 V</style>
' {6 V4 @3 @0 W' x  F3 [: h6 w<script language="JavaScript1.2">
' q4 y" K4 n& S. ?4 }1 B<!-- 改变下的字体的大小。颜色-->
* L0 Z8 `3 F8 |8 \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# o3 o8 E7 R- L5 |% ~
var hidetimer='';
$ f7 U0 {6 N* {+ ~; s# k<!-- 改变下的弹跳速度-->
3 @2 C- e, [" g/ T& Svar BallSpeed = 20;. P" s+ j3 d3 c+ W# n) L
var contentWidth;
% i( u) K7 f5 l% \var contentHeight;
, k- l( S7 |! [% E( \  tvar maxBallSpeed = 50;
1 g( e* I: |1 q2 r$ w; H* o1 l4 x+ y) y9 [) l0 w
+ \+ j9 W/ p5 b7 C# n
var xMax;
% y' P1 ~  z. C+ S9 n* N3 svar yMax;
- R% v- B9 X/ o% ]& Hvar xPos = 0;# ~3 P. D$ r* x, }
var yPos = 0;
: c- e; E  o  @8 `% ]+ j' \1 xvar xDir = 'right';7 I8 p2 K* }. z- m
var yDir = 'down';
& U. b7 C; x) Z/ D  Y9 C% z" Mvar superballRunning = true;
, R# s& a/ K% r* R  |& s8 Ivar tempBallSpeed;# `5 @- k# s, s" H" q
var currentBallSrc;
; z$ k  z5 D' m9 Y' X8 B1 Lvar newXDir;. y9 z/ v' Z' T7 u. I4 u
var newYDir;
. c6 j$ W% S  T# [2 d+ B
5 t4 @- B0 E. ]3 g+ Hfunction initializeBall() {0 d4 J. }9 T) Q1 S
   if (document.all) {$ h+ V5 {) m1 O3 k1 V
      xMax = document.body.clientWidth" }: l# Y1 E9 }7 G+ v% ?+ r3 L
      yMax = document.body.clientHeight- M8 Q1 l7 W7 M2 X, V% U) Q
      document.all("supertext").style.visibility = "visible";; \" s) D9 t% a; t" R
      contentWidth=supertext.offsetWidth+ F; ?4 C- w1 n9 a# D/ O
      contentHeight=supertext.offsetHeight
5 I7 b* L: M7 S8 f* z; \2 `      }* D) e8 i! P2 I! j; K# L
   else if (document.layers) {
3 m. J6 d  F: w: C      xMax = window.innerWidth;+ u% Y# h6 {( R, u9 `
      yMax = window.innerHeight;
( P$ G" F  f# Z      contentWidth=document.supertext.document.width
' _1 z/ p7 q6 l' k, r      contentHeight=document.supertext.document.height2 p. {6 {2 P0 y2 j7 d0 h0 e
      document.layers["supertext"].visibility = "show";# ]$ |' h$ L+ T) ?
      }
  q8 x5 _* c. q/ Y' ?' z3 N# }8 Q   setTimeout('moveBall()',400);
9 D3 S1 a3 v4 x1 \2 W5 Y   if (hidetimer!='')* ?) M2 O2 s6 K; T" D/ }' n
   setTimeout("hidetext()",hidetimer)4 [* v7 o2 c# d( C
   }6 ]+ K. N7 f0 O! x

$ i  Q. T  \9 _function moveBall() {
2 C, K  a" ?1 `1 w   if (superballRunning == true) {' K0 G  D4 n8 V! `# J4 t! W0 P
      calculatePosition();% ?9 y6 V5 g7 a  P3 c8 u
      if (document.all) {
% G/ n1 ]$ Z% I& J" Q* n8 E         document.all("supertext").style.left = xPos + document.body.scrollLeft;; B7 H4 ^, o, f  H9 R3 o
         document.all("supertext").style.top = yPos + document.body.scrollTop;' J7 Y& l+ S5 M) t: ?
         }
, r, \) C( V8 Z9 b3 E# }, j* _      else if (document.layers) {
6 ^& ~3 Z( D- `. S         document.layers["supertext"].left = xPos + pageXOffset;
( A$ V: S+ v" @/ c         document.layers["supertext"].top = yPos + pageYOffset;9 v# z6 o% F$ q
         }
" J' |! {9 Q5 g( I) ]6 K! Q      animatetext=setTimeout('moveBall()',20);7 J, S# V) ^+ j" h
      }% L& V% n9 `% w1 d
   }( }( k8 N) r- ?( d

( V, U3 n' x# @' jfunction calculatePosition() {
# C: _) E4 A9 Z$ a( t* B   if (xDir == "right") {
* h5 V( k+ y; H* t      if (xPos > (xMax - contentWidth - BallSpeed)) {
# c! f( y4 t3 o         xDir = "left";7 F6 m/ u# ?8 X
         }# Q- S$ j8 ~& C9 d3 ~6 C
      }$ F  z. y5 S) N: P& E; l
   else if (xDir == "left") {3 E2 f' F0 j) H) t; c; P+ V
      if (xPos < (0 + BallSpeed)) {
) H4 N* V% o4 M3 n5 k         xDir = "right";2 I5 _4 g8 ]5 p: S' i
         }
# j! ~4 [6 h; N0 V      }
; k  f5 r  P+ y- x   if (yDir == "down") {) `5 O; f$ V* `# f5 g( P* ^; M
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 j7 {! f7 X# m' |0 D8 A
         yDir = "up";
2 Q( @. b6 Q, n% _         }; n2 ~! @7 `: u1 W* ?: l
      }4 R/ U" \* ^- P
   else if (yDir == "up") {
4 b: |* o; \7 ~3 l      if (yPos < (0 + BallSpeed)) {) @6 c4 }& k3 k8 a( a) \
         yDir = "down";  A# ]- e& {3 z  X3 Q5 R
         }
) s/ c# q5 d" D2 Q" Y! t      }( S& c1 B* W+ l* V' L
   if (xDir == "right") {
- Q- Z+ |: d! h. E% q+ E8 Y' j      xPos = xPos + BallSpeed;
" ?, U9 \+ w1 x      }
. K6 u% ~  X8 b5 R0 r; Q& r; x   else if (xDir == "left") {/ |3 o6 B6 |; A/ c, @6 A
      xPos = xPos - BallSpeed;
* W# B" a/ k) A/ X5 N      }) h: g* {  }9 G. O/ Z* ]3 ]6 t$ j8 H
   else {1 i2 i$ o8 _1 a9 X% @+ c
      xPos = xPos;6 A# o" w& Z5 W& c6 h8 F
      }
! [  y) t+ }  y' m+ [7 G   if (yDir == "down") {
' ~$ Z3 ~% F. p& @      yPos = yPos + BallSpeed;
0 v; z% W( U# ?3 z: X; u      }
; q: ~7 r$ t- P   else if (yDir == "up") {, W9 G. r* X/ i
      yPos = yPos - BallSpeed;8 s  s' C3 B0 J% h! D, {
      }
* w+ O& t3 F; x  _  I  U1 k7 N) j$ Y   else {
  e5 h. O/ v& ]0 H, q; [4 n' A      yPos = yPos;
4 N: I5 D* y1 P' j/ T$ m8 b      }
3 a' {: k- z! O9 y4 j) q7 f   }: p) [& Q" y) o. ]1 U: A& N

, _, G5 f7 [) N% S, Tfunction hidetext(){
7 N2 V- Q4 l4 X  D$ h1 Aif (document.all)
' Y! {) q* j: D' wsupertext.style.visibility="hidden"
2 b: _* H6 o; D( u& h) velse if (document.layers)6 O+ Q" n( q) ]4 ], |0 D
document.supertext.visibility="hide"* O6 K: H( c  G- Z9 p  K
clearTimeout(animatetext)$ n" Y6 v! Z6 s$ c( F7 T! [
}  b# [0 N: g8 h+ P* @$ v; k2 a

2 Q+ \+ N0 j- Rif (document.all||document.layers){+ w  Q. g  S1 w8 Z8 G3 |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) h  A! Z; A/ Y$ \) o2 r9 H- zwindow.onload = initializeBall;8 x/ @  v; S/ l4 V
window.onresize = new Function("window.location.reload()");
& _. B5 q: }& g0 d  ^6 s6 e}
& s/ W7 X1 L) U/ g9 W  L  q" g; w8 T* X
</script>