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

zw2004

<style type="text/css">
8 n$ Z) T% P" ~$ W#supertext {; w$ q3 w2 q- p# [6 `
position:absolute;7 {/ O5 [) s: A$ g2 F3 f& t
left:0;% W3 T' J% {3 C7 y
top:0;. t/ f, d9 e! a4 ^. B4 l
visibility:hide;5 r8 \3 M+ ?+ j; \0 I/ d* Q
visibility:hidden;
8 z- d- ?6 @3 i; s$ U, {}
: d* i: A' c6 ^, w% }6 G: P+ n/ C</style>
; k6 H; L, R) t# c  T+ k<script language="JavaScript1.2">
$ J/ m; @7 h  z+ D; W( B* [, Q<!-- 改变下的字体的大小。颜色-->- q2 |. N; U9 [  Z1 d( E/ o  Z$ P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 ~) M9 c- }' u, z  Fvar hidetimer='';! b$ k" j7 X# r
<!-- 改变下的弹跳速度-->6 c8 J6 o; @7 s
var BallSpeed = 20;2 |! Y; B0 v0 w& C! S1 k6 G
var contentWidth;2 A7 Q7 s% N, s) s
var contentHeight;8 {- B7 h/ w$ u
var maxBallSpeed = 50;
1 K& T) w' m/ a9 N6 C2 r
# y0 @6 w. l  @. C/ k, m. y) C, U# O  T# I
var xMax;
1 S, Z/ B0 {* D5 t( Hvar yMax;
$ P2 e% q* m$ C: C, Vvar xPos = 0;+ Z- G! R* m- [& T
var yPos = 0;6 O$ b% ], C, L# m  g% a( f
var xDir = 'right';& v( f; j3 T$ `
var yDir = 'down';9 D+ |/ h9 e; S5 i- ?
var superballRunning = true;2 q  b! H3 E1 x! z( _' g' O" I) O
var tempBallSpeed;
9 \$ Q( O% k) M4 b$ @var currentBallSrc;( Y* s$ D* D- D7 O# [
var newXDir;
4 Y4 z) z$ W7 ~$ ?var newYDir;
" y# Y# I$ _, Z, G& ~8 v. n8 x6 O' I4 u/ A9 p- c
function initializeBall() {" E8 w8 s! W( p; p* h* A# M1 i
   if (document.all) {! ^) S0 Y8 ^* v# M& t1 R
      xMax = document.body.clientWidth* N: l" T$ I/ M
      yMax = document.body.clientHeight0 m6 K( `2 D3 s  }" A# P5 f
      document.all("supertext").style.visibility = "visible";2 f  I2 u3 p9 A; G/ G
      contentWidth=supertext.offsetWidth2 H) T6 d& v) P% Q, p% W: d
      contentHeight=supertext.offsetHeight$ F' L9 u$ h0 K: l" S4 i
      }: ?; }0 K: b8 ?$ j! C) U  }% l( U6 x
   else if (document.layers) {
! [; D! }- U" N7 Q$ @4 w      xMax = window.innerWidth;4 q% |' s* |. y
      yMax = window.innerHeight;7 L) J8 c/ N# @- t
      contentWidth=document.supertext.document.width
3 y! i. i/ f% B% f# T" S      contentHeight=document.supertext.document.height  n" Y. ^+ f! }2 j
      document.layers["supertext"].visibility = "show";
! H3 I2 }4 P) S! T7 X, B      }
% i# m  y1 _7 e, W   setTimeout('moveBall()',400);
3 A$ N- J6 I1 k* |: h4 v- M   if (hidetimer!='')4 H) W2 j% x0 Q  m1 Q5 U9 E, w
   setTimeout("hidetext()",hidetimer)- H$ [* Q3 f& l4 @2 S+ ]% u2 R
   }
( Z& V3 @  k7 b2 p& N8 X/ q  t7 A% W& Y+ u: X- Y0 l
function moveBall() {: \: K/ K3 W2 a* w! V4 O) I
   if (superballRunning == true) {9 O: ~4 c$ n4 i0 g  H6 `* D$ S! J" [
      calculatePosition();; P$ {, a+ }  @4 V% H4 C4 R
      if (document.all) {
% X0 w# Y# p. ?) o" ~, ?* Q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* e3 ^6 B+ X# _0 X1 _         document.all("supertext").style.top = yPos + document.body.scrollTop;2 z" P: a4 @, b; A+ p2 b
         }
0 |3 s5 H8 b$ e      else if (document.layers) {
7 C* j, |/ X; w- q5 d/ m4 D4 G         document.layers["supertext"].left = xPos + pageXOffset;, p" J# W! u& m/ K% k$ Y) q
         document.layers["supertext"].top = yPos + pageYOffset;3 i5 z& T/ F. @* r$ r
         }
: t* C9 q2 z; z% ~! M      animatetext=setTimeout('moveBall()',20);6 M  h' H: `2 L* Y1 o9 C
      }
& A- p5 `/ e9 q9 I( G* W: g% u( H   }
! R2 q7 g7 T7 U+ O4 ~8 s* B) U8 O: D: J' P/ U/ d4 ?
function calculatePosition() {! f. Y5 l0 t/ C$ F: p
   if (xDir == "right") {
, t/ o! s2 ?, s. v      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ \6 W  X" ]! \8 F" b) Q         xDir = "left";/ }5 A4 z& @; [, X* E  U' S/ ?
         }
- J4 C# a- m8 e+ X      }+ a3 S0 Z! x& H9 _* N) y
   else if (xDir == "left") {
6 D; E2 `2 X( ]- g      if (xPos < (0 + BallSpeed)) {/ a$ Z! b1 M. y* ]
         xDir = "right";
( Z, ~* N% B; e# d! S: D  X         }
; ]: m8 a! V1 e. h, S      }
  v, u; m$ ?1 v5 y# ^   if (yDir == "down") {2 V7 f8 K3 U1 C; B" M
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; H) _$ B/ _% Y$ \- v' v4 `3 x         yDir = "up";' }6 o- y4 j" U( U! z  r
         }; C3 B" i" }1 e& X  b
      }
: ^8 o2 k6 C* D/ b# m% b, B4 V- o   else if (yDir == "up") {0 F5 c8 _; k1 x$ a  a: ~; K! j2 {, \
      if (yPos < (0 + BallSpeed)) {
) K; P  h7 w3 t7 [  z         yDir = "down";
: b- L2 a% y# D( V' V* t         }
5 G5 ?5 p' h- A6 z$ O) Y5 l      }0 O) D) R! X: v& s; Z3 H
   if (xDir == "right") {0 q( i# h  ~, i4 D  I8 I: L
      xPos = xPos + BallSpeed;
2 e! \* r3 B) o0 L) h) j0 ~) a      }4 j- ?7 V8 L0 {0 d* K* A" K
   else if (xDir == "left") {
' E5 ?( s7 p, j( h2 e# _2 G7 M, g      xPos = xPos - BallSpeed;
) x5 Y. _/ h% S7 O- Y. H2 @, k8 e      }7 J& ~6 k+ l3 T- S' E2 K- \
   else {4 F9 @: ~1 P  Q9 S" R, |
      xPos = xPos;# K7 }5 O: m: _& s- [7 `
      }0 ~, ?: {& G1 C/ j, M
   if (yDir == "down") {
# Y8 b2 q, H% }' ]6 E      yPos = yPos + BallSpeed;
2 Q1 {4 |& g, Y. l6 e7 e      }
6 T2 _! h: C+ m! |   else if (yDir == "up") {' x: p( z3 v4 o
      yPos = yPos - BallSpeed;
) R( I! n, N5 z+ ^" Z      }
+ w% _: Z/ P2 I2 l/ j3 S   else {3 e+ k6 E8 _; o! {7 r
      yPos = yPos;) @: d% V* ]( M- q: j
      }5 y3 }: g: N2 w; V( Y9 x, e
   }! m+ y0 v4 L# w4 f
9 j* L' Q+ Y" ~/ [9 E  l
function hidetext(){
6 {8 C* U* U' b: Q: p" j8 B  @9 aif (document.all)
8 H5 I: ~( S6 A# s- ksupertext.style.visibility="hidden"
: S- Z* \! e5 [3 R# Pelse if (document.layers)5 b9 x, ]2 H- y3 R7 Y
document.supertext.visibility="hide"
% }7 T7 e+ g* p" e# A7 c3 p2 |. yclearTimeout(animatetext)
: J. X3 q( j, L; L}
) o" m+ X1 s7 A1 Q& }! i! {% U2 K' K# E- J+ Q
if (document.all||document.layers){2 k- L& h8 y# e( p  h) E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) ~) a1 o" n3 p8 \1 S, \window.onload = initializeBall;- f& \0 I1 c- J2 A0 Y
window.onresize = new Function("window.location.reload()");3 L. {& h( X* v2 ?4 f* }) L
}) c5 ^3 ]5 |( D
5 [1 Z, m  S: L1 o, t2 G$ }
</script>