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

zw2004

<style type="text/css">4 ]' Q$ S( ?& `1 Y" D* v
#supertext {
# n+ r& e0 S8 W) z6 _% D6 _- Eposition:absolute;  a  }, @( h2 }8 o, j
left:0;- s8 [" B% v- g! q
top:0;( O5 f; m9 v  a' F
visibility:hide;
1 M2 P1 m! ^  o$ Y' H+ zvisibility:hidden;
% k& ?$ ]3 a: i4 H! Y: x& C5 y}5 r! @- ]: W6 M2 @  I
</style>
& }3 |6 {* u* O0 N7 D1 `4 a* N<script language="JavaScript1.2">
- o: `5 c, g8 K. S4 N<!-- 改变下的字体的大小。颜色-->
, c+ }4 l# A( rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  y/ a9 `9 H$ z/ W0 A  c
var hidetimer='';% _) K& C& z1 ~/ e& r( ^7 A  f
<!-- 改变下的弹跳速度-->4 O+ ^! }6 P" [, F
var BallSpeed = 20;) z5 c/ u; {8 D
var contentWidth;
9 d! v7 y5 y& T0 m% p$ t4 zvar contentHeight;
+ U  T& ^- x) Avar maxBallSpeed = 50;
: V6 w% G) r# N3 L2 I4 p% h: ?
- k' M8 g* K3 L3 ~$ X; `/ ~! D
: b; a% w! `, p$ q  o6 X; W/ G. dvar xMax;
8 D* J: X7 K9 m! t0 i- Yvar yMax;
) P$ M: Z' ^8 l5 n8 wvar xPos = 0;
. ]% @) D8 H2 ~* L! k3 ovar yPos = 0;
4 t6 Z/ P' \' h2 B0 E9 L+ @1 hvar xDir = 'right';. ]/ d3 x1 ~* Y" m, j" k
var yDir = 'down';. C6 L) n1 E, N6 ^7 a
var superballRunning = true;; X( p; b' a/ b
var tempBallSpeed;
$ t5 J2 P8 c9 t7 u7 R0 A1 rvar currentBallSrc;
, [' `, |6 a# M7 Qvar newXDir;
& d: D1 g* v: I) i0 ovar newYDir;! U* k' i) G% [; d6 l# ^

; f/ Z# o2 l) r6 k. Efunction initializeBall() {4 k$ {3 }$ C+ c
   if (document.all) {# h/ X" j4 a. h
      xMax = document.body.clientWidth
. t; _( E9 d# ^5 B2 Y* F8 m      yMax = document.body.clientHeight
  r) l. E5 f: \. {      document.all("supertext").style.visibility = "visible";
6 m" x3 F6 ^" y8 W# ]      contentWidth=supertext.offsetWidth) z. B: ?% O. b/ L9 `& J
      contentHeight=supertext.offsetHeight5 J7 M3 @7 m* M! A8 Y
      }) s# E: S2 l" A/ u" |! z+ N
   else if (document.layers) {4 P) N% u8 W% M. k, m9 Q
      xMax = window.innerWidth;1 u$ b: W' v& a
      yMax = window.innerHeight;1 r+ ^! y5 G$ z$ G; D
      contentWidth=document.supertext.document.width
$ v% G( U& \6 I8 }$ ~* |      contentHeight=document.supertext.document.height9 S3 X" E8 o5 P/ L$ ~
      document.layers["supertext"].visibility = "show";8 b+ k3 C( [, h2 |' s$ P4 b$ C/ R* l, B* h
      }
/ t/ f2 h+ Y( I. |% b& K   setTimeout('moveBall()',400);: m9 {: r* ^2 g( r
   if (hidetimer!='')
9 S+ z4 b8 ~/ A* ?' n6 O   setTimeout("hidetext()",hidetimer)7 f1 R# z5 `) U' n! S
   }
7 [6 Z* N% T8 {' h6 I8 F! L5 f5 W3 K/ j
function moveBall() {
' \( O  H( c8 O& o1 s5 M7 g  a- L   if (superballRunning == true) {
9 \8 c; v2 L/ z& h( d- t! [- F* }      calculatePosition();' A( |  t% u! T
      if (document.all) {3 c9 `+ E3 b" S# L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 N+ R; v& o9 f% G# ^! R
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 T5 T4 ~$ y; @* K2 X( n& Z2 R         }9 D# s4 w' c8 v, ^+ ~
      else if (document.layers) {
& N0 l0 F$ ]4 H. Q" P* e         document.layers["supertext"].left = xPos + pageXOffset;# Y( ~4 i9 Y# _$ P* z9 t2 u
         document.layers["supertext"].top = yPos + pageYOffset;! U- L, @, J4 |( m# e' H
         }
+ ?* _( [7 P0 z9 a" B4 Z. H      animatetext=setTimeout('moveBall()',20);
2 P8 F, o: I7 J- g      }
4 N8 a$ `) H+ o   }
+ E7 V& ]( _8 J8 C' y' J6 [* Z# G! J6 |( D3 h' G% Q$ S, u
function calculatePosition() {
- {; X+ H6 E0 v0 j' S4 S9 S: j9 M   if (xDir == "right") {+ r4 B2 g3 \& D) a: m5 U8 j
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 u& M9 J( [, u$ e" \- Q
         xDir = "left";
4 w( U0 c  w5 A# O# `+ V         }) J* n2 ?/ B! k) Y: T+ a+ c4 J+ k
      }
& \7 \4 ^! w% L$ b5 @7 p   else if (xDir == "left") {
4 [; t. M& ^( c" W5 O: n      if (xPos < (0 + BallSpeed)) {1 Q8 i$ T; y( P$ }
         xDir = "right";0 m. [+ Q" [# Z4 e+ f1 F
         }
$ j% J( |; \% _+ L. R, J6 y      }
' Z$ l3 F& X9 p! K   if (yDir == "down") {
3 e0 s' K& M; Z# u& u      if (yPos > (yMax - contentHeight - BallSpeed)) {# }- Q, ]! P: c3 {7 c. G+ n
         yDir = "up";
" U5 \# K- U8 \2 p1 }         }
4 u1 w8 ]+ p* C! `- @      }
1 a8 l1 }; @# `0 W' u9 }   else if (yDir == "up") {" v$ i- k- F/ C! r( n, Y" U
      if (yPos < (0 + BallSpeed)) {
: T% ^4 C) Z% p8 l" |         yDir = "down";* L& F0 j% s2 s; M: ]1 X0 Y
         }1 l$ m/ W3 C$ K2 s! f
      }
. N' m, h! k8 Q   if (xDir == "right") {/ Z, \! [, w1 ]8 H8 H# j* ~
      xPos = xPos + BallSpeed;
, @( [8 Y6 ^% z) _# F; l+ [' h      }
1 e6 f2 m7 i$ o1 v+ a9 A   else if (xDir == "left") {2 b, T/ w* j: _1 u! g% t1 j% D
      xPos = xPos - BallSpeed;
+ T6 f. v- I  B! r: y* U" m      }2 s6 g3 G. u- c0 o' Y" o3 e8 d
   else {
# y& [8 X& K/ S      xPos = xPos;
: Q2 R* [* _: Y" H8 b      }
2 {0 z  k5 f% ^% J- b% |   if (yDir == "down") {
1 c! b4 C. N/ M% O3 u: ^* f      yPos = yPos + BallSpeed;
+ K7 n3 B% k3 w4 e      }& ?; E6 T$ P+ a# `1 G9 G! G
   else if (yDir == "up") {' _) b2 O* _& X6 b, C
      yPos = yPos - BallSpeed;
! o) m9 h  M( g      }% U1 M% V8 l8 ]( ?9 n
   else {
1 c0 k+ I4 t" P3 _+ E# d& k, F3 ]      yPos = yPos;  N" S9 L7 D' N! _& ?
      }
3 o) ]3 i& {5 T7 g0 H$ e) d2 ]   }( d* \. N: c* a* d! e7 Y

8 `2 Q: D5 H9 ffunction hidetext(){
/ l0 j  b! D5 p/ xif (document.all)
0 v5 B3 t2 V; v# zsupertext.style.visibility="hidden"4 S/ X7 q. Q  n" O
else if (document.layers). i3 I* t0 p' O3 s" Y
document.supertext.visibility="hide"5 T+ @, c/ L  k- \4 f2 W' f4 F
clearTimeout(animatetext)
# _, p  I' ?$ l5 ?8 G}
0 _+ U2 D1 ^1 m4 z8 M( P* V- v! m, O8 O: n! |
if (document.all||document.layers){4 r% @. C4 b6 o! c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' Z' l. E1 C" ~7 ]! f' ?$ T
window.onload = initializeBall;
. e9 H, w! M# S4 m# n  Ewindow.onresize = new Function("window.location.reload()");
- W  f& b: S& l2 N}, \+ W  Y. q! d1 v5 h7 ]  p

  _9 P, B  t* r8 @</script>