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

zw2004

<style type="text/css">, |7 Q  d' G0 \# ^7 [* z5 \1 W  A
#supertext {
% W( U- F9 V/ Z3 ], Y5 eposition:absolute;
; \# L3 |* U, [& ^% X- cleft:0;) i; j/ @# i8 P  ]& I6 Z
top:0;, r6 W' q; m" O, p
visibility:hide;, X* q4 a6 a: H2 a! p. V
visibility:hidden;5 a: e9 c4 e' e* N
}) M8 U, K. E' c: r9 `/ ^' W! l
</style>
" l0 [. ~, o  K% E% r1 t6 n<script language="JavaScript1.2">
( u( s0 I$ Q0 N<!-- 改变下的字体的大小。颜色-->
$ X% o; k$ r. J: W% m2 u* L0 Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. [$ ~4 y9 i/ r
var hidetimer='';) ]- `& D: W. s4 m5 j
<!-- 改变下的弹跳速度-->
0 V: H7 A( Q: D+ Jvar BallSpeed = 20;( j/ g; ~' P" D3 X+ Q
var contentWidth;1 `9 T2 K1 u! M! r
var contentHeight;
- R$ X8 Y. Q9 {1 t3 O9 F, d  Gvar maxBallSpeed = 50;
" G9 k, E+ y( a  u
  c0 B9 N/ t# t8 f' `% V6 k" R! v" R6 u5 z* J5 ]
var xMax;
9 ~+ \/ V# S4 H' mvar yMax;% T2 _0 l5 d/ c3 T
var xPos = 0;
; `6 H7 ?/ T9 D3 r* avar yPos = 0;
+ Y, C  [  t. R0 s, z( rvar xDir = 'right';
" @# S3 _* S* u, ]2 `5 xvar yDir = 'down';
) |/ K$ Q8 d' S$ G& Ivar superballRunning = true;
! {# U( H( `2 J% j) E% `  Wvar tempBallSpeed;
: R/ y6 }. K! l1 uvar currentBallSrc;
$ z/ U( }& \$ t2 d5 Jvar newXDir;' k( q1 A0 y+ q2 |
var newYDir;
9 c9 c9 t3 S. i3 Y% U6 R7 Y! c" ?" w- d
function initializeBall() {
! T; j) i" L, z* I/ w   if (document.all) {
  M  ~- b' e) r9 f% }5 O      xMax = document.body.clientWidth- N# M, j/ Z& d; s& n
      yMax = document.body.clientHeight6 [  R/ h% {9 D
      document.all("supertext").style.visibility = "visible";5 W# A0 \' _- A3 g2 U
      contentWidth=supertext.offsetWidth9 n$ \# G+ n' K$ }4 V& y
      contentHeight=supertext.offsetHeight
) [5 t; U  D6 G. ]" r$ C      }' i; l, L1 _/ L( Z
   else if (document.layers) {! ]8 j$ J. k, y- H; S# u1 ]3 E
      xMax = window.innerWidth;- H2 @5 f( ~& m
      yMax = window.innerHeight;( I% L. w5 F# A. d8 t
      contentWidth=document.supertext.document.width" ^% v, ?  Z8 B
      contentHeight=document.supertext.document.height
4 q8 U6 C; F6 Y1 C8 |# Z      document.layers["supertext"].visibility = "show";
1 w* b( i* w: M      }7 V; A+ m/ z$ t8 ?( {. p, a
   setTimeout('moveBall()',400);. F9 y4 [, v  S
   if (hidetimer!='')
. \) b2 b2 B. z* S+ [! N* W) ?5 z   setTimeout("hidetext()",hidetimer)2 K" o3 X8 D1 [3 R2 Z4 R# {9 O. Y" ^
   }
! v+ H$ t# M% w/ G: s  h. X- r- ^& T5 b  u# W' ^4 ~
function moveBall() {
+ }2 Z( r/ E  _/ a1 z9 M( \+ L& H   if (superballRunning == true) {
. G1 v/ |& m+ \& s# t      calculatePosition();: A  r& s# u/ A0 W" ^
      if (document.all) {
; x) |9 r. m  N" h3 e         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( `0 q. l% v# m; |2 }$ j         document.all("supertext").style.top = yPos + document.body.scrollTop;  l; l' l$ J9 `3 U  K: H0 O$ V
         }+ [% i8 E/ v! ^, H
      else if (document.layers) {) i5 I8 _! Y* Z: C: T9 [' {
         document.layers["supertext"].left = xPos + pageXOffset;
: o; \% x# ?; K0 j         document.layers["supertext"].top = yPos + pageYOffset;  a5 H5 I  T: `$ H4 {
         }# ?( ~5 z7 q. _$ ^- _# V" k, ]- v- H
      animatetext=setTimeout('moveBall()',20);
1 N7 x4 r) [1 Q* e7 N+ Z      }" _8 }% f" @2 x0 S* h: T
   }
* q. x5 F) D% i; T
0 G7 H4 p' \+ Tfunction calculatePosition() {5 ]+ ]. B2 G4 u; b3 ~  i, o0 F8 f  D; d
   if (xDir == "right") {
8 V5 U% h/ ?4 q; N! R3 \% O  ^      if (xPos > (xMax - contentWidth - BallSpeed)) {$ a; w. v) ~- h5 p  s" W# C0 U( Y% D4 K
         xDir = "left";
! E! q. l+ ^3 A6 F3 `         }
5 Q$ v7 O) I" k; J      }
$ `; T" w6 ~% y3 R   else if (xDir == "left") {0 F5 B* E6 G$ h2 Q9 N7 h* U2 O
      if (xPos < (0 + BallSpeed)) {% ?: |; z2 \1 q; g  _! ~" Y
         xDir = "right";( k- z6 E; T$ \5 I* K/ X$ k+ I
         }8 g# }1 |9 B7 d" [; o/ B2 y' \
      }
0 x& n; E  w" k5 M) x" l   if (yDir == "down") {1 f9 R% |  t  ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ h- g! @; g+ Y2 R         yDir = "up";; p% j( b1 O& k; W. N$ k
         }2 c- B# u9 T! v" m1 G5 H* K
      }3 e7 X, Z; g$ H
   else if (yDir == "up") {( H9 a  e0 Y7 e/ e5 G7 J6 i. ~
      if (yPos < (0 + BallSpeed)) {. U: j0 ]2 G3 ?0 [. ?
         yDir = "down";8 P3 Q1 B  I2 D/ l  e7 P9 G1 Y/ j
         }& i/ t% d8 L7 ~
      }/ _2 u+ p) C3 f3 ~
   if (xDir == "right") {- l! j# O4 h' X) _% P" M: h( D1 w& d
      xPos = xPos + BallSpeed;# s3 I# h8 v! ?1 A
      }
% ?0 p+ e- o6 N( A" v* C0 y   else if (xDir == "left") {" M! B  I0 h9 c6 f
      xPos = xPos - BallSpeed;
( C9 {, c% `5 L. m- [$ z5 x& m      }
6 F6 h' f! a4 H7 K$ H& b   else {# u6 Z+ w% Z$ C1 |
      xPos = xPos;
5 A$ x  j+ Y  ]7 x2 K  G      }. K! i4 Z) ?% E$ [
   if (yDir == "down") {
; C+ q2 Q9 a. t- y      yPos = yPos + BallSpeed;
. M' c5 `( i: L      }( p3 p* E* ^# f# C: B
   else if (yDir == "up") {$ w+ b" B6 o5 T6 n: @
      yPos = yPos - BallSpeed;
% O6 }1 `: p1 s' B* j9 `9 I# n      }
* N& Y# g! j  f   else {* r. R% A  q& b* N' D) Z% K6 {
      yPos = yPos;
% n# M$ s) U! t- q! h% H5 l2 M      }
9 w3 g& A# }% K8 [   }( ?. T; b0 Y# L6 U0 L4 Z

6 e; _, W$ Q" C3 u+ Zfunction hidetext(){& K$ X  B) q- {% T
if (document.all)/ E$ Y4 ?# F3 b, [7 p; B
supertext.style.visibility="hidden": B' X5 l( w1 Q$ X4 @
else if (document.layers)
  k  a, k% u& s8 `) Fdocument.supertext.visibility="hide"3 |0 Z  t7 F: m( g# Q) }  X
clearTimeout(animatetext)5 G4 a! I( b3 N( n9 P
}% y1 g9 M9 q6 R. U- y* n& [4 v! F

* ~. z  W* z+ F7 j7 _: Wif (document.all||document.layers){5 h& _/ N/ o+ H' p  j) k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 K2 C* ?; _3 J* V( P, H
window.onload = initializeBall;' _$ S' o2 P; J7 B8 ]: i
window.onresize = new Function("window.location.reload()");8 b9 z4 L1 O8 P$ N+ E3 G7 H
}( p9 L( g: C4 g: M

3 h0 {+ Y7 ^5 X</script>