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

zw2004

<style type="text/css">
# V7 e' _6 Z7 W#supertext {
- }) I8 i- v  x  i5 e7 a; Jposition:absolute;! V, E5 |( N3 f( [# N& S! S
left:0;, d' P( ]: ^$ t- f- U
top:0;
) e* p% ^( C+ U) `- f' Q  Mvisibility:hide;
9 D  N  L) v0 W5 h6 k8 \% xvisibility:hidden;
# F/ r2 V4 Y7 F. w  d  A' y9 e}
5 y8 h) c: B) n</style>
7 i- \1 A6 Z' B# f<script language="JavaScript1.2">
! |: _, c, G7 j8 a5 J+ K<!-- 改变下的字体的大小。颜色-->$ W6 Y& c# E0 q+ f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& g) z0 V8 k! ]! [9 evar hidetimer='';
1 b5 p: ~) k( \7 f" `% h' N2 \; e<!-- 改变下的弹跳速度-->
- Z7 A+ d( `! pvar BallSpeed = 20;8 }+ H1 `2 f+ F$ J
var contentWidth;" h5 A0 ?9 j6 Z" h; [! G
var contentHeight;" u' p4 D9 y4 Z$ x. m. V6 q
var maxBallSpeed = 50;+ |% A6 p0 K2 J
7 o$ p; e* Z$ y. T8 Y
/ `2 o0 T6 }  E0 w9 g) ]3 V
var xMax;# v, I) H$ O/ V- \. Z
var yMax;
, @! a3 e. y- c$ @0 J! u8 v7 pvar xPos = 0;! T- ~$ l, j5 @* e+ T
var yPos = 0;
+ V* r; d8 k5 d, avar xDir = 'right';* |) G6 m4 l, p. g1 Z: B( W
var yDir = 'down';
! K. n* P& z' N/ ~" E& e* Dvar superballRunning = true;
% g7 }2 [9 a4 p& v9 S4 M- x3 ^var tempBallSpeed;
' W1 x( O  U" g* nvar currentBallSrc;
* a8 t8 q4 B: r8 p4 d/ r4 Evar newXDir;
1 B& v- s" F* W5 U9 wvar newYDir;
0 r% ~* N2 B6 h( b0 n; @9 a8 w. v4 B+ q4 ]4 G5 T9 p
function initializeBall() {
  i- @1 O, E* Y4 e& d, F; j, f" h   if (document.all) {
& o: @8 z) j5 {6 w      xMax = document.body.clientWidth+ q: [8 S# A% Y' T0 I0 N8 m
      yMax = document.body.clientHeight6 {" t* P8 W* I9 c8 o, Y
      document.all("supertext").style.visibility = "visible";( j  y, u8 G3 {& l7 n4 H$ q
      contentWidth=supertext.offsetWidth
7 `# y/ t9 p* C) l7 D      contentHeight=supertext.offsetHeight5 ^+ q- J4 K4 i6 E  Q$ w6 t
      }% E  j2 k# D9 m3 s1 C/ B
   else if (document.layers) {
9 q/ @" \$ D1 R' D      xMax = window.innerWidth;. o1 X# _1 Q) s; e+ q1 ~
      yMax = window.innerHeight;& J2 o5 f; z9 s: h# J. e5 U" D
      contentWidth=document.supertext.document.width; u0 ]$ Z! W* ~& i2 W
      contentHeight=document.supertext.document.height; ^% z" p$ {; S2 L/ |
      document.layers["supertext"].visibility = "show";6 D4 J  E% N8 ~8 b8 X
      }% a) @! c+ \- k, s1 y5 `& H  G
   setTimeout('moveBall()',400);% ^5 n* j/ \4 z* Y6 P9 ~
   if (hidetimer!='')
7 y9 b$ ?2 G0 Q; u# c. T   setTimeout("hidetext()",hidetimer)" K5 i& s  K7 P$ P1 a! d: _
   }
" \$ M& ?" l2 Z) C* f% q6 L: u7 Z3 l8 E" P: {* D
function moveBall() {" d! c8 z1 j" l! G; \
   if (superballRunning == true) {
! O( n( S. y8 ~      calculatePosition();7 ~" J6 g7 ~4 S+ t) {. g- b
      if (document.all) {% f' R3 J+ L' E0 ]# d1 L4 ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! u$ g; b" [/ C* y7 |
         document.all("supertext").style.top = yPos + document.body.scrollTop;
# w9 T6 h% b* e# D6 [- r2 b9 A9 W         }
$ ]9 o# _3 x) h+ `      else if (document.layers) {4 |# h5 U3 f4 G2 @
         document.layers["supertext"].left = xPos + pageXOffset;
" e) E* _. }( H' Y. _         document.layers["supertext"].top = yPos + pageYOffset;4 g1 J) {4 W' ?) q6 q
         }
8 P$ L! a& J# Y( E. O( }# g' }. X      animatetext=setTimeout('moveBall()',20);6 H# o% h3 }7 H- P* W
      }
& m  G4 c# |. T* e7 g, y   }8 M3 x- S8 P5 g2 ?) T/ I! I
7 U$ M# b$ `) }
function calculatePosition() {9 o( v( w; A9 ?. I$ m+ l
   if (xDir == "right") {0 y+ @' Z5 ^! ?& p4 B6 r
      if (xPos > (xMax - contentWidth - BallSpeed)) {% Y* K8 e" S% M5 v6 V7 D7 a
         xDir = "left";1 J9 Y. G# }$ J  {4 G
         }0 {( l( P3 {$ C
      }1 o& u% d6 w4 S* T: q$ @
   else if (xDir == "left") {
0 |4 O5 u( m8 Q. @# y+ d; J      if (xPos < (0 + BallSpeed)) {
' }3 O5 K! V2 q         xDir = "right";
( o2 D, [/ M' s         }
6 O, J! p0 \$ _/ t: z, T9 T4 _      }$ o$ _0 L% y/ S/ ~' f
   if (yDir == "down") {8 r% G4 H  z% p3 ?  r7 @
      if (yPos > (yMax - contentHeight - BallSpeed)) {* y  {6 P/ B. f' L: `% B3 [
         yDir = "up";
+ q& g* m. i2 w9 y         }
2 _8 b( O  {3 J0 c" Y( D, s      }# u; K& ?8 }6 X
   else if (yDir == "up") {
- w5 G, h/ ?; w% }1 B      if (yPos < (0 + BallSpeed)) {
$ w- p1 r' b, s8 S         yDir = "down";% T# [+ ~7 {' ^$ m6 j
         }
, `9 S7 o! o9 ?6 Q! T      }2 V& D" w' F' i# j& {
   if (xDir == "right") {! |9 T. X! k& x7 I9 n& N- |  _7 n
      xPos = xPos + BallSpeed;
0 S+ ^5 a7 q" m0 A      }; |4 |# |2 X  X
   else if (xDir == "left") {) N: Q6 b2 |$ @8 T
      xPos = xPos - BallSpeed;
& |: G$ k5 R. |9 F8 U      }
, V1 {# b: Y  O' ?   else {5 t+ K0 j+ N* {+ v8 z- {2 o0 S
      xPos = xPos;/ Z# v) }  |# D, R2 @0 u  N9 ^
      }* e2 Z4 Z5 ?7 m" l8 s
   if (yDir == "down") {
" U5 F: E& j2 b      yPos = yPos + BallSpeed;' H" R. r5 y& G9 T8 P
      }
: f8 R5 t8 w. f% M% U5 a0 r1 j, n& G   else if (yDir == "up") {/ S, B9 w; N1 B
      yPos = yPos - BallSpeed;  [" ?- Z1 W0 n. o% z1 a
      }3 g$ p% F1 t4 k2 N* ^% ~4 h
   else {) G/ `& f( f7 @& f! U5 g3 D( [' ]' o
      yPos = yPos;
; |: G7 P$ ^% a2 m6 `9 s% q      }- w$ [  o. K% [# w  V
   }5 j% `+ n5 u( g' \& a9 z
# W9 O2 F7 S( M8 f: }$ E% Y
function hidetext(){7 x+ d( H2 i/ R. F) P  L
if (document.all)3 A6 Z: L& H2 Q2 b- @3 f
supertext.style.visibility="hidden"
# d3 A# H* Y. q1 }9 Yelse if (document.layers)! v  K- L: U9 ?
document.supertext.visibility="hide"* H/ O" ~$ E+ h* z/ ^; V$ F7 y: A
clearTimeout(animatetext)
* E2 t* q6 n: m}- N* M1 o. e7 N/ I. z% f' D1 a
1 j" ~4 w; O! }6 g& k; l) K
if (document.all||document.layers){! d: \" l1 d# l7 F3 m8 R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). H, ^5 B  P; g4 o' Q# _; Q7 w
window.onload = initializeBall;/ V9 l% a( ?  k; K: _
window.onresize = new Function("window.location.reload()");
" }8 B5 U" p7 k1 a& t: G8 w  p}
- q3 R% F. Y  d, S) [$ E1 g2 ?4 o; j6 r( G: y% T0 e
</script>