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

zw2004

<style type="text/css">4 L% {) K+ q- N5 {* C' d6 `
#supertext {
5 k2 E/ S" d# d6 e/ cposition:absolute;
& Z; i( P# Q" a% o1 r% hleft:0;5 q6 g6 B. Z  ^. Y3 l
top:0;
4 s; P2 |' c# t1 d4 yvisibility:hide;& c; D" d2 @9 k' }/ \+ s  d
visibility:hidden;( P  X1 b! x) y' ^
}, B& H; e5 _' q* V* e. e$ s
</style>
* [! o7 ^6 a, x2 ]$ u& S<script language="JavaScript1.2">
# M- B# P' B" ?7 ~- {0 K5 B! Z<!-- 改变下的字体的大小。颜色-->7 a9 P, k+ x  P8 z8 h9 C4 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! i; \4 `# H. R6 cvar hidetimer='';
' Z  q# Y# v4 v: S$ P* N8 K5 g<!-- 改变下的弹跳速度-->
( T) U# A  ^! K5 E. Tvar BallSpeed = 20;
7 }( _0 m- e7 y0 b: W* c' R" l! ovar contentWidth;8 r8 t1 |' P; b7 u1 I: b& R: A
var contentHeight;7 }; L$ d% b5 x; Z- V$ Z) a
var maxBallSpeed = 50;
  j$ W% ~& ~% F. Q: H
8 V' y  W; `  F; j% t3 t5 y( `& f. T: `3 K# D5 W
var xMax;
: D/ R! d: V- Y! e( p7 bvar yMax;
2 I9 h9 e- C) S. y6 e; gvar xPos = 0;
$ C7 W9 `2 `0 _; s. w9 j- x: \0 Uvar yPos = 0;9 J' D5 {' O/ O+ @6 S
var xDir = 'right';1 w; ?+ u7 l1 E; @' _
var yDir = 'down';) d4 q* D9 ]* b" i
var superballRunning = true;" ?9 d( k: ?. O3 `9 O
var tempBallSpeed;! E" d, i1 L) S5 {2 w( l
var currentBallSrc;
8 w6 a! j( s% C. }. G/ [8 yvar newXDir;$ c: `) N2 s1 I% [0 k0 ?7 W$ j
var newYDir;
, Q0 J, n4 [1 n
- m- l7 ^( Q7 g% Gfunction initializeBall() {( h, i4 ~/ B: Y
   if (document.all) {
, ]* J3 x" v6 e      xMax = document.body.clientWidth
3 }/ l, B" r+ L5 r0 s0 @      yMax = document.body.clientHeight
1 l  L; Z6 s7 t: Y- k      document.all("supertext").style.visibility = "visible";( S, m8 S* ]! f% k3 {& Q
      contentWidth=supertext.offsetWidth
6 X, o2 k. @9 L7 j; ?1 @      contentHeight=supertext.offsetHeight- K1 M8 l6 f- J3 A; \
      }
  Z2 a- I- V# a5 X4 ^5 f! q   else if (document.layers) {
9 s6 G/ q, c' i  H. M2 b      xMax = window.innerWidth;8 P5 v% D" A+ K1 }! [* c
      yMax = window.innerHeight;
0 X6 O9 a3 ~0 Q& |      contentWidth=document.supertext.document.width
% ]  q" V( V& S+ n      contentHeight=document.supertext.document.height
) g! o+ t: a* R! E- P2 k      document.layers["supertext"].visibility = "show";
: H) ]2 Y1 Q' [! `1 r) \. i) ^      }7 G+ k9 T& M. f* l) z) P
   setTimeout('moveBall()',400);
9 c1 P7 J* m; i  {   if (hidetimer!='')# J& }# V* D) W& v0 X- Q4 j, Q; O
   setTimeout("hidetext()",hidetimer)
) ?3 \' l+ }6 Z! T4 a3 C9 y3 m   }7 m/ D- y2 Q% O8 V! c" Z

, G! ^' {" Y- p" h$ t; gfunction moveBall() {8 k& E/ l2 f/ u3 E" c2 Z) ?
   if (superballRunning == true) {
, r5 v* `0 X" S: h# I3 G1 G' O      calculatePosition();
6 v4 `- [1 T% S6 U; p) G      if (document.all) {6 M# `; ~' |  i% q5 C. f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 x# `/ B+ c' U) j/ {
         document.all("supertext").style.top = yPos + document.body.scrollTop;% C) q- U  j6 D6 |8 Z
         }" q  ]0 f+ t3 z$ M) I
      else if (document.layers) {
9 k* i. ?7 a. D( ^) p         document.layers["supertext"].left = xPos + pageXOffset;2 P# b& P* ]; x3 V+ K, @
         document.layers["supertext"].top = yPos + pageYOffset;
+ K* T. M; n  M/ |         }" l7 G7 n# m5 b$ o" n: Y& z
      animatetext=setTimeout('moveBall()',20);
. w2 y, |. W( c      }
: S3 u4 z9 N: ]. ?* f) f, w   }) O, X* O  C  P' l% r/ s5 c# f# K: h

! a$ o- a8 ~6 R3 v8 O7 I" h' afunction calculatePosition() {4 y" x6 P6 F, t( @! {1 `- G
   if (xDir == "right") {
6 ], {: c- U4 y2 `0 }& Z      if (xPos > (xMax - contentWidth - BallSpeed)) {
( P- z9 z' u( ?' H         xDir = "left";
+ [* K, G! ^  |" S( |         }1 M/ J, C) i$ W% t* ^
      }3 U- C0 c1 F1 a( V+ G# L3 K
   else if (xDir == "left") {5 Q% e* Q7 d1 ?8 u3 X
      if (xPos < (0 + BallSpeed)) {# h+ P. F; v, C' L9 I: ~1 i' M) ?
         xDir = "right";
5 h  A( ]$ T: k/ n# D! S         }' u: S9 F8 z7 S: t( X; P0 g, ^# S2 ?
      }4 q3 H4 N. [9 _- j
   if (yDir == "down") {
0 D5 g( @( f6 G- ~# W      if (yPos > (yMax - contentHeight - BallSpeed)) {) U9 i) Z; x" f( y5 H# ]. w
         yDir = "up";
) @3 c  w# Y. f# e. F0 V) C2 ]1 O         }" f% S' V. y2 S' P- N2 U
      }6 @" M  K$ B' r
   else if (yDir == "up") {7 s4 p' h) R" n7 x( ^7 [+ t
      if (yPos < (0 + BallSpeed)) {/ @; r4 V  _" C: H
         yDir = "down";
! u' t6 t1 b  O8 A- B: U         }
0 U1 z' D- t: h! I* o9 [) ]9 w3 p      }% g1 }0 }2 _5 a% r% ]# `: {" B
   if (xDir == "right") {8 u5 j4 C. b3 d2 B! U
      xPos = xPos + BallSpeed;
! R: k. ?9 d$ a: O      }
! {% e! y; h( f" @/ d1 A   else if (xDir == "left") {
. y, w' X  n, ?- w: D6 i, t: g6 I      xPos = xPos - BallSpeed;* X' J5 p' g2 {
      }) D6 b1 l# ?, y. D# }
   else {/ q( i: Z; B) M) F$ R
      xPos = xPos;8 h! g- b- c4 g# a0 B) L
      }
- a/ @+ W9 L' Q, K   if (yDir == "down") {4 j$ W# F9 K/ ?! {
      yPos = yPos + BallSpeed;# d' d* m, B$ V$ O  M" ~+ G& ^
      }9 ^: h+ @4 ?! R% t& K
   else if (yDir == "up") {
8 e+ a! ^4 ], Q+ V# L& P3 r      yPos = yPos - BallSpeed;% `% {6 x8 M+ S
      }
  e2 F% p/ V% U, a" ^' D   else {7 O8 f7 H; J; f" }+ p/ B  Q
      yPos = yPos;
) @8 L- j" k$ j% N9 b! i2 |      }
0 ^5 ^8 G3 r$ S. M: \   }
1 t3 c0 N$ ~3 q9 r
0 E- d6 S* t8 B- |% qfunction hidetext(){
5 c$ E( j3 ?  A2 c$ b0 Cif (document.all)
* F0 J. [$ Z( L; B7 `2 t: p( _supertext.style.visibility="hidden"' ?& D! j* H' @
else if (document.layers)0 _# g; m: B0 r( ^7 S- k
document.supertext.visibility="hide"+ [8 ~# n1 H: k+ {+ R2 @
clearTimeout(animatetext)( r' O% m) c; b. F, C2 e
}  E  U- a- ]+ K8 N+ L5 \( N
4 f5 ?8 b) I) C! `) N  T
if (document.all||document.layers){
# R1 y3 ^' J, d8 zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( X2 ^& x4 }0 _1 r- E
window.onload = initializeBall;
3 B, H' k2 u/ L  t: \9 E* D, nwindow.onresize = new Function("window.location.reload()");, g( W: g- D9 ?/ p8 a4 ?
}. i* l( [2 J: z# o! V* C9 I
# M- a0 A  U$ B0 u( U
</script>