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

zw2004

<style type="text/css">( S7 l+ Z' w; O+ I7 @. h. W! I; e
#supertext {- h8 S/ i1 S1 c. w
position:absolute;
+ \6 t% t" f) E" w. bleft:0;) m1 d4 k% u4 m- P$ _
top:0;  ]6 G4 Q5 W. B+ |- ]
visibility:hide;
0 |0 q- u/ K( ?, f& Uvisibility:hidden;
( X- N% \) C$ w$ q/ T# N% N: a}8 K- [% E6 e4 s+ ]3 U
</style>
) Y4 m3 ]- a3 x1 d' f<script language="JavaScript1.2">
1 F- ]- F- f8 m( W) _6 J( L<!-- 改变下的字体的大小。颜色-->
6 M6 h9 l, E$ e8 c4 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 _0 S3 t( I; @3 ivar hidetimer='';
( q9 e3 G0 h; t7 [1 V, k<!-- 改变下的弹跳速度-->
- n4 M) j# d- Zvar BallSpeed = 20;3 o8 W6 C. e+ f' c$ s8 A# I. c
var contentWidth;
+ @. P9 J7 R% M2 P" Y* f* r' gvar contentHeight;3 p& u+ E# D, G  u
var maxBallSpeed = 50;
5 z  q# j: M9 z$ f
/ D5 r$ f5 R2 n/ }3 _/ }& q
: v- L1 |; m* h, m1 ?var xMax;
4 F! R2 O3 m  k7 zvar yMax;
6 b( k% C- y1 c: X; W( x: A5 `( S0 ~9 nvar xPos = 0;/ f* v3 D8 g; X3 F+ o
var yPos = 0;3 X0 l9 ^: ~6 w8 x! D
var xDir = 'right';4 n' i8 y$ k+ ~$ c7 O! {
var yDir = 'down';/ a9 Q: j9 x# ~: t# H6 U
var superballRunning = true;, W) w+ y& X- {4 d* l2 g
var tempBallSpeed;
) b. F7 i: b% t! w! x/ ]var currentBallSrc;& W/ i( A4 R. i1 `' F8 E) \
var newXDir;
2 c# T) K# ^; }0 I& m7 Lvar newYDir;
5 M  w$ Y) H* V& G" b
2 `% h6 N( R' c5 D. V! wfunction initializeBall() {
0 ~5 o9 n% B1 D, u( m( a   if (document.all) {  J& D& |: E% {4 |
      xMax = document.body.clientWidth; r# P  G$ Z" N
      yMax = document.body.clientHeight
+ i6 m6 @- w* A6 L  S      document.all("supertext").style.visibility = "visible";
) e4 W# W9 ^0 L      contentWidth=supertext.offsetWidth
, Y5 n; b& h" x0 H) P      contentHeight=supertext.offsetHeight2 a5 e! y/ T) |
      }
1 k, h. k8 a; {3 b) s0 l+ r+ e   else if (document.layers) {- h* v# J7 ]) ~  t9 ]3 N$ R& M
      xMax = window.innerWidth;1 l- S! U: q1 q1 }- v2 v
      yMax = window.innerHeight;* u# `* z0 i5 j1 ~. |, [* l" t2 |
      contentWidth=document.supertext.document.width
6 c3 V! V% S9 W  f      contentHeight=document.supertext.document.height- B3 _7 ?) w/ T1 z. J9 o& i
      document.layers["supertext"].visibility = "show";1 ~+ [/ L* d$ {! o' c- |
      }
/ p8 d. u' O- R1 O, }/ m   setTimeout('moveBall()',400);; N7 [/ x( h0 f, M
   if (hidetimer!='')5 i, q+ b; x- Z, @
   setTimeout("hidetext()",hidetimer)
' Q1 v1 X% h3 U, s- W" K0 ?   }
: w3 h& w, o) b2 O
9 G$ W0 F' @, n9 ffunction moveBall() {; W4 u# y" d1 F. G* j+ N/ @
   if (superballRunning == true) {9 ~& q# s! X: e  ?9 R9 ~
      calculatePosition();) ~1 n! ^4 o+ }( l+ R7 Z* p
      if (document.all) {
5 y" G3 `. a2 _4 j' d/ ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 g6 R6 N' D  u; w& k- ]% R$ _
         document.all("supertext").style.top = yPos + document.body.scrollTop;
. o8 n2 P( _( Y: Q  r         }$ ?$ l% B3 A* e/ U& Y! y6 a- K9 P$ W
      else if (document.layers) {
3 @" C* b6 `4 o( O. m         document.layers["supertext"].left = xPos + pageXOffset;0 g0 Q( E$ D. S& p2 ?6 z) Q1 N
         document.layers["supertext"].top = yPos + pageYOffset;6 \4 `  d- N2 C  S- b, K$ l
         }
4 r2 o/ i; q9 R* F      animatetext=setTimeout('moveBall()',20);) x5 }8 r9 A5 _  Y) g3 c( k
      }
8 f. c+ `7 I4 W  o, o6 B   }
4 d) v1 ]4 Q$ J1 N0 t2 i- F, Y0 [+ f* b) j: L2 |
function calculatePosition() {
; s1 j. V0 U3 U; w   if (xDir == "right") {
- D, D& O1 p. o! E$ I      if (xPos > (xMax - contentWidth - BallSpeed)) {0 [4 x. J5 g$ M/ W2 p  L7 w5 Q
         xDir = "left";1 }4 A' b! R8 v3 ~. |" E5 z
         }
: M7 @* S$ V" a1 L! i: ^8 \      }
+ H+ v* \4 [4 c  a' A* @5 {6 W   else if (xDir == "left") {( s9 w# J  p& j% [" x( O
      if (xPos < (0 + BallSpeed)) {4 N. u1 ~0 a7 l; R4 B; l
         xDir = "right";
( w4 [* f& x; |: |/ i. Q) @# b         }
0 r) T6 E; Z& f3 X      }
: G  C5 f) a( W9 |' h( @) ~   if (yDir == "down") {9 u6 \0 {4 N) o" D
      if (yPos > (yMax - contentHeight - BallSpeed)) {, m8 `* @. C* N; ?# z% ^
         yDir = "up";
. O8 t) Y" f+ ?/ f: }         }/ C) N/ S- j0 n: P" R- K- D
      }
$ U4 _: l8 [& Y1 m2 N   else if (yDir == "up") {
: M; R6 v0 M/ q- ]6 f3 T' L      if (yPos < (0 + BallSpeed)) {. D. I, z- G( S6 j% v
         yDir = "down";
  n7 Z- o, B: N4 V; \/ u         }
  |9 R6 r+ s& T1 x      }
" Q- U( H& ]1 A; O6 |   if (xDir == "right") {6 M, x+ z, A, d
      xPos = xPos + BallSpeed;" U' x+ t6 N2 W+ ]/ u* j# Q1 X$ m) E
      }
6 E2 [0 P$ O! u0 O   else if (xDir == "left") {
, x. Y9 ]( S# U3 w      xPos = xPos - BallSpeed;
8 c: |% o- A, Q      }. q, L; b( U5 X& Z' {9 `
   else {6 K& C% Y2 x& D9 N( N& U$ N4 x
      xPos = xPos;* }- a1 e: x! H
      }; w: A1 k7 N% f" G  a
   if (yDir == "down") {9 j/ t- E: x2 \# w" s. n  O3 n
      yPos = yPos + BallSpeed;
) Q6 E2 E6 s' Y; D. @, S& c      }# y, v5 r% E: \9 d, U$ e$ w+ q- S& d2 \
   else if (yDir == "up") {
  d/ Z, D" A% j% h- [8 W      yPos = yPos - BallSpeed;
( i+ z. ?- D8 w      }
) k8 s$ q" O: D" t* C5 v* _& A) b  B, j   else {7 V$ e9 G) ~- |! m0 i/ i) H3 T
      yPos = yPos;% W0 V2 U1 g6 e$ P6 A# \/ s) F
      }
4 h4 Z8 Z! ~0 _& ^   }: }; C" I% v, I: y
% {1 e) _( E, m% l4 l5 p; j. |0 Q
function hidetext(){# X* v! R- q. F
if (document.all)
" [& f3 P3 _0 O2 j# Y, H1 E6 ysupertext.style.visibility="hidden"
4 |2 K. O1 U* i* [else if (document.layers)
  `. g3 y( ?; A. |" `document.supertext.visibility="hide"
) n7 d; A/ K" }8 W' I7 yclearTimeout(animatetext)
7 ], `0 N) c+ y/ A8 ^}
# e/ g6 m3 `1 S8 r
% J. y# v7 S. f" @* t5 pif (document.all||document.layers){( |6 v. s, _% G3 b% b6 u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 B7 G/ l! C: C+ {& {9 b4 F! mwindow.onload = initializeBall;
/ y5 i6 K* _( _4 H. N3 _$ D2 Xwindow.onresize = new Function("window.location.reload()");% o' p2 E. f5 l
}6 x0 {9 K; A8 x5 B& ~' z, n

4 W! o# q# _) b6 T, U) u</script>