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

zw2004

<style type="text/css">
0 G# [7 t5 R, ~+ I#supertext {( X1 \+ Y6 {  o8 z* c  s
position:absolute;
8 _9 ]3 g/ V3 v2 A/ bleft:0;8 G! U+ s6 f& T
top:0;
2 b: j1 O6 E  B3 }: Rvisibility:hide;% g# e( p/ T  q: n* R- g9 V1 W
visibility:hidden;  z. u5 i% t7 v% {9 W
}
2 u, U! d: B+ V- s</style>
4 I5 A0 w3 C! w6 e<script language="JavaScript1.2">
' N8 g9 C  C# N) R4 a! F8 O! E<!-- 改变下的字体的大小。颜色-->
3 F4 [8 w# m3 avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') b4 k* ^# x9 p9 `7 k! G
var hidetimer='';
) G4 a. c4 h  `' F8 B0 V<!-- 改变下的弹跳速度-->
0 J, A, {4 v7 T! Mvar BallSpeed = 20;$ {! ]6 ?: t, V" q6 i- v
var contentWidth;% k: x% ~# ^+ K9 H
var contentHeight;: R" c6 n$ L8 @" U; H! Z
var maxBallSpeed = 50;
8 D3 S: i# D2 @+ M5 R! t- R0 T, A% |

0 @/ V5 Q. I' M0 Cvar xMax;+ m, F" d7 v5 |/ ]1 }4 c
var yMax;
6 {- {9 \- k2 W% J8 Avar xPos = 0;
+ C- \9 U* h6 M' G0 u( i1 l* Z( Rvar yPos = 0;- E9 z* m3 i3 h2 F5 k- R
var xDir = 'right';
3 q2 c5 T& c) M/ [4 tvar yDir = 'down';
! z# c/ q- y3 _& H, n2 X" Svar superballRunning = true;/ l5 q" J  y& v# C; T8 g
var tempBallSpeed;* b# c) Z* P# M( R4 V0 d0 h  Y0 I2 I# V3 l
var currentBallSrc;) |7 @2 _" `9 v1 r" Q& ]& {4 c* F
var newXDir;
9 q/ X9 n. F5 b3 Y6 u# v9 P1 l+ [var newYDir;
! s0 @, W9 L% c6 i0 A+ K# i9 e- D3 \  [" Z/ c' _) m% R( p+ R
function initializeBall() {) h- ^' N! @4 w( e( B  ^3 `* A7 l
   if (document.all) {% E# b3 N& q$ ]% ]; t
      xMax = document.body.clientWidth
& H) [- ?* {5 ]      yMax = document.body.clientHeight3 R$ x( c( z/ t2 ]+ z# ?
      document.all("supertext").style.visibility = "visible";
1 x) [& y6 K' t      contentWidth=supertext.offsetWidth
* l) W* |& f+ q. p      contentHeight=supertext.offsetHeight9 E) o. h6 H: O. W' O2 j$ |
      }
; X5 T" Q& |3 N( {: A$ u4 d5 p0 {1 u   else if (document.layers) {
- A0 ?, R3 x2 t! C+ G+ t' T# t      xMax = window.innerWidth;' x' m( q# V; w% h; f# q) N) Q
      yMax = window.innerHeight;1 H" K* L0 ?% |5 C) |
      contentWidth=document.supertext.document.width
. ]3 B8 A/ ^8 j( e$ {      contentHeight=document.supertext.document.height
; b: v6 z' `. F+ c      document.layers["supertext"].visibility = "show";' P" F5 \4 N' e  v
      }
3 p5 \- _: Q* I   setTimeout('moveBall()',400);
: y0 @9 J- e. ?. e# r   if (hidetimer!='')
1 p3 b& K( M7 `4 l   setTimeout("hidetext()",hidetimer)
( `7 n) t. j6 H! U& g3 A   }( b# o' u* _8 w7 X& z: {5 J. M

4 i% N6 H2 I1 l- }function moveBall() {7 Y* S0 I" m- ?! ]+ B; m2 E
   if (superballRunning == true) {
# Y! `! Y/ V1 g1 T) E: Y) n      calculatePosition();! D* g7 f. o4 d6 |
      if (document.all) {
+ `) y: b1 L  e1 z: g8 M' F; l: Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 ~5 j( @/ M$ A5 `6 _; U         document.all("supertext").style.top = yPos + document.body.scrollTop;7 o. R9 K1 e5 W9 x% I) S
         }" P6 a: k6 I+ |* {0 O
      else if (document.layers) {0 P2 z+ X+ m- U* s! o
         document.layers["supertext"].left = xPos + pageXOffset;; |  n4 J+ \; q5 \
         document.layers["supertext"].top = yPos + pageYOffset;
# l* I* g/ o! R! A9 _! U         }
& @1 P) |% R: X9 s1 G      animatetext=setTimeout('moveBall()',20);
, i0 v" X( V( H5 G, g      }! f( p4 l2 s( j4 {3 \) Y; J
   }% W8 ^! m/ Y( G& g9 F

( S& W7 a3 L7 a; o( U1 v) O4 X. A# |function calculatePosition() {2 W- _8 f+ S) A: f$ F
   if (xDir == "right") {
8 ?/ m/ i! Z  b. a* G      if (xPos > (xMax - contentWidth - BallSpeed)) {- H# V1 o( s* B( R( l3 c
         xDir = "left";3 x2 t6 H& R/ {, v' U+ r
         }
$ L0 _: z+ a  Y. c9 N      }
2 f1 c, Z& k+ A) j1 S# c. U. \* F   else if (xDir == "left") {
/ X5 C) o, d/ o7 v" r" W9 ~      if (xPos < (0 + BallSpeed)) {
, I# h6 o/ U: z. t- k1 U3 v3 ^2 k, s         xDir = "right";
- h' m9 w8 n* ?         }
, x  T' o6 b7 X3 `) r. M      }4 c: n' a6 S+ c  B" p$ V0 t
   if (yDir == "down") {& x1 v8 Y! c: o: h5 M
      if (yPos > (yMax - contentHeight - BallSpeed)) {% l3 h/ O2 O- J( o
         yDir = "up";
$ n" a- x( R, S  H         }
9 d7 ?5 ~3 F/ n8 M$ g( J3 [1 ^      }
/ @& w6 M. O) X   else if (yDir == "up") {6 O$ F6 L* c" Y* ]
      if (yPos < (0 + BallSpeed)) {- A. P: `0 h# A1 l6 ^
         yDir = "down";" O. G$ f0 m: f
         }) [) ]& [: @: U5 w
      }
. @. {/ ^: A/ ~( L( j2 ?$ ]   if (xDir == "right") {5 @9 e' u$ {  `: t4 w# `& K
      xPos = xPos + BallSpeed;/ |- @% Y5 ]0 Q8 k/ D  t  T% K. B
      }- F" R, d3 y" V- G+ F' U1 Q
   else if (xDir == "left") {$ \! @2 _9 b% v' {% U6 n0 B
      xPos = xPos - BallSpeed;3 l0 o, J9 V) a
      }
: B/ B3 [. ~! \3 \2 W  O   else {
2 z+ _5 ?% T1 _      xPos = xPos;5 p* U$ G4 T, o
      }& I( N' M+ c5 g  t" _- k7 w3 v. y* P
   if (yDir == "down") {
& s( i; ]) K7 j; p      yPos = yPos + BallSpeed;& j9 @3 A7 s4 X# i1 F( j. W
      }
8 p0 _7 y/ F% Q6 ^- P2 c   else if (yDir == "up") {
$ d1 T- @! z( n0 C, d# j, a: r$ \      yPos = yPos - BallSpeed;! ?$ }1 m* h3 x  u7 }
      }& M2 X& r8 `7 r  s- l' U" ?4 \) q5 g
   else {) P& E- A$ W1 p$ J* ?& c2 I# H
      yPos = yPos;' G- c1 g3 [1 Z+ c
      }7 e# c/ Z& w/ Y
   }
) H) u% \0 V1 R: w/ E- K
! m* J6 H- ]# }& e1 h4 Ifunction hidetext(){
+ T- e% `% v- ?9 I9 o4 Jif (document.all)2 o, v' Q: M  v% M
supertext.style.visibility="hidden"* ?- N! S: M7 {% B0 Q5 v) L+ Y
else if (document.layers)5 x7 y" m, g% E7 J, b/ {( A1 P
document.supertext.visibility="hide"% }+ z6 N( C+ y4 T! Z* U. [$ i
clearTimeout(animatetext): T" f, H6 f4 E. j% Q7 g; M
}
# v8 B3 w3 U6 }& @/ T" k) N* p+ v$ i6 ]6 [6 L' D
if (document.all||document.layers){& g2 Y. t# ]  _, q& J1 O: E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# w! U- Z6 [4 R  P. j+ Z1 d. ewindow.onload = initializeBall;
, N! _1 y* p: X2 @6 |$ Swindow.onresize = new Function("window.location.reload()");
" B6 V) |2 t2 `7 n* B$ ^}  z1 w: h2 y4 Q  o# H6 H1 z2 W

. l7 I1 ~" Y+ J8 o( y' I# M% Q5 _0 w</script>