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

zw2004

<style type="text/css">
3 M, q/ B: T6 f#supertext {+ O& ~/ ^8 \5 \- G
position:absolute;6 ~% {- O5 e0 B! B
left:0;  D- l& t$ H7 v1 ~$ L3 K
top:0;
; ]5 r; W7 F( {+ ?* G# V2 jvisibility:hide;
3 l% I/ J" ?& i0 i4 m* \visibility:hidden;
+ L* X7 V, p6 E}; s' [$ Z2 ~% L  l; Z
</style>
% i8 {0 V4 G; b& e5 X( X<script language="JavaScript1.2">
' ^3 ^4 G8 _5 {6 ?( P; r<!-- 改变下的字体的大小。颜色-->
& Z9 s+ {' R4 F$ Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( I) `8 b- _( q1 W$ a9 Q% C- D. `
var hidetimer='';5 B' a: ?& T4 o" l" c5 o! L9 A
<!-- 改变下的弹跳速度-->% L; P. P* r! Z6 q+ k
var BallSpeed = 20;
2 k' J& ^4 [9 r$ L9 P3 G4 bvar contentWidth;
/ o8 g# [7 a. y# q' |var contentHeight;
7 J$ E: K7 O$ h, Xvar maxBallSpeed = 50;
' K9 ~& b6 c, Z2 L8 g. p2 e' n4 h0 B5 Y7 U
$ t2 `' J" c$ ]  O
var xMax;  i  T1 h! ^2 @9 q
var yMax;1 F4 W, ?- p3 B9 H4 U
var xPos = 0;" X; s: V$ o" j& w, ?4 h5 L
var yPos = 0;
6 g' v5 e9 r$ d4 ]; b) X; P5 E# H! xvar xDir = 'right';+ p/ s  [$ J) U4 X
var yDir = 'down';7 m5 J6 [4 d# _/ I" o4 V) `
var superballRunning = true;
( l* z8 Q  I4 r6 u7 \var tempBallSpeed;
1 E3 |' \9 Y  b# k' nvar currentBallSrc;
; L! D  J# g4 q1 L8 V9 _, u$ e: Ovar newXDir;7 {# I; E- \* ~: M
var newYDir;/ c- L# L0 e# A- L" T. R, ^2 H* B

% z' L* i3 a6 v1 m: Lfunction initializeBall() {
1 P+ ~0 X  X2 o0 X% Z   if (document.all) {
4 u6 q/ d2 D. z/ M; H9 c, K      xMax = document.body.clientWidth
. E% s' l# L5 l' N      yMax = document.body.clientHeight
2 Q) m6 z4 N1 D4 p1 c8 i      document.all("supertext").style.visibility = "visible";
# L2 p+ K2 Z' N* H7 d' m      contentWidth=supertext.offsetWidth
, k: G: M! q) i6 @/ K! E* w      contentHeight=supertext.offsetHeight
- L& _! [) J7 l( w, j      }
: A3 l! ?5 F9 [1 R) d4 I) H   else if (document.layers) {$ T4 K: b. i% m5 z+ }  H
      xMax = window.innerWidth;9 J8 E2 s2 R2 y& N3 o6 Z0 W
      yMax = window.innerHeight;0 X6 j7 o+ Y- n  O- ^' e* l
      contentWidth=document.supertext.document.width
7 t" [% Z% `& Y% A      contentHeight=document.supertext.document.height
# Z- Q1 e( t7 \7 a( G) a      document.layers["supertext"].visibility = "show";
" b& W; f1 a% ]+ X$ X      }
, p$ ~1 `  S2 o; C6 e$ f; }% S   setTimeout('moveBall()',400);
! V. n/ [0 j* O( a* s1 M/ x   if (hidetimer!='')
. ]+ R! [2 N( @7 o   setTimeout("hidetext()",hidetimer)- X3 G# |. Y' j' n; k5 b
   }% l6 G9 a2 P( R  h0 M- D

9 c( M  e9 t! u$ c6 Rfunction moveBall() {/ y2 M0 L6 J% x2 t% A7 e) p
   if (superballRunning == true) {
0 Z1 G3 |" e6 \      calculatePosition();
+ K9 C& _' w/ F. {+ f+ I% U      if (document.all) {
7 \6 V7 M! J  W  Z# Q% z         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% g! v! G3 x' \$ |% u, l         document.all("supertext").style.top = yPos + document.body.scrollTop;3 n4 n: N$ A) |: t$ z
         }
. `  u2 \- w% u9 U+ h& ^      else if (document.layers) {
8 b* `* i4 u' x; {) g- o1 ~         document.layers["supertext"].left = xPos + pageXOffset;
' d9 {/ [' B' x. [4 G+ T         document.layers["supertext"].top = yPos + pageYOffset;% k9 z# f0 j+ q! ]+ N& p+ \4 [
         }
; @% W! k; b2 ?& v7 U3 D, A      animatetext=setTimeout('moveBall()',20);' Z  W* u5 H4 H: j
      }5 J8 X7 ]0 ~' Y& h( ^0 f3 D
   }
7 r. S$ L" g7 i8 }0 j- J$ Z/ S# l6 N- ~! h# P0 `2 P
function calculatePosition() {
/ ~$ g4 S$ U( j. \: @, x- \   if (xDir == "right") {" x$ H7 C& r( _% t7 m
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 C& N/ [' d+ G5 O# l5 `4 u! b, s
         xDir = "left";# u1 D8 Q0 Z$ p; w
         }
) Z! r0 S  Y) o' m7 a1 R      }% z2 e3 A3 M- S7 W
   else if (xDir == "left") {9 y6 C; [* |1 {. M! l/ r
      if (xPos < (0 + BallSpeed)) {6 ]; ?$ ?, J  e6 t  }, Z
         xDir = "right";
  k3 p" k5 }1 h; B( G. r         }% M" {  f, q1 j8 c/ a( |
      }5 [, M, t5 I8 k
   if (yDir == "down") {
) r, z2 j; Q* S6 ]( N9 {. K0 y      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 y- T0 U/ [" m- V3 K         yDir = "up";; U" ?5 h6 Z; W6 a# k
         }
( t# T+ I! Q3 C- ~9 M' }% p& \: ~9 `      }2 `2 h( m. R& r
   else if (yDir == "up") {
; \0 g% p9 u* s3 P      if (yPos < (0 + BallSpeed)) {3 y' l0 Q! e: z3 A/ f
         yDir = "down";
4 e: v4 }# C& X2 c- R         }. N  ~* m7 t& w; l$ i* q
      }
! N2 \; t# f. Y6 d9 v: S( m   if (xDir == "right") {) v' N" l) I+ l2 U4 W1 J
      xPos = xPos + BallSpeed;
. m% N2 T5 [: [& g! Y      }
% R. l0 E5 @, D/ u/ C: D. ~   else if (xDir == "left") {
% ^; _% i( e8 u! d8 x2 k      xPos = xPos - BallSpeed;6 @# o+ ^; f. |( @0 Y3 a2 s
      }. o, P4 {9 c1 U! g4 W6 B  t0 [  j
   else {
. d7 l% ]) s! R. q5 i* G1 q' g      xPos = xPos;  }! Z$ v6 ?1 ]0 {! @( D0 w+ @
      }; S9 ?/ I( H% N
   if (yDir == "down") {" m: N1 V/ ^# \& p  R  y8 `! A
      yPos = yPos + BallSpeed;* d7 E0 p6 x9 D1 E- S
      }
. h5 a5 o) ]8 c   else if (yDir == "up") {
) E! l" S+ H+ Q      yPos = yPos - BallSpeed;
( t: `0 E+ f8 F      }
. N6 @$ `- Z3 d( @+ p! c% \   else {
( s( k' q7 h3 e      yPos = yPos;
) S/ r! D. q, P# X; S" H      }
1 b" H( ~. h4 Q6 Y3 p   }
5 }8 S- A8 X- B. J2 [7 b+ E) q$ G: K  L% I% R8 p
function hidetext(){
! J; S8 r9 K7 ?if (document.all)
, I- g5 S3 a1 [! v' S! r  usupertext.style.visibility="hidden"' ?2 O5 I" E7 c4 W, T6 K- r  J
else if (document.layers)- i. n. x' M- u* m4 O- X+ N
document.supertext.visibility="hide"2 ?4 E: ]% n" o% K0 K
clearTimeout(animatetext)' y* p! {" J0 ~
}- \: D; q7 D) Y5 I) r' w

# j, w# x  q8 X7 F5 Z" Hif (document.all||document.layers){
0 V: g: ~* v3 v+ }& k: vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ d/ V+ `2 }/ {( }7 }1 H0 q
window.onload = initializeBall;: B0 p1 ?3 F9 G, I. W
window.onresize = new Function("window.location.reload()");
' |: i2 R( X6 c7 T7 I}
4 o, F9 Y- M, _9 E: R, q  e6 J
8 U- O/ S/ s; e2 T8 g</script>