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

zw2004

<style type="text/css">
/ T; s, B6 H1 v) |#supertext {5 I$ I# f0 c8 H$ y
position:absolute;
' T2 t! ~0 |% i7 J6 `( s5 X0 gleft:0;4 H  ?; u) N+ d* E. I* F0 N
top:0;8 ^$ W# U" i3 @0 K) K' ?
visibility:hide;, J1 S' j# B7 B" t: I' S* l" t
visibility:hidden;# y# i5 P% R0 e3 g4 `
}
0 `& `( d6 i& _! [0 |( x</style>0 L% m/ \9 T+ I% C% B0 ]7 N
<script language="JavaScript1.2">3 R. q- v' r5 B
<!-- 改变下的字体的大小。颜色-->; f# X7 l/ T0 g) }5 y9 r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) m6 A' _  I7 o  ]var hidetimer='';* `+ f$ ]& h4 I. J' B, ?- j) Z
<!-- 改变下的弹跳速度-->3 s' T+ |, }& A- C
var BallSpeed = 20;
5 W. @/ i$ e; p- u1 Yvar contentWidth;
: K/ g& ]0 I: {+ a4 svar contentHeight;
3 D9 D5 g1 D' ^. l( L% Yvar maxBallSpeed = 50;' E( ~3 ^# m6 U/ ~7 z
9 l% X: j1 h# [* D2 s
/ n3 w1 ~7 Z7 E" C; T# f1 P
var xMax;/ l( x# w$ ~& G) _: i
var yMax;
% l8 ~4 V& l9 s7 A2 gvar xPos = 0;  V: ]6 e' E7 t2 U+ Y
var yPos = 0;7 u) @* [6 X3 S  n% P, {
var xDir = 'right';
+ G4 |7 J7 M1 q+ L% W: jvar yDir = 'down';
# M. S& o3 [6 f# ?& Jvar superballRunning = true;  B  B2 ~1 z3 _! ]1 a
var tempBallSpeed;
- c8 @8 L. ^% t/ ^$ Y  Cvar currentBallSrc;: j1 g/ n1 [0 r4 ~$ q' s. A1 B
var newXDir;0 z% _' C+ b- B$ X
var newYDir;
" w! Q& _: r6 j$ g/ S5 G  O
# R0 H% \, Q& @; e# Bfunction initializeBall() {
/ b8 ?% _. {% e3 l" X5 r   if (document.all) {
6 \) G% p) ~) i5 ~( X  \5 e6 ~      xMax = document.body.clientWidth
. Z1 p. n3 F) R( l      yMax = document.body.clientHeight, v1 C3 l0 I: ^: @- u! r) c
      document.all("supertext").style.visibility = "visible";1 G1 D( ~1 y! O; E$ d
      contentWidth=supertext.offsetWidth/ Z. Q  Q7 s+ Z. ~* b% I: Z5 M
      contentHeight=supertext.offsetHeight2 f( v, a: m/ N8 ?: a' G) y6 e
      }
+ ~8 i( G& o& g* I$ n   else if (document.layers) {
/ p' Q3 {2 F; A1 F% e      xMax = window.innerWidth;  `6 p4 K1 D% W) m
      yMax = window.innerHeight;
6 r9 _8 @) R( h8 M      contentWidth=document.supertext.document.width
! p/ r2 D* ^  l+ a3 B) O& F! a      contentHeight=document.supertext.document.height
$ }. Y  U7 c! s) h/ A      document.layers["supertext"].visibility = "show";
0 r/ R0 Q: W, O" A* A" A5 f* }      }
1 Q0 s6 A4 ]7 R- p; q* p   setTimeout('moveBall()',400);
; h6 ~  s0 Z/ g2 W- s   if (hidetimer!='')
7 t1 N" M" h0 |& N   setTimeout("hidetext()",hidetimer)5 W7 t8 c' M5 }
   }
! a: T$ k5 q  t( W: A2 Y5 H  R2 ]" t9 a) ]
function moveBall() {
: A* d0 p& N% n" O' `" F   if (superballRunning == true) {9 @1 e/ I9 m; }& M& ?
      calculatePosition();1 t! }+ l6 f  r. u( b: }4 m
      if (document.all) {/ R- |* ]* g( h: v! @1 e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 L9 I% J+ V% o4 a" M
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 i2 _* U( d+ ]  E! z
         }
: V1 `7 O; d2 [, T- p6 R5 \      else if (document.layers) {5 r5 ~7 W  R$ |/ y8 g
         document.layers["supertext"].left = xPos + pageXOffset;$ `  l# r2 n( T
         document.layers["supertext"].top = yPos + pageYOffset;( ?7 z0 ]* T8 Q+ i, D) s, M# [
         }7 [. n7 }' J0 n. p1 ~/ r
      animatetext=setTimeout('moveBall()',20);
! J0 v9 i( `1 |7 n. z7 p' y      }/ m- P  [% u9 ?5 e1 _2 Y
   }3 C; _) b" _5 ^* ?* I
1 H1 s# Z" A( B4 E1 |0 e# v9 S
function calculatePosition() {
9 ?* Y- X4 J3 W) t. P: r) X   if (xDir == "right") {9 w5 D1 w: B1 ~% |
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" _+ A4 n/ M2 t! h+ z8 i         xDir = "left";- f9 ?9 O1 |( |" x8 \/ V
         }+ O. Q# ~8 ?* m% Q9 c* Q
      }
* W" |; _+ b, t6 |' P   else if (xDir == "left") {
  Y$ o2 \/ X$ Z: z      if (xPos < (0 + BallSpeed)) {& B2 f0 v7 B' R
         xDir = "right";
6 r- y% _3 Y8 G. O: W! l8 E2 y         }, S# M" K. |& @  U( \
      }
$ H# k8 y. s* D& ^+ U* n   if (yDir == "down") {$ ~* Z! T0 X- `$ t
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! G- K. }( B6 Y2 L1 ~9 }* C         yDir = "up";
" w0 v4 K! G  c2 x  V+ z         }
7 r- g* B' U/ |+ u7 ?: ~      }9 [- Q* k; _/ o( R: F
   else if (yDir == "up") {4 J7 J0 W6 \: q: [  \/ ?
      if (yPos < (0 + BallSpeed)) {4 K0 f6 `4 J1 o
         yDir = "down";. A* m8 W& d, \; Q/ v) z: H
         }& y. o: I- ^# a
      }
8 S" P! h* \3 B& K, U   if (xDir == "right") {
0 |! @" g) V/ N/ C* ~, H      xPos = xPos + BallSpeed;2 N1 x" E/ X8 Q7 q
      }* W9 R+ ~5 {, F: V# l( i
   else if (xDir == "left") {
3 P6 r( v- E4 s4 [3 u7 k; I5 v      xPos = xPos - BallSpeed;
- s  t; ]# N5 K" x      }
1 S5 Y5 O) P5 H; e- R   else {) M, V# T# _; v! _+ k
      xPos = xPos;1 T3 B, V. o, ?0 }8 j( \9 W+ b$ m! L
      }
, Y3 p. U% H4 ^' }8 A9 t8 N. k   if (yDir == "down") {
& v7 p" D3 T5 T      yPos = yPos + BallSpeed;0 z& L# D& V' {% y, P/ O* u
      }
( G, E# f  b9 k3 m   else if (yDir == "up") {
: J+ V1 h) X* L8 K4 D      yPos = yPos - BallSpeed;
8 [  c; f% k$ ]3 N      }
% c* P7 {  M" u; z* U% d   else {. q/ V  G4 O; r% E# H$ r5 i
      yPos = yPos;
) x. V2 \3 x, E! P6 ~5 l3 Q0 }      }1 _4 `0 o) I+ \8 `( T: Y( h% f" @
   }$ b* P$ a* F) `& C$ U$ G" j/ Q; I" O

0 `- r- l* B: {1 s$ m) f7 y$ g4 J5 f4 Mfunction hidetext(){4 p, w7 M& g; s* k3 |: P
if (document.all)
# x$ `0 g, a3 i' G( t1 r, dsupertext.style.visibility="hidden"
8 ]& v! [7 c, _! A6 G8 Kelse if (document.layers)
& w* r. I! H- s1 vdocument.supertext.visibility="hide"
( F( }, n+ ?* V2 F, w4 n8 \clearTimeout(animatetext)! n$ Q$ X) [6 a$ s  S
}- d# A: W+ {  T

4 U. ]* `1 v5 _/ zif (document.all||document.layers){- N! k; ^, v% o" T: J! {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 O1 M8 U  x5 b8 |. i- |6 B) `window.onload = initializeBall;; f- f! M  z& F5 k% a
window.onresize = new Function("window.location.reload()");/ C" ?5 I" h8 a9 C7 U5 \1 p
}
- T  ?" H# @6 @4 m# Q$ s
+ z% }+ X5 a3 H; n+ a  ~) x</script>