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

zw2004

<style type="text/css">
' }. l# O$ L  V2 y#supertext {% z  I% W5 S, a
position:absolute;
; k0 D+ v$ u( Q! b" b' @left:0;1 R, k( _8 ^8 r" ]
top:0;, o# v7 T: o6 ]" {  V
visibility:hide;
( ~2 Q4 e1 W; p6 l+ a# Evisibility:hidden;
  f/ u- `1 z9 u}. Q# r2 Z* l8 k0 G1 O& }8 }% v- j! a
</style>
. T0 w: d9 e8 l- G2 V<script language="JavaScript1.2">  K, r' S3 _# Q3 K
<!-- 改变下的字体的大小。颜色-->) N' w+ N; a  v, {& U4 m" R# ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 x3 }0 y" J7 W7 L$ T
var hidetimer='';1 M# m7 d! f+ q! v
<!-- 改变下的弹跳速度-->
- J' b) w: P) @. mvar BallSpeed = 20;4 i$ a9 m$ K" }1 l
var contentWidth;
0 z, S" _0 I) u4 W' p+ W9 E" w6 evar contentHeight;3 m  \4 F5 H# M  Y# [
var maxBallSpeed = 50;
3 q8 `1 K6 R+ B5 p0 \: T5 J! P) u1 V9 o; L
5 H8 @6 j% v4 @
var xMax;
, ]- p5 U6 J3 G, Lvar yMax;- S! J; }8 @( Z" y$ ~' Q, q
var xPos = 0;
% U4 X0 Q0 P( p( W2 _var yPos = 0;  |9 n- m& x# _  h
var xDir = 'right';6 d+ d3 s: Y; q. m2 m
var yDir = 'down';
  A1 H& }, U& m7 mvar superballRunning = true;, b; h) h. q1 x+ b# Q
var tempBallSpeed;8 c0 r  T1 ?! u8 K. |* V2 K
var currentBallSrc;: R. a8 C# h0 O
var newXDir;
# }$ o8 A% d; s+ m) rvar newYDir;- \1 s" P+ f3 e1 h

9 K' L! N# U* G8 P. Q$ z. ]function initializeBall() {, G- D8 u+ l! Y
   if (document.all) {
/ X% C- m$ t. |; N$ K8 D7 p- \      xMax = document.body.clientWidth6 H( G( A" y# P# p) f
      yMax = document.body.clientHeight
7 x2 ?7 Z: ~# s) h7 `      document.all("supertext").style.visibility = "visible";
+ X. e" w+ ^% w8 e' H! j      contentWidth=supertext.offsetWidth2 G) l) l' q3 d' u- X
      contentHeight=supertext.offsetHeight
4 I- i' u5 t" Q3 B) N      }8 s! e7 `# s) D5 v
   else if (document.layers) {9 m2 E1 S0 G  _( Y
      xMax = window.innerWidth;, m# S* L$ a3 K1 N" V1 U
      yMax = window.innerHeight;
& F0 Z. m6 t. {. _. f      contentWidth=document.supertext.document.width
: |. R) [! Z; F; m+ l- S3 @: r: M2 a      contentHeight=document.supertext.document.height+ t$ F3 k- T/ ~$ U, x% |3 m
      document.layers["supertext"].visibility = "show";0 N. w. [! y2 C  ]
      }
* X6 U) T+ i- u8 l   setTimeout('moveBall()',400);
7 ]5 k/ M; M6 u2 S5 r   if (hidetimer!='')
; v8 y  Q2 f" ]' X" ~/ k   setTimeout("hidetext()",hidetimer)
$ m6 J( ?9 h0 B  y8 B) R   }
' M2 j) l" V* ?. u6 \6 i) r! I" O0 _, N& g. Q% n: z( |
function moveBall() {
& i9 F; O9 I# h1 x7 j2 _  [8 B   if (superballRunning == true) {
+ M, j2 y4 T6 w0 V" Z      calculatePosition();
. X. i$ S* U5 A2 m/ o      if (document.all) {9 o% e/ u  `# _1 f# i" k2 F9 G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 Y6 @0 G2 n* l" ^2 Z% L- n
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 {. F! D1 U. a& L
         }
. }3 a8 h' u; f  y. g' |+ H* S      else if (document.layers) {9 ]  }& O( G8 t+ h: \& l  A
         document.layers["supertext"].left = xPos + pageXOffset;0 v5 T! \- ]* g. j$ m5 A) s
         document.layers["supertext"].top = yPos + pageYOffset;
% V: k2 j$ A8 t  V         }' T& @2 G) Q; z+ d; G
      animatetext=setTimeout('moveBall()',20);
( a3 f* I* q$ O3 C3 j9 C( H      }1 n$ g# g9 i# N7 [$ A
   }
0 D; a1 w( X9 @3 o" b, v% A& U  K, g* Y
( s6 v" X: P( o7 D; @% o! z. H! rfunction calculatePosition() {
; M' J& O+ ^( d! o, ?( B7 y6 g, C   if (xDir == "right") {
+ I# b$ \2 _% F      if (xPos > (xMax - contentWidth - BallSpeed)) {& r0 O/ F- V$ f+ o  W4 K: h( N
         xDir = "left";) b: h( a  f* U/ Z4 Y
         }
- P0 d9 l, w# _* ]# F      }
1 R0 L& j6 M/ K' P3 X" x   else if (xDir == "left") {: i, n- ]' O7 R% N2 M
      if (xPos < (0 + BallSpeed)) {" G% H. W+ x& h! t" r8 m. T
         xDir = "right";
+ L2 \, I% Y. I5 H         }9 ?+ C& V: v. r. h2 S
      }
, Q% m" [! t9 J, C! b   if (yDir == "down") {
# c( R- f; Z6 ~6 W, w; U: O      if (yPos > (yMax - contentHeight - BallSpeed)) {+ n5 X" T+ w2 H0 J) p
         yDir = "up";/ J0 L$ z7 r2 y4 B" l
         }# c8 B1 i7 M! i- P, @
      }7 R* g  N8 d0 Q# k- F* K
   else if (yDir == "up") {4 i# E7 r" o$ L
      if (yPos < (0 + BallSpeed)) {
! z- T0 \  X0 A* n  |9 C         yDir = "down";
1 p. _9 X2 j( t3 L7 e/ r& Z- X" ^         }- ^. U+ Z1 |7 Q, K
      }
) z6 L5 c! e9 ~( D, b   if (xDir == "right") {
( [5 u' u# j- f$ r* d, g! |      xPos = xPos + BallSpeed;0 U5 `. f' [3 w% m' ~* w
      }% m/ t, [9 S% Y: P
   else if (xDir == "left") {& h! e* `0 l# A4 G+ k" M8 }  ?' @0 X
      xPos = xPos - BallSpeed;# W% j$ k: F( v& X
      }8 Z+ i1 N8 u& I
   else {
* }3 @* c+ }$ |# P! H+ T      xPos = xPos;
: G% {9 w' \. w( X7 v: b      }  ]. w1 W( Q+ t: k' v' x
   if (yDir == "down") {7 n3 V0 i6 b( A8 Z
      yPos = yPos + BallSpeed;3 E+ l1 {& g+ \0 n
      }5 z* Y8 Y. `' y' }$ s+ Z9 ]) y
   else if (yDir == "up") {$ O7 x6 m/ [* x% {2 [5 T
      yPos = yPos - BallSpeed;
8 R. K5 g2 ~  j      }* ~. I- j! d) \$ B) o7 D
   else {
* f0 n5 g$ |+ j; j4 G2 \      yPos = yPos;
& S; ~  v' U* U$ `" E      }" K# Q* T' K  o' ]& |% B
   }$ S  K" P5 e- v& g
: h  }$ k$ j! W0 d" k1 |
function hidetext(){
  _# N# I+ }$ ~& F$ fif (document.all)
- U/ H) ^3 g  H: y# |supertext.style.visibility="hidden", f) C% u* P$ a2 D! |9 v
else if (document.layers). T8 G1 J6 q3 K" Y
document.supertext.visibility="hide"0 ^/ i0 ?5 M& {5 J* o8 K
clearTimeout(animatetext). Z& u$ s3 h6 S: I2 q( C
}
  F' \  o& @* \) ?4 x
" ]/ g1 n5 z- b& b( d, D# a, Dif (document.all||document.layers){: E* W- N4 I, e* F( Q+ G3 ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 {& n0 K1 {: Ewindow.onload = initializeBall;
3 q  X2 |4 H2 x: ~window.onresize = new Function("window.location.reload()");2 G, |$ C  i2 g
}
+ Q9 {9 l/ p; `6 ~
6 H4 X9 \  S! U% `" {% O. M</script>