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

zw2004

<style type="text/css">5 P! \0 q# C6 v1 a( q6 ?& |5 C
#supertext {" J" d1 }5 `4 W  J' a* D
position:absolute;- _& q" F. c# {+ i
left:0;- O- D. z* r( n1 p6 Z/ `: I8 A
top:0;
4 z! p: j+ G% l- L. lvisibility:hide;
; d  l' w/ w: {' }/ m7 l! I# z1 s5 d: x- uvisibility:hidden;# q+ A* o# L' o4 O! Y7 m/ ^
}
6 A( `1 D, F  b1 O& M  Q( _# q</style>
7 _# S2 C. V# j- E% t<script language="JavaScript1.2">  r% O. c7 _7 A$ t( \
<!-- 改变下的字体的大小。颜色-->
& m0 a0 X0 a/ S" {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 D3 P7 o0 ?9 l; U8 ?- G! q8 U
var hidetimer='';: N! }9 h2 m/ T
<!-- 改变下的弹跳速度-->
% P, c4 Y( N0 e3 @3 o8 z/ Xvar BallSpeed = 20;! X1 Y" n% n# U; {: C/ ]% A' |
var contentWidth;
- T7 ~  h$ @  k3 |6 q3 Zvar contentHeight;
  M+ d4 l" T# _# S+ M7 z6 L# ivar maxBallSpeed = 50;) e! ]6 i' ~9 J+ N/ Y
4 t. W$ [, d$ B0 Q* d. X4 X/ Y8 A; i' b
0 r7 h% @! G* w: g
var xMax;8 ^3 E$ O( m) u& d7 y; f
var yMax;
8 _  X3 [' [0 B4 F0 D& P8 \3 lvar xPos = 0;2 f0 R# \: ?" x( X) F
var yPos = 0;
! ?) i/ ~% A8 s  X6 Z3 h7 |var xDir = 'right';
( \8 ]; L  c" @& {var yDir = 'down';7 T$ K7 A- P3 k4 W2 E& i
var superballRunning = true;
% V& q, f: q/ W3 yvar tempBallSpeed;( n$ c9 g7 Y+ }6 J1 f  E
var currentBallSrc;# y7 d2 {2 ?. I6 d+ q# V4 y8 L
var newXDir;
! T; @* R- d( k9 ]) ]& F8 Rvar newYDir;. r" w% W, w: f# F6 |
- {% F( l. {/ n3 m" L" t/ m( Y
function initializeBall() {  s  I# c3 l6 _+ x- o. b' Z' z
   if (document.all) {4 t! u+ s1 `9 ~
      xMax = document.body.clientWidth
+ u- i/ p0 x5 a7 p4 x      yMax = document.body.clientHeight
( ~$ ]/ f$ G+ D      document.all("supertext").style.visibility = "visible";
; A; g! Z  B) U      contentWidth=supertext.offsetWidth2 C4 k! P. W0 P; j
      contentHeight=supertext.offsetHeight
5 y+ h0 `7 I) I" ^" Y$ _, o; r4 L      }
5 X. i. [$ z# T+ t$ ]: T, o, C   else if (document.layers) {5 O: e" l3 `* V1 ~! Q
      xMax = window.innerWidth;
2 {% Y/ F6 }2 U2 o6 e6 O" ?" r! |; G      yMax = window.innerHeight;
& u7 }# |5 W* \, \$ ?& F" _      contentWidth=document.supertext.document.width
# N) V( O7 K" x7 e2 o4 S      contentHeight=document.supertext.document.height
$ c& [) S2 A/ F" I" B: A      document.layers["supertext"].visibility = "show";( H- L9 E3 X6 W# e7 C+ p
      }. d: z9 Q. K# w
   setTimeout('moveBall()',400);( ?) s0 r2 b. y4 K3 b
   if (hidetimer!='')
% b+ @, O4 z2 @5 S5 P" z   setTimeout("hidetext()",hidetimer)1 H" n; e1 e, }5 ]' Z1 N- ~
   }& Z9 N/ q( N* ]! ]4 C  ]8 x

7 Y* u- w# j% e8 n5 T* X6 I1 Ffunction moveBall() {4 z/ ~, A. o: J' U& n/ o
   if (superballRunning == true) {$ C7 }9 Z) F4 @' h# ^1 R
      calculatePosition();8 q5 Q9 O  x$ l' Z' I- {7 ^, O
      if (document.all) {
; c: j7 P/ ]: k& ?9 w9 R1 i. w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 G; v+ k' Q% J- p9 b+ s         document.all("supertext").style.top = yPos + document.body.scrollTop;) i$ Q( U3 d  b8 [
         }' e2 o! k# _4 o) k9 D, V3 P
      else if (document.layers) {
) a0 P* T$ k; J% F# h  e5 i         document.layers["supertext"].left = xPos + pageXOffset;* ]1 I2 u4 Z; f. t1 F0 T
         document.layers["supertext"].top = yPos + pageYOffset;5 t0 k; ]5 T# e6 K3 i+ b+ j
         }. U% W2 v0 }, v
      animatetext=setTimeout('moveBall()',20);4 E! e* w4 W% Z0 t& J# ~
      }4 T. F' M( h5 i) N
   }
( q" W& X8 \1 P3 r( T2 ~( |$ c& r6 e$ u1 a4 x$ }0 A$ r
function calculatePosition() {
" J/ U8 A- @, m# E0 C   if (xDir == "right") {
' E7 l. Y0 ?+ N      if (xPos > (xMax - contentWidth - BallSpeed)) {( `* U0 \6 [/ M8 Z- _9 u9 ~
         xDir = "left";
- h& t) x+ x; b% @" f         }
+ K( d8 z4 H9 d$ u% U, T      }8 L& f5 @& @" l/ g. W+ M6 v0 B6 O
   else if (xDir == "left") {
% \: C5 q8 C6 r3 L2 [0 _6 @. u6 j      if (xPos < (0 + BallSpeed)) {
1 R: i% h: \3 U1 z; c  G         xDir = "right";, ?" M. y& |- o8 e/ j+ j, S
         }
4 J6 h. [, h5 t! K4 f; l      }
1 x! Y; H/ O, D   if (yDir == "down") {
# Z" X2 {8 r9 n4 C% @7 J& h      if (yPos > (yMax - contentHeight - BallSpeed)) {
; H! e! S6 s0 \1 ]! a: O         yDir = "up";3 N8 X3 |8 L/ y8 n
         }( K8 R9 u2 h2 p% p3 n! w" Y6 \
      }7 ~8 H9 N1 Z" \
   else if (yDir == "up") {1 y8 F1 J# j6 P7 `! g! k
      if (yPos < (0 + BallSpeed)) {* D+ L; \: F2 X
         yDir = "down";
4 Q1 x+ Z0 u' c5 }         }
% T. x/ Z/ S! ~6 u$ s9 N+ \; A. S      }
: o  o+ ]" z  Z6 K8 m  Q   if (xDir == "right") {
1 a( T! G% Y. X2 b5 D      xPos = xPos + BallSpeed;
7 h$ P) s" K$ C& _- \; g6 D; F      }# q8 _4 A7 E$ c3 W* ~' n. T" N: w
   else if (xDir == "left") {5 }3 A+ M8 H% [4 J* E/ S, {
      xPos = xPos - BallSpeed;
: m7 B* R1 Z' o9 h" N# \+ z      }
, ?* s5 |0 c! ?* Y+ G. t   else {
8 l4 V# @* C* t# t; O' E( Z      xPos = xPos;
8 n  _. i- c' ]3 F/ B      }
4 n( M- p5 N0 }7 ]6 r, m, L   if (yDir == "down") {
5 d$ ?# S* r2 H      yPos = yPos + BallSpeed;
* H; ^; M1 z8 e+ |      }
: z5 b$ o, Y# u4 m/ Z7 g$ v   else if (yDir == "up") {! r4 ?8 `9 T. d7 \  f/ j
      yPos = yPos - BallSpeed;
- @1 ~* s5 `" h3 J+ r' E      }
" K) h  s, n% Q/ w& S& q" s* \- M   else {5 ?) Y; }: O% \- S) n8 T
      yPos = yPos;  B1 h+ C, l0 J4 h. {
      }+ b5 h4 }8 g. q. w
   }
7 \7 o0 t% y; B/ N! r5 Q$ C0 x$ p7 {' F' T
function hidetext(){
- j  }( n# v0 H4 y  F+ ~if (document.all)/ m9 J. ?& G$ L1 e. @5 U4 p- a
supertext.style.visibility="hidden"/ e; P* W3 B2 Z' I4 C7 @* e
else if (document.layers)
# u+ L% ]6 m) Q5 B" cdocument.supertext.visibility="hide"
7 C. Y1 W! r6 P9 S$ kclearTimeout(animatetext)" T. y+ [: S6 [4 i
}. ?: b2 n. h0 w6 Q; ]* T9 \
) T9 {$ [8 P- z5 w; p3 h
if (document.all||document.layers){& `( X" m$ e3 \& F: i! v0 F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 l' Q' `2 ^& y4 l1 q# c
window.onload = initializeBall;
- e) M$ @5 P( ]' K7 e: w0 k1 xwindow.onresize = new Function("window.location.reload()");. I3 E8 j4 R  R2 E1 \& U- [
}
" @% e' q7 F6 N7 N' p
* D3 L8 M: i3 }& Y) ?, d</script>