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

zw2004

<style type="text/css">
  v4 {! z- J) F( Z#supertext {' x9 s' ?6 G' c$ U1 N! \
position:absolute;
( y) X8 V5 s) V. O' Tleft:0;, i% H6 f& x8 s* Z" l( h7 ^
top:0;
3 L8 v1 `) f& s* m6 _visibility:hide;% F" N% u2 @6 M
visibility:hidden;4 t$ X- J8 T- P8 P
}
, U' H- a$ D% r, J- a7 |3 ^</style>
7 p( B' `& v- h3 I5 m  o<script language="JavaScript1.2">
! x- }( `' L. U- _9 d<!-- 改变下的字体的大小。颜色-->; ^/ @/ G1 x2 i
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 k/ r! p  L  k- P2 ~+ ]; N
var hidetimer='';! b. D. p, z7 {4 ~6 x$ L. X
<!-- 改变下的弹跳速度-->
$ C# ^8 }9 T% d6 ]+ i& Pvar BallSpeed = 20;
# f# u# U( B* l1 }' w2 _+ Evar contentWidth;/ o, V. V3 L% c" c) X, M
var contentHeight;6 p( y' s: G! b; [3 ^% j% _
var maxBallSpeed = 50;
% E( _; @* h$ U* g- C1 H' E# _0 v( d% c2 H
1 G7 T' S: g' q1 B% k  Y
var xMax;/ M, w& G' v, `
var yMax;4 a  C3 D& Q* C- Q. Q+ \- j" }# T
var xPos = 0;& c( Y' D+ O9 Z! Z& E8 ?- Y5 l
var yPos = 0;; I# g8 `( e* I4 ~# F/ d4 m# l$ `# N# a1 Q" E
var xDir = 'right';& f. \7 H- C4 q! C
var yDir = 'down';+ Y+ Z% W0 Y! L7 x# l2 n, s
var superballRunning = true;& p( X7 ]# s8 u' n* P2 J  N
var tempBallSpeed;
+ Y& M4 ~! q) G' S$ fvar currentBallSrc;
6 |/ @: x# U7 Y% ^. q* s( bvar newXDir;7 T" _' m7 M7 Q, H# E7 B
var newYDir;
* I/ I; ]% a  w4 M( ^! l& ^2 \: r% x
" j! s6 l2 X* J' y6 [0 w. Mfunction initializeBall() {  ]: t6 ]( V, o6 p
   if (document.all) {5 W9 t/ `3 [7 x, t% M' @
      xMax = document.body.clientWidth& E: K' ?* N6 M  g0 H
      yMax = document.body.clientHeight, e! Z, t$ M6 M/ `
      document.all("supertext").style.visibility = "visible";
$ @( X( @1 W# G1 ?7 ^      contentWidth=supertext.offsetWidth
! m9 ^" }5 J! M) f0 G) _+ ]8 T      contentHeight=supertext.offsetHeight
, L( g7 Y& `* y9 D& F, H2 j      }, \( Z1 X- y3 z3 K/ Z
   else if (document.layers) {
$ Y1 }7 ]" u" g$ s4 ]# Y+ X      xMax = window.innerWidth;- V8 `& u, N/ Q% L' A% W
      yMax = window.innerHeight;0 S/ k; A2 h8 y& O6 }
      contentWidth=document.supertext.document.width
% f# k, Z! D. p0 d. H( u3 |      contentHeight=document.supertext.document.height
8 X/ B; S) T* j# N! e+ ]9 Q0 i      document.layers["supertext"].visibility = "show";* X5 @! W& {& J. h$ ?" N
      }
1 u; F( e* V. A; l4 K. e4 P0 I   setTimeout('moveBall()',400);
/ a5 ?  ^6 k& a) J0 D/ J   if (hidetimer!='')
$ J/ T4 L8 J; u+ b: N7 M9 x# u/ q8 s   setTimeout("hidetext()",hidetimer)" L% N3 V" l8 R$ v9 h
   }
2 @2 ?8 T! d. h; i% I
" J- y/ x1 G3 k( R0 \1 Y8 @9 Zfunction moveBall() {; d4 p- s" g  f6 J% z( f- ~( j# O
   if (superballRunning == true) {  [( O" e2 y8 t# v' G. p+ |
      calculatePosition();
: Q) z3 p' t9 k' L) q      if (document.all) {
/ X# @) E9 W2 V# v4 l0 [         document.all("supertext").style.left = xPos + document.body.scrollLeft;' b) F  d1 u( w; A4 Q) V
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, a3 g4 {' |; ]; O' B5 T9 H5 U         }
# Z1 H; {8 W0 @3 @      else if (document.layers) {- J$ V5 R: C% P
         document.layers["supertext"].left = xPos + pageXOffset;
+ k" Z& |1 T% \         document.layers["supertext"].top = yPos + pageYOffset;
% D7 ?" `" r# n9 b( u7 q' ~! ?         }
7 n3 I3 g/ O* C, W, ?2 Q+ X$ \4 L      animatetext=setTimeout('moveBall()',20);
; Q. a) t' \4 {0 z" `      }
1 J0 q7 j; c5 B  L   }
5 p6 m# k( T3 l% e: h7 W; ~  H* J
function calculatePosition() {
& Y" o+ w4 e5 k7 F; j! C; b/ y   if (xDir == "right") {* _* ~3 W! U. e
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 b3 @: k+ c* ]* i9 T! N         xDir = "left";
( n" C& T5 V" v' `# Z         }
( B1 z% u9 \8 w3 W" a7 T; l; F      }
9 q" o  h. {/ ~3 ?   else if (xDir == "left") {- L; y$ |1 \8 X9 Q+ T, P
      if (xPos < (0 + BallSpeed)) {
1 _: O, M  Y0 u2 s2 c2 X, ^         xDir = "right";( @2 V) N# p9 [1 d3 w: I
         }6 S) R* @- p, Z. ~
      }
% R6 }# M7 j; j$ C* k+ \" d6 L. t   if (yDir == "down") {
2 ~0 o# L% H1 Y+ i* g$ j      if (yPos > (yMax - contentHeight - BallSpeed)) {
& o2 n7 w0 B5 N3 r- L         yDir = "up";; v$ h5 q6 W) F/ T8 o) l
         }: }& R6 Y2 }- e9 I% N/ @
      }* q. R$ [- M% E0 k& `0 O# ~; J
   else if (yDir == "up") {
, o; `: i! ~3 a( `      if (yPos < (0 + BallSpeed)) {9 P" w8 |( j+ l& M5 `
         yDir = "down";
3 l9 b( x- Q/ P- ^9 B         }6 _5 R5 d8 \1 K, j1 ~; N7 w
      }8 e! n+ H5 y4 C+ ^9 p' ^
   if (xDir == "right") {) N* K& T0 f1 Y( @, K
      xPos = xPos + BallSpeed;5 F6 p( W4 X  J2 L
      }8 F, O6 r& K1 |: `5 [8 p! p
   else if (xDir == "left") {
/ E5 a* k* L. [      xPos = xPos - BallSpeed;
& j  J8 V% I& O, T6 {      }7 X! `* k( D& q
   else {
' G) @3 e( t4 M' [8 E& g1 o      xPos = xPos;4 A7 N+ z# i  m# Y- J2 J  q
      }
) Q' x- y4 P7 K7 u/ x$ O5 E' w   if (yDir == "down") {2 O7 S+ I9 b& d* K& K6 @
      yPos = yPos + BallSpeed;& b: o& ~! p! ~6 [' m0 D% a8 U
      }2 y8 @2 x) x% D/ S& e
   else if (yDir == "up") {
/ h. p, ~! i, t, J3 O0 n( b      yPos = yPos - BallSpeed;0 E7 l( n& ~; Q6 M. i. D
      }
5 E7 ^3 C& H3 }' C8 w' T   else {
, L, L8 j1 F, M! s1 Z, s      yPos = yPos;% R: m1 T3 e7 Y5 L4 D
      }, ~  G9 e* m& p- G  e) f
   }
8 I' y9 Y0 B0 l) r
8 S1 Y' j8 z1 D; w0 Sfunction hidetext(){5 f) _% A/ i3 W8 n' I4 |& l
if (document.all)8 Z/ ?* F/ h' l1 Y
supertext.style.visibility="hidden"
" O; ^- F- [) z& velse if (document.layers)
; v1 Q9 o" Z, @1 u: gdocument.supertext.visibility="hide"( x1 a8 H, u  H- V
clearTimeout(animatetext)
% H: l' Z" {# ?$ u7 g1 \& e4 z0 \  P}& [7 N( ~* K+ J1 J, h& K4 S1 A3 e
$ y% }6 `3 ^7 c; s
if (document.all||document.layers){$ O$ X: q, L9 d$ J6 Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), p3 f# p' x! _  _  b3 s0 ]
window.onload = initializeBall;! a4 a& Z. I% }' ^3 u
window.onresize = new Function("window.location.reload()");
# y) d% V+ k' f) G9 Q/ t6 t( j}
3 u5 l6 `7 c4 Z/ ^. @% p  h
3 ^0 o& z1 k: c$ I</script>