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

zw2004

<style type="text/css">( a7 B/ Z& c, z/ C
#supertext {6 R7 q0 v2 o* c$ E" @- B- U
position:absolute;1 B/ k4 j/ [! G$ n4 d; s
left:0;9 @* G+ }' ^1 ~) x9 c
top:0;# b3 o4 }$ i) n, z+ W* P7 q! g
visibility:hide;4 l, F: q2 u9 v3 l5 z  W
visibility:hidden;2 v4 z8 F0 P4 ~$ w* t3 R% z
}7 E8 r4 y% {  G0 S* F# K5 `
</style>
, o* e/ W0 l* N. ~, O4 W& y<script language="JavaScript1.2">
- `( z# z& o% q' A2 n2 ?0 G; E<!-- 改变下的字体的大小。颜色-->( Z. X0 b2 s$ L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! I/ w# B$ a6 I0 X
var hidetimer='';
/ ]8 `+ V, s3 `/ E5 F+ x<!-- 改变下的弹跳速度-->1 D* ^0 K7 f3 s& C1 ~6 y
var BallSpeed = 20;
/ r9 m- _& M6 Gvar contentWidth;- J9 ~( y+ F( `" l% \5 C
var contentHeight;
' C# \, l' y" M0 J% ]+ O$ Dvar maxBallSpeed = 50;7 a. r% P$ S1 e* B/ I# Y
. E( ?# _4 r1 B+ z% R
( _  z# T' ]7 m0 ~' n
var xMax;
& G, E7 z: }3 mvar yMax;% I6 }! \) l+ P. `
var xPos = 0;
2 s: h( h- y  f# _; ~3 k) _var yPos = 0;8 d1 B  |; Q- J: N) w
var xDir = 'right';
  \- X! t! J9 I4 Z0 G# \) Cvar yDir = 'down';
1 k! \6 s5 D! Xvar superballRunning = true;
2 W/ J; g/ S( d# F2 Tvar tempBallSpeed;
8 h0 W* N" Q) O( }/ r' M& b9 M: U& Qvar currentBallSrc;
0 m# U- h3 d$ v" @0 e9 d$ ~var newXDir;
( ~# ~  D: }0 O5 x9 P' nvar newYDir;
; X, A# s* n$ a+ B+ s7 B
1 {1 n" ?% [" n& ]0 P" Q# t+ p2 Zfunction initializeBall() {
5 e# M  Y) |' P$ e7 o7 q( P  P/ g/ o   if (document.all) {
* L2 F' K7 s0 p4 E, Y5 R      xMax = document.body.clientWidth
  E. V; _. y: T! k: o( ?      yMax = document.body.clientHeight
1 W! e4 o  }8 b1 T" V% b, l# z      document.all("supertext").style.visibility = "visible";
7 C# n  i4 ]: F0 A7 \      contentWidth=supertext.offsetWidth
1 e* S! D- {) q      contentHeight=supertext.offsetHeight
( i' \) X' i$ r- j% ~      }
+ y7 D4 }' A: ~3 c  x5 Z   else if (document.layers) {0 H) e! g9 R- f- u2 ^
      xMax = window.innerWidth;
5 `; L# h2 t5 b; t      yMax = window.innerHeight;4 s# Q8 V5 k0 ~* d
      contentWidth=document.supertext.document.width; |2 F- D. o# O# ]' w8 m
      contentHeight=document.supertext.document.height
4 v( q* J! l. _. `1 w) s      document.layers["supertext"].visibility = "show";0 J; z& h% t- w' F$ m
      }4 X/ ~# l7 C$ {: }
   setTimeout('moveBall()',400);
+ M9 `2 n, m  o, h( p* {/ ^% ^   if (hidetimer!='')
" @2 u9 ?; a+ W   setTimeout("hidetext()",hidetimer)
8 |) v4 \. y. G: x5 [+ Z2 j   }& ~" I1 A5 ^2 B( w
% ?! X; C; ^" ]! k& U
function moveBall() {  T$ d% `8 H# y3 z
   if (superballRunning == true) {
6 V+ Q0 Y7 `  z+ {/ O: ~/ K/ K; B      calculatePosition();
, l/ V* w# P+ i: _* w( G& s      if (document.all) {2 z& P; h& ^) L% F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( Y3 c* U- g- Q/ x         document.all("supertext").style.top = yPos + document.body.scrollTop;4 l  v2 w; X8 u" b! Y* g& d& l
         }( j8 ^- X2 d) U( {" T3 T8 }( Q
      else if (document.layers) {" U6 l$ j( O4 v
         document.layers["supertext"].left = xPos + pageXOffset;; P+ i' S! I# W! |. @& n
         document.layers["supertext"].top = yPos + pageYOffset;+ F& T+ g6 A$ [0 D& s; t, V, P9 U
         }  \# f( ^* w& a8 f6 N& e% {
      animatetext=setTimeout('moveBall()',20);1 O# W; i! A4 D/ E8 |
      }
" r! \2 C2 Z3 n2 i  n   }# b5 w$ R  W+ _4 `

! y* ~# a. D% W6 R' h! sfunction calculatePosition() {
8 D# F9 ?3 ~. e( R9 T   if (xDir == "right") {
! A" h8 R  X' ?% y      if (xPos > (xMax - contentWidth - BallSpeed)) {" D* @* e# @, W$ q* o
         xDir = "left";
1 X. `6 i4 X8 R2 u         }: a% }5 `3 J* ]4 ^; ?. l: @
      }
% r) u" D. x5 v$ F6 E/ \* r0 ?# }6 i( K   else if (xDir == "left") {! l% R" Y! T. Q
      if (xPos < (0 + BallSpeed)) {+ C& V) K; w4 h* @
         xDir = "right";0 j, t+ {. u" U+ p4 o/ l9 e! P# a' g
         }! i+ ^4 @6 U- Q6 w# \. F
      }, N6 Z+ ~9 |! ?3 m& Q
   if (yDir == "down") {* D) t- N& U1 w& d6 ^! c; e2 E% p) R
      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ L) Z6 N* j1 D) w/ w         yDir = "up";5 v! J- ~: X1 O: h; J9 X9 u2 \4 o
         }4 X3 g8 D4 R- Y  P) o3 t6 _
      }& \" r/ D- l3 f* G
   else if (yDir == "up") {' J- d3 X5 }1 I0 R; j5 e
      if (yPos < (0 + BallSpeed)) {
7 c& \* D- S/ X  p! M4 v$ Y         yDir = "down";
& `+ |3 g4 N# S) ^* s  v         }9 u# j$ _0 o- q
      }) j  s1 `7 s$ s0 Q" s! @4 L
   if (xDir == "right") {) Z1 n+ R4 n6 g- k
      xPos = xPos + BallSpeed;& C  D* K' J0 N/ A  [$ z% R
      }/ l$ I# E" l- U0 i0 E1 a+ o
   else if (xDir == "left") {8 e: J& A1 }% v1 }. _
      xPos = xPos - BallSpeed;
2 F5 @: _, c! s8 E, O* i      }' u' s5 ]3 {4 a. W. t: x
   else {
: X: b$ e4 `8 n2 {; W4 Y      xPos = xPos;
0 I4 k( F/ c2 y# M% ]! j7 @      }; k- _) d/ m3 @; p3 ?* l
   if (yDir == "down") {% a  `9 j4 T% t4 u! A: M
      yPos = yPos + BallSpeed;) p/ @# u3 ~; z1 o! j% O
      }
( u0 [8 p& j, p/ P1 y8 C" n* a   else if (yDir == "up") {
7 l0 S+ X* o. L. o: k1 [2 c4 _& c# B      yPos = yPos - BallSpeed;/ v9 x# g& W6 j9 d
      }
- m  A8 ~  c. t! p: @7 |) K5 b   else {
; m1 l' p- a4 h- s      yPos = yPos;: f! a' g, }8 U' U
      }; o* s5 H8 p1 f# Z0 J
   }, @( }4 [/ u6 f. i- F: X6 j' H
1 L3 `- d) m) f5 m- u$ Y" x4 J" A/ s
function hidetext(){
3 |- G; k7 N, i  j" Gif (document.all)
; s1 A8 e6 ^# g# osupertext.style.visibility="hidden"
4 x, n& \. f2 O9 I3 belse if (document.layers)
' X* `) P( w6 Ndocument.supertext.visibility="hide"6 b' I6 Y# w3 L% \+ B4 R" ]# N: e2 S
clearTimeout(animatetext)0 S- p1 a# a3 g( ^  M+ M  ^
}6 q" C1 k2 r6 Y5 _- [. x, Y+ p6 m

9 N8 ]$ N" f7 |# ?/ [if (document.all||document.layers){8 E' V7 L2 a) ]6 D" p3 a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 K7 H& l* u& ~& E6 Q- `$ m. Y" I
window.onload = initializeBall;
) E7 }% k! J6 J3 W6 B: w# jwindow.onresize = new Function("window.location.reload()");
$ y3 i5 P1 x# ]3 D% u}; Y, g$ W$ R: H
, |% i# j6 P6 v4 `( B3 U
</script>