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

zw2004

<style type="text/css">
5 I: Y% ~1 V& [2 j9 I$ S#supertext {
1 \; P+ y2 |2 W5 ~) X3 G! k0 L* K+ @7 Wposition:absolute;
0 p' d2 k- K! l1 P0 E; V5 Q, [left:0;: V5 Y8 Z; i) J. t9 P3 c4 g4 s
top:0;
+ R; Z/ l  v/ p( L- J% S, H( B$ Qvisibility:hide;: B$ m5 q1 {# Y1 i. C3 t) n
visibility:hidden;, {" t- h0 a. D, \2 |
}
/ G! E' ?9 A" G3 M# r$ U, z: d</style>
' D- A0 S: m7 K1 j<script language="JavaScript1.2">
$ ^3 N# Q6 X4 f<!-- 改变下的字体的大小。颜色-->3 P, @* \$ U2 @  H. f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 {  o3 S8 W9 g( s, O' \var hidetimer='';6 q; r1 j+ \. S) r- e. E
<!-- 改变下的弹跳速度-->, j, |8 F2 i# W
var BallSpeed = 20;
+ ^' E/ J6 F2 w! F% h5 C& Lvar contentWidth;8 Q. M0 c8 [: |" ^3 f
var contentHeight;; }) `' H+ B4 U/ ]% X. O- _. c, }
var maxBallSpeed = 50;4 F  ]) r. C2 V/ U- c
8 x  E: m1 k0 T, g* f  k; u
: Y! X: l' ]- S* c- E& |; l
var xMax;0 ?" `& J+ e. V* o8 ^# b
var yMax;. D& S6 z0 b. [  R$ W" Q; y
var xPos = 0;
8 j2 W) X: G- m8 kvar yPos = 0;
0 K/ T/ y7 \/ q3 Mvar xDir = 'right';+ D2 i) N: A. f9 b! y
var yDir = 'down';8 V3 D+ W* m1 V2 N0 }& G
var superballRunning = true;
! `  x6 V/ F* b, qvar tempBallSpeed;
5 |+ H1 T. E0 j; m* [/ L) ^var currentBallSrc;  b: t/ J6 B$ C* O+ {
var newXDir;5 e6 Q6 p. \# _9 p: w4 h$ [/ w+ G( M! `
var newYDir;
) u6 E! y6 U8 I7 A
& ^" c* z4 v% d% e$ \function initializeBall() {- {; u6 Z6 W  N6 z" m( U1 Q
   if (document.all) {* Q( c4 F* e& x9 v0 J- _1 Y
      xMax = document.body.clientWidth
& x% j( ]. R; ^! j: n' p      yMax = document.body.clientHeight, X2 w+ G5 V7 R/ {/ D
      document.all("supertext").style.visibility = "visible";  Q6 Y) Z* o7 C2 W" C
      contentWidth=supertext.offsetWidth' i9 L. T& y& z
      contentHeight=supertext.offsetHeight5 D3 W0 N' x; P  E8 r% f* X
      }
% |3 F- g" `2 ]; {$ I& P5 s   else if (document.layers) {
6 O* o; n' c( e; m8 T      xMax = window.innerWidth;  z! T. D# [* J
      yMax = window.innerHeight;
- N) k" `3 R# ~" O6 {6 X7 [  N: s      contentWidth=document.supertext.document.width
3 y3 K% Q8 _& x      contentHeight=document.supertext.document.height
/ o( B8 e2 Y+ U$ p6 a6 b8 A2 C6 W* N- l      document.layers["supertext"].visibility = "show";/ s" |5 ]/ ?) H2 j: U
      }
, L* V6 t& A/ y5 m! l1 b/ z7 [7 n   setTimeout('moveBall()',400);; K% |; f, P/ ^; `
   if (hidetimer!='')
& ]. Z5 ^( f' @# W   setTimeout("hidetext()",hidetimer)
, T! j1 @& N/ z% p& z. O: X% P7 h; ^5 \   }5 `5 u$ `  Q, A. J, S0 ^1 Q: ~" v
1 M! Z: h3 ]1 A9 L5 h
function moveBall() {
2 L7 Y% c7 {  q* E- h   if (superballRunning == true) {
# ~) U5 |$ R. O2 h* u      calculatePosition();" a9 y/ f8 y! W( T
      if (document.all) {
3 r* f5 P/ p; [# X9 k         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 {( a% k& p, O         document.all("supertext").style.top = yPos + document.body.scrollTop;
* Y$ S3 X/ b% v! Y. I         }: I% u, e, R8 q
      else if (document.layers) {+ A6 Z3 J0 h9 n% {: Q
         document.layers["supertext"].left = xPos + pageXOffset;  P$ D8 \% ]) K  I! _
         document.layers["supertext"].top = yPos + pageYOffset;
1 D7 C% N: x2 S5 b3 Z% z         }
( A; S: W2 X8 X! A% n4 a5 a/ c      animatetext=setTimeout('moveBall()',20);7 o0 P; ~& b4 j* b2 i$ i5 X5 i
      }; X1 q5 N, c2 m# C
   }; g& ?! ]2 j. H7 u1 Q8 o0 R# H2 t
9 p: ]) ~9 M9 _% ~. V) D* W9 W
function calculatePosition() {0 `" f# ^' j/ G# }/ o
   if (xDir == "right") {
: c! h. L) S% K# E1 @0 n      if (xPos > (xMax - contentWidth - BallSpeed)) {* \0 ^( o! H8 o: J' G
         xDir = "left";" Y7 E1 L' w( _1 O3 C
         }. y# G6 i6 d; L* o
      }
/ a# X: q  D  }3 r   else if (xDir == "left") {9 h2 V$ V; l1 o1 g) j
      if (xPos < (0 + BallSpeed)) {! Y$ q) P7 n# \1 H4 M  z
         xDir = "right";
9 `- _  N' c- y! P2 ~( P         }
) |6 t1 b, O- h. q# Z7 O6 d  X      }2 q  M% B8 e3 }; a: o
   if (yDir == "down") {- z1 L0 E8 d5 g" e8 J. |
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 |: g+ T  P( ?: L/ a
         yDir = "up";
- ^: F$ V$ Z  \; v0 h         }' K. w% T8 l1 |( I6 v9 d; o# n
      }+ [: O) q! V8 i! p& d
   else if (yDir == "up") {- x' V6 B* x: t+ v9 i+ H9 V* h
      if (yPos < (0 + BallSpeed)) {
( r. |, B* n, ]- G/ l3 u$ M         yDir = "down";
! L% k% [" g% D, c5 F# h$ d. [4 @         }& }9 P" c7 x1 p' b: z
      }
6 ?3 _! W3 x; A' V, h   if (xDir == "right") {
/ x+ o5 l9 ]+ X' }" `      xPos = xPos + BallSpeed;
' c5 Y5 w* [# T- b      }
" n) w" k6 f5 t   else if (xDir == "left") {
0 i. G, V# l$ [; b# H" `. j      xPos = xPos - BallSpeed;
) z) l' u+ v( w9 k) `/ \      }5 j( K% {, F, F
   else {
  t3 u4 x+ O% K      xPos = xPos;: M( Q: Z  x# E
      }
! O7 K2 i6 i/ t1 s9 x   if (yDir == "down") {
9 A7 Q8 L" _# `      yPos = yPos + BallSpeed;! n( x" p/ Z9 }$ {2 C
      }9 v/ m7 k0 F6 W, h9 V4 l& U
   else if (yDir == "up") {  Z6 s4 Z% f3 S. _, {6 Q, E' Q
      yPos = yPos - BallSpeed;" t/ d  @# h6 S9 |* k( [& J
      }: `8 ~- K: E$ D+ O2 r
   else {- f4 `* b8 u" w, Q& h3 s) k- ^
      yPos = yPos;8 ~' w( q0 H8 ]$ h- G
      }: J' H; m* ^0 A$ {' I
   }6 H) ~$ I9 P, [% Q1 d! z6 ^
; G/ _; k6 l; q7 n! ^% {( |
function hidetext(){
  S9 D0 R5 @. ^; z8 R* y' Hif (document.all)
3 Y0 ?# I  R" n* b7 @3 O& gsupertext.style.visibility="hidden"
8 \6 J6 s8 D. melse if (document.layers)
8 i. h3 _; X( S; Q) o9 pdocument.supertext.visibility="hide"5 @- r4 B, G0 ^2 Q* j4 a, b/ X
clearTimeout(animatetext)+ l8 p4 x# j) ^
}  _  h- H. a1 N6 u
4 _: E0 {$ o4 u9 @
if (document.all||document.layers){0 f: Q' I; M* S7 a# m1 h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# z% j- A  V) O% {window.onload = initializeBall;
$ m% F5 l) O9 e. T$ f8 Swindow.onresize = new Function("window.location.reload()");
$ H3 p& P6 E/ |3 J  |( ^}+ s$ s2 q! v' y  v' b& B& q0 g2 L
: S7 H! q: j% ~. u+ J, f( r" i
</script>