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

zw2004

<style type="text/css">
! R2 I% A( a) k( |! ?0 Q. ]#supertext {4 d3 N, W# L+ B: D8 Y4 k4 Q
position:absolute;
. {1 S4 y+ [- ~left:0;* H$ e5 v  }$ @, z; V4 N
top:0;
& ~" `) D. @: R8 ~8 D5 h5 svisibility:hide;
0 c  P5 Q8 F4 n7 o0 Mvisibility:hidden;  S. i# o0 }' l, A4 ]
}
7 N/ p- e7 V. k* |5 v* [</style>
6 C8 S  K$ L9 Y7 Q# S" L<script language="JavaScript1.2">
- N5 H( U9 [4 S% V<!-- 改变下的字体的大小。颜色-->
4 ]2 `3 \) s3 a0 Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 N# e& ~( G9 ]var hidetimer='';, e1 ?* F. D6 N' ~6 R
<!-- 改变下的弹跳速度-->3 X/ c% ~8 |, k1 _
var BallSpeed = 20;! c' |& c; J+ B$ D9 D4 N
var contentWidth;( ^  f6 `% b  i+ }
var contentHeight;2 h# g" `+ H8 i8 t
var maxBallSpeed = 50;+ _4 n- T( {7 C7 y( O  t3 Z4 w; F$ t" f

! ^! K6 k. L3 a+ Q+ F% }7 u7 f1 D/ p8 {4 j2 w) U
var xMax;/ A- X! t7 ]4 h* K0 B- |- k
var yMax;
3 [& z( M. [7 ?9 y+ ovar xPos = 0;9 J6 R8 v) H9 f
var yPos = 0;
5 Z0 |: v5 K$ O$ [- d+ bvar xDir = 'right';$ E1 P: A% w9 }  G+ m
var yDir = 'down';
* ]/ p$ T3 Q1 H) u+ Avar superballRunning = true;5 N' A% S0 p0 d
var tempBallSpeed;0 O! ?) y3 s$ ^( y' j! s. W1 x# P' Y, R
var currentBallSrc;
3 C" C' L/ W5 O; X3 ovar newXDir;6 c/ S% ^9 n. I% K" O9 ?
var newYDir;' ]4 \+ J, x8 g7 K* s( D, Q, O

, r% f" |- C+ |  G6 i( A' m+ gfunction initializeBall() {* }2 P" }6 m( U) S+ t9 q
   if (document.all) {
( d- J) y4 ~# W) N. i+ O1 U) C. |      xMax = document.body.clientWidth+ }2 o! I0 R7 A: n1 d
      yMax = document.body.clientHeight) ]6 S1 ]9 R  x& @
      document.all("supertext").style.visibility = "visible";
1 ~  a1 @+ Q8 {3 m* ]      contentWidth=supertext.offsetWidth
) y; \& z- {. e5 i# T/ B: t      contentHeight=supertext.offsetHeight5 K! K# U0 T: d
      }
# b, O4 l- ?5 G   else if (document.layers) {1 Z2 o7 ~4 Y' c7 V' U% V, K4 f7 \
      xMax = window.innerWidth;
9 a* A% M( H3 Q      yMax = window.innerHeight;
0 x. l/ H& p7 q% Z      contentWidth=document.supertext.document.width" c7 L: g/ l& Z3 _
      contentHeight=document.supertext.document.height
# D$ E' G8 S/ p2 _( D      document.layers["supertext"].visibility = "show";
- ?2 Y8 b" n9 H& A      }
' F' v4 S" ~. p5 p' C   setTimeout('moveBall()',400);# Y* r5 l% ?5 W
   if (hidetimer!='')
0 |8 T% R! s( E! N8 c& U( }# B   setTimeout("hidetext()",hidetimer)
3 R2 x8 t, g: S# @* q   }
5 f+ D& |* R5 `: h+ b
7 h$ O/ B5 i$ R" a+ z$ H2 }function moveBall() {/ H' l( [; y+ t; z$ y3 g
   if (superballRunning == true) {2 C% D1 |* S+ I' l, p/ U
      calculatePosition();# c, |$ t. T' v
      if (document.all) {
( A+ R$ s/ g6 F7 z1 n8 X$ t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% D; H% {. e1 }3 c5 ?& Z         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 c2 S5 a: a# ~8 P! r6 }         }$ W, t) {1 @- q0 q5 d
      else if (document.layers) {; K# E; t( X4 V- ]
         document.layers["supertext"].left = xPos + pageXOffset;5 y  h. D2 E3 B9 Z& ]# A) N* q
         document.layers["supertext"].top = yPos + pageYOffset;1 ^: C9 F) \& o2 P5 A
         }
6 }) B" z0 k. W% i      animatetext=setTimeout('moveBall()',20);
6 c- F6 _; F5 D' b      }
: b5 T" ^' O& o  u; Q   }: g) l2 [" [( K9 ?; Y

# W) O+ j& ]* c6 S+ w  {function calculatePosition() {
8 G; a8 `' q! A   if (xDir == "right") {
- X) k% `) k: n/ }2 o1 o& r& ^      if (xPos > (xMax - contentWidth - BallSpeed)) {0 E' Y$ ?5 p- ~4 S7 V" _! K4 E1 N
         xDir = "left";
: |8 l/ i5 S( S( r" r/ b         }8 A% }4 P7 l" Q" d5 E1 C- D
      }
6 {5 @. B4 d. {& m   else if (xDir == "left") {; p0 i! R! i8 r. w% x6 o  O( w
      if (xPos < (0 + BallSpeed)) {
$ @8 \* y8 A" V: j( G  X         xDir = "right";3 b/ Q. i2 H6 E6 v+ r4 K" K* R
         }, J% b  ?9 R( b' j# d1 I
      }
8 i* w; b6 L- R/ Z   if (yDir == "down") {
. e9 Y$ g5 T7 `1 L2 o* P      if (yPos > (yMax - contentHeight - BallSpeed)) {
" n- n. \3 \" t+ `' q" ]3 k         yDir = "up";
# K+ C% B- b% Q9 o3 d, d& ^         }4 c4 ]7 h7 B# @% G
      }
3 B# G! V- T/ v! U# p+ U   else if (yDir == "up") {, w& r  a! Z: N  @/ ?3 [
      if (yPos < (0 + BallSpeed)) {! m1 x! |# g$ C9 p5 ?
         yDir = "down";6 A0 v0 m6 n8 \+ |% x7 w
         }  r+ e3 ~: G# C& |# ]
      }
9 J/ L3 l- O8 ?3 M9 ~+ _! m! q   if (xDir == "right") {
8 z" @3 v( u5 e6 p      xPos = xPos + BallSpeed;- x' c) d- |/ c# |- H
      }
9 b  A& L0 Y6 ?6 o" s! O   else if (xDir == "left") {- H5 z8 E$ y0 {$ K
      xPos = xPos - BallSpeed;
$ t6 W7 k  d: w* \2 Q. n      }
0 [7 Y+ E: s6 D   else {
1 {  J' P; A9 Q8 j. v+ e      xPos = xPos;" c- r) L+ B/ B8 f2 o
      }
, a7 `" G& i1 `   if (yDir == "down") {1 J! F4 j0 Z$ h! Q4 P
      yPos = yPos + BallSpeed;
3 A0 v9 b1 [6 @' p5 k      }- a) S9 e: b; E* }! \# ]
   else if (yDir == "up") {, T  r+ h  v! v) b; r- {, o, x, t
      yPos = yPos - BallSpeed;
+ ^* F. ~! O. ~% q; J* \3 M      }+ F$ c! ^) s# n$ G% A" I) E
   else {
2 E5 H6 ?4 Y  P" u; a      yPos = yPos;
' U( X2 {2 e. \8 v! W7 ]  q      }' I0 \4 L9 U5 O+ x% l$ ^7 H+ J
   }! ~, m6 G* N! U2 M7 @2 X, |
5 p: n3 P" [, ~3 \" V* @
function hidetext(){0 U/ j% J: f" w  a
if (document.all)5 W" @0 \: B8 f9 T( V
supertext.style.visibility="hidden"5 k9 {7 T  ]. i+ |$ G
else if (document.layers)$ ?/ a5 n6 z. E" h  l, x$ e
document.supertext.visibility="hide"% [% k& M7 m3 V  f0 I
clearTimeout(animatetext)  R! X) U, s+ }. g# y& p
}  l' M; }% p: o! _1 X

( `, R! I$ f! _! @" W6 X% A; f0 W5 cif (document.all||document.layers){+ k1 f/ i% @3 u9 Y1 Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- \* z9 w8 F; z5 S4 x
window.onload = initializeBall;  M1 q/ T; v. _$ s
window.onresize = new Function("window.location.reload()");3 U7 r! h0 d0 R; N
}1 j9 H: D9 I4 W. J. H0 G
: X/ Y. g/ t: t+ G
</script>