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

zw2004

<style type="text/css">' `" R( q- E; k* q! }. B+ r, H
#supertext {: u# m/ }. X; y. D
position:absolute;! `- j6 z9 N: I4 k* x5 }  }% {; Z
left:0;" Z  }$ H- I6 {5 \3 P
top:0;
/ l3 Y. K% J" g) ^5 Kvisibility:hide;
9 ^  H" n$ |0 E3 V% d' Q5 dvisibility:hidden;
! G$ Q( t$ {& F- H% r0 Z  F7 @}
* q$ b) `4 W8 K</style>2 \* x+ E9 |' C$ M' x
<script language="JavaScript1.2">
* k- W+ y7 s) g$ W' w. \<!-- 改变下的字体的大小。颜色-->
2 H/ F: Q# a4 i5 Q" _. D3 Q. wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 H2 v3 k: Y7 B% N; V, G8 \
var hidetimer='';
" C, y; O* _/ @4 s$ W<!-- 改变下的弹跳速度-->
7 X9 V/ o0 z% W. Ovar BallSpeed = 20;
% f- {7 h0 p- d  t5 x+ Mvar contentWidth;* w" V. S2 R; j2 r' z
var contentHeight;
; N* h0 Y! G8 B: c4 v& g9 u# tvar maxBallSpeed = 50;
7 B9 ?( j! B; j" F* n
: p0 M7 ~( X5 ?/ @8 U2 R% a6 P
8 l% F5 f6 p7 b3 `4 `var xMax;/ `/ G: K' f4 c. B/ P5 c
var yMax;- l* k- q7 f1 u" B( ?
var xPos = 0;3 e8 o0 [3 B' a
var yPos = 0;
( A4 G6 l3 b* L  F" U# ?+ Jvar xDir = 'right';4 s3 V6 g: r$ K2 _# o$ J4 p1 D
var yDir = 'down';, b! T& D% _$ E
var superballRunning = true;' W# W) j3 R8 Z3 j
var tempBallSpeed;5 `: q8 F" |5 {" q7 S
var currentBallSrc;) g# ^4 G% @! a+ ~% _- h' K  d
var newXDir;
  ~% `0 d* I( h/ c' y6 J' {1 y8 ~var newYDir;! }" Q+ q7 ?/ h! n

& S, J' b% d' G! @function initializeBall() {0 t( A+ L  w2 s' {
   if (document.all) {2 g* R, n( @; U" W$ r; t
      xMax = document.body.clientWidth7 b8 d' j" T  x" \* s
      yMax = document.body.clientHeight4 B* l* n0 [( g) ^" l" n+ x
      document.all("supertext").style.visibility = "visible";
6 b" Q$ E0 Z8 X  e7 W8 f9 P8 s      contentWidth=supertext.offsetWidth
9 C+ R& x) l) l& `      contentHeight=supertext.offsetHeight
8 D9 @, k; @3 U3 z6 T) L3 Q2 m4 {      }# ?/ J+ B$ R, ], ~" ^( d6 b2 {4 a
   else if (document.layers) {& [' |1 O0 e6 J
      xMax = window.innerWidth;% f( w! J4 p% c! s
      yMax = window.innerHeight;
% Q, ^2 `6 ?, q. R8 F# Q      contentWidth=document.supertext.document.width9 F; H& b; h2 s
      contentHeight=document.supertext.document.height
; M* F% C! m, K      document.layers["supertext"].visibility = "show";
# \5 ~4 s% q$ `; ~* J, l' a( \4 E3 M7 F      }7 b7 F+ k4 p! U; D) X$ t3 Y8 B# D
   setTimeout('moveBall()',400);
" m' _6 T1 {1 t3 S( [   if (hidetimer!='')1 B$ v# c* ~" W3 z7 J
   setTimeout("hidetext()",hidetimer)( t$ D8 C1 T& c1 W, D7 A
   }: y4 x+ g. a* J+ ]5 E8 c, p0 F
8 l! z3 `3 h1 o* Q/ X7 ^
function moveBall() {
' E5 k  v6 D( c8 ^   if (superballRunning == true) {9 M$ u" u$ F8 U) G% E
      calculatePosition();
7 v# \6 z# x" ~: _7 f. \- O: k      if (document.all) {2 q- `: c, ?; V2 _( m) t+ M- A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 A, s7 M* a% Z0 K6 \2 m7 i. Y0 s( d* H
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- v0 T1 I2 a! a0 f' ~% y# D% t         }5 b' ]+ W+ ]$ e" ~4 J
      else if (document.layers) {; ?6 u* w9 \5 \+ J, y
         document.layers["supertext"].left = xPos + pageXOffset;, B+ A( K+ I1 J
         document.layers["supertext"].top = yPos + pageYOffset;
, r7 s, \% d/ [9 V; _         }5 n" Q5 D/ B6 A( i: i( i$ E
      animatetext=setTimeout('moveBall()',20);5 x" t- q% L5 D- Q/ Z) n
      }0 U: B/ O% a) \( g9 a
   }; c& M3 W' F. O: U0 H; I9 }
3 e  ]4 M, x- f' {, d
function calculatePosition() {
5 n+ _, I5 m7 [( C- F, @/ V% p2 D   if (xDir == "right") {
% V6 n) ~9 I$ |) |: f3 s      if (xPos > (xMax - contentWidth - BallSpeed)) {
& P' J, b8 W$ n/ u$ V8 R         xDir = "left";$ n% N/ T  {1 V" j0 I
         }
) p* v8 w7 K! c. r$ M8 V- x1 [      }
8 ?2 x' ^" D0 Y$ T   else if (xDir == "left") {; H/ a2 ~, C  K3 \5 t8 x
      if (xPos < (0 + BallSpeed)) {
4 Z7 w/ N9 B0 I         xDir = "right";
* j- K. W9 t9 K4 V) h, d         }. I  t  M: m1 g/ [7 a  y; F/ C" c
      }
# K! Z$ }, X5 s( B   if (yDir == "down") {
6 {$ {: H& l/ b0 ~) b      if (yPos > (yMax - contentHeight - BallSpeed)) {0 m8 j6 U  R6 J; O1 M
         yDir = "up";
: Z6 m/ d5 Y, ?8 S1 H5 Y  U/ S         }
! X" C% z: p' H8 b! ^" ~      }
: i7 |2 u. q  |# }. S# U   else if (yDir == "up") {
0 U' |' n/ Q2 @3 m' q0 z$ ~      if (yPos < (0 + BallSpeed)) {
2 N2 o$ Z9 `( |: b7 a) Q$ \         yDir = "down";' K- h/ U7 @0 P. _, j4 N9 F
         }
, [* q: S9 l( r      }
) j- V3 ^% T" u" x4 _( K   if (xDir == "right") {
, U  @& |9 a) V- H$ ~% S9 a      xPos = xPos + BallSpeed;
( F! z& ~7 x: V      }/ S( b, [+ Y" V6 Y$ k
   else if (xDir == "left") {8 x) I, g# r! }9 V5 h
      xPos = xPos - BallSpeed;
0 J8 v+ ?. a7 S' ?( C      }
% V4 t+ ?: t, S( Z   else {
5 H$ B& \6 t* C  C8 t# k      xPos = xPos;+ m) v2 F' C/ G' }' O. Z
      }
8 r, O* [* Z8 H8 {0 K$ A% ^; H" N   if (yDir == "down") {
0 o/ L0 k; _- G( W* N. Q      yPos = yPos + BallSpeed;
6 e$ b6 j% W0 ?& Y) R5 P8 O6 X      }
+ i1 S* s2 d8 ^7 T1 J" j, R   else if (yDir == "up") {1 }3 ^& b8 J) r8 n) k- X
      yPos = yPos - BallSpeed;
4 L: S$ u& T; ?! D( d( u4 z. M      }/ L3 E/ W4 e! ]& p
   else {
/ k( k* O$ W+ G8 G      yPos = yPos;
+ P7 b. J: r$ T( q4 Q. O! z      }5 G# d8 l; C5 z5 o; W& |# X
   }
+ l  X1 u: B9 c, |. ~9 M  w- {0 f. m  @9 q
function hidetext(){  R3 Q( O' }4 b% c% b
if (document.all)
7 K3 Y8 _/ [. f7 {9 x  ?' j$ s2 bsupertext.style.visibility="hidden"
& y  A- N  X5 eelse if (document.layers): l8 k" V3 v' B3 K& F: [* c
document.supertext.visibility="hide"
2 ^- i' G: z3 F' s( C4 M0 Y+ TclearTimeout(animatetext)
" y1 j9 X0 M' Y' q}0 y& V' H/ e7 \6 M
+ \+ K5 P6 y- U" b, u. e
if (document.all||document.layers){8 r" R1 F  ~/ r  p+ j0 B2 B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. A+ N% u! X! x+ Z4 _! N0 Bwindow.onload = initializeBall;
# Z5 F5 t. J* t0 t% uwindow.onresize = new Function("window.location.reload()");
$ s  j  n* G; n" W- ]; G}
% p. h* g' a$ }; ^3 B3 U( F: c4 Q6 k1 P2 ^
</script>