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

zw2004

<style type="text/css">; N+ \4 s" ?( G: A3 _# U% B' ~
#supertext {9 L! ^5 l! }4 [/ ^, Q
position:absolute;( |2 }( S! S% O
left:0;
+ i: i8 @1 C. Q) m+ `) G0 Ltop:0;9 _* X6 j! e: N. Y# |# K+ S7 L2 S. h
visibility:hide;
1 f6 o* S+ u# a4 Svisibility:hidden;( f8 o! g: Z7 y7 y6 q) @
}; ~' ]0 `+ J. C  j, ^$ D
</style>
  m! j1 n' ^- R$ o+ l<script language="JavaScript1.2">; J0 s$ K  Q* i
<!-- 改变下的字体的大小。颜色-->
! {2 o2 {' s. c3 Z" d, Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 ~, P8 h6 u% i0 E  [var hidetimer='';5 X8 ^" x! ~. F: o" H: C
<!-- 改变下的弹跳速度-->
) O/ ^) t1 N! ~: e$ ]var BallSpeed = 20;# K8 d. J% q" ]# ~- \; {
var contentWidth;/ Z) ~. z  v# [1 s. I* u
var contentHeight;
8 H  X& w2 X( O. Y. ^var maxBallSpeed = 50;
5 _9 `* O( I, m; l6 \# C1 ]
* e  A- m1 y& y9 j7 g  n  x4 i6 g, P1 z6 l
var xMax;8 m! d! G( {! k% H. K* t
var yMax;
' S  t2 u; b- S; Y4 w7 ?var xPos = 0;0 n4 @" E/ G5 q! S( ~1 |: C  p
var yPos = 0;
) O; D0 x: v/ S5 `/ t) K" o; K& _var xDir = 'right';
4 T5 v- ^; g4 o. I5 mvar yDir = 'down';
  o/ v$ F, |5 D" m3 k7 l9 Zvar superballRunning = true;' o! H7 t' |" Y7 u& G: ~
var tempBallSpeed;
# j, h; K, k$ K0 Bvar currentBallSrc;% [& r/ K7 t6 @& x! ?8 G
var newXDir;
6 U' T) e9 Q5 w3 R8 |var newYDir;2 ]; K  u+ I3 ?2 C

# a7 N5 T& P# N% m" t" ~8 Yfunction initializeBall() {! I3 [1 Y6 z# }3 `7 e
   if (document.all) {& v, k: `8 _, X1 i1 h& K& a) ]
      xMax = document.body.clientWidth" M+ t, n8 K! P( f% I9 {
      yMax = document.body.clientHeight0 ^9 J% }+ h7 F
      document.all("supertext").style.visibility = "visible";
0 t) y" c5 \3 _- l4 Q      contentWidth=supertext.offsetWidth
' N; w4 P& M+ Q6 l- A. z      contentHeight=supertext.offsetHeight8 \# m3 y, x  t9 [$ z! H& C
      }4 [0 Y7 a# U! l; T* {
   else if (document.layers) {
" E7 R, R' Z! X8 X' {, O1 w& t7 J      xMax = window.innerWidth;" ~! d; z6 m$ G9 o: J
      yMax = window.innerHeight;
. Y1 M& N4 B$ _      contentWidth=document.supertext.document.width4 Y" @! ?8 e" U7 p1 Y
      contentHeight=document.supertext.document.height: ~$ t# J) Y2 s5 R0 `
      document.layers["supertext"].visibility = "show";
7 V, A/ ?* a7 y% X- Z9 \2 |      }
7 l2 N9 b9 L$ |1 X# p2 e4 y   setTimeout('moveBall()',400);: Z5 |/ O4 b, a. I
   if (hidetimer!='')- L$ i3 F, a5 w% Y" }3 c' D0 J
   setTimeout("hidetext()",hidetimer)( R  A, e) [: s" y6 C/ [
   }
7 }! y! Y+ ]5 ~, ?5 r8 a4 g. R& m
function moveBall() {1 _" c- H8 V* k+ G* X; d
   if (superballRunning == true) {
3 {; W& b; O8 s! n' D- d      calculatePosition();
5 u0 \) U  b- P+ d/ z) s      if (document.all) {. {, K% ?# d& Q2 Q, n  D$ k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" h$ o: @9 b) H  M
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 t# a+ S# l2 j6 E0 D         }) m3 u# `3 `5 r  V2 s/ u: G
      else if (document.layers) {
; k/ `$ e6 Q) G8 y' N: R         document.layers["supertext"].left = xPos + pageXOffset;# ?8 O4 ^/ z9 \& P' j  ]
         document.layers["supertext"].top = yPos + pageYOffset;4 t( L+ ]  v4 _7 E
         }9 l! Y) n2 p1 @# C7 J- Z+ u5 k! S7 ]* }
      animatetext=setTimeout('moveBall()',20);# I9 L: @- k  W8 a! Z2 H
      }8 h8 i* l' w! Q! d
   }
, G* a5 V5 p( J" W4 {- E' z8 ^0 x% u! |' R/ R) |# i/ @
function calculatePosition() {
" q/ U, X% ^2 n) F   if (xDir == "right") {, q4 N. B( y8 G' y
      if (xPos > (xMax - contentWidth - BallSpeed)) {. L) Q* V+ Z3 m' J5 x- d: p5 m: J
         xDir = "left";: t' J" [/ Y; [, T& k
         }
& D" G$ ^2 L4 ^      }
  b9 k' g4 v+ B! ?; F   else if (xDir == "left") {. n" J' S& h. W( Z% \
      if (xPos < (0 + BallSpeed)) {
4 j4 H1 K, K, e! l5 |         xDir = "right";" d* q0 o) J; f4 V7 O4 C
         }6 j1 W5 i5 v* d% f% x* V
      }" z. M0 ~0 b3 k' l
   if (yDir == "down") {7 A$ Q2 f3 j' u" M( r) }
      if (yPos > (yMax - contentHeight - BallSpeed)) {
. N! i; v6 V) f2 i) f         yDir = "up";2 Q7 K  C' z% |6 G- f* j) B# ]
         }6 \* \4 r! R7 M9 g' k
      }5 J7 f6 Y5 o4 D/ c9 c
   else if (yDir == "up") {3 o0 h* t/ N7 s$ k  l9 g* D
      if (yPos < (0 + BallSpeed)) {& d7 X; r8 ?. o$ i9 I
         yDir = "down";
( o" j( A1 I8 e. }( A         }
6 }: Z2 U4 v) J6 Q      }& `6 b" t1 {# i- s, V5 d
   if (xDir == "right") {1 O  i5 l! C4 m: J( Y5 z) W2 o
      xPos = xPos + BallSpeed;2 k" x) E6 y& j: A& o
      }7 o- M/ d/ ]" U# c
   else if (xDir == "left") {
' x- j, ?# [5 Q% z      xPos = xPos - BallSpeed;
! o' j6 C; ?7 q- q      }/ d+ a1 o* P* h3 A
   else {. u# P. z* z1 s
      xPos = xPos;' ^/ R, W9 c8 v1 g; x' I: J% [  c
      }" b, o9 D9 }) `" M5 f
   if (yDir == "down") {+ |" v- ]  x/ s2 t3 Y6 k1 U) W
      yPos = yPos + BallSpeed;) Z/ V! }; ?( o& K& x( o& x
      }' m3 K* J  ]( k5 M. X1 a
   else if (yDir == "up") {5 V' B* i# A8 P, b$ y8 ?6 D+ u
      yPos = yPos - BallSpeed;: O# C, K2 R8 ^; P$ U' J: N! v
      }; v2 w- ?0 |6 D  ~- Z) @( D. |
   else {8 E. f  a, |! V3 B
      yPos = yPos;" W" ^8 }7 D5 _& s9 m$ L
      }% G+ ?6 Y4 ^% i4 j* _$ r' j
   }
; n2 f! b# K8 F( c, Z0 O/ Y' {. j; U3 n& h& f" l) a$ Q
function hidetext(){; e6 B! v& R6 z
if (document.all), Z, L1 A6 q7 X( Z& U: t% J: @( h
supertext.style.visibility="hidden"
# j, Q! v2 d% I" g9 S( ~else if (document.layers)* S" |  d) l  Z, _
document.supertext.visibility="hide"0 a- k2 S/ |; v
clearTimeout(animatetext): O/ i9 v( S0 W, L! q. k8 |: p$ u$ O
}
% V4 D) Q4 U# t6 G2 U0 b" M1 ]! n1 f: B  ?0 O9 j/ K
if (document.all||document.layers){0 A9 I$ q8 a& T5 q: K& o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). |  r/ e; ^4 q1 e' C
window.onload = initializeBall;
5 s3 ?/ v: m3 Gwindow.onresize = new Function("window.location.reload()");$ ]5 z5 |# [8 X5 L- d# d
}
2 G& a1 h; F( f4 `  i! G) c7 L* b; a8 D' ~
</script>