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

zw2004

<style type="text/css">: b) W" }6 W/ ]# `. H
#supertext {+ }& n& u/ ~1 I0 K; L
position:absolute;
% `( z6 U2 i: i6 V% Z+ c! ^0 Uleft:0;8 S- [8 ~' X/ |& S, B' ~  u' O
top:0;! d% f+ u) X* ?2 q& l) }
visibility:hide;
2 p7 Y* y/ j4 L. `4 @: e# D9 x! `visibility:hidden;7 l  |% Z3 S% a" @( }# A& g
}* a1 n$ v9 b: Z3 l+ E' B
</style>
0 u8 d) [7 J! i2 g% _<script language="JavaScript1.2">
1 `8 T+ d) b! i0 f8 _" t& y( U* N<!-- 改变下的字体的大小。颜色-->& i1 t* A( |1 i, H, k; k$ r. n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', P6 B; c( T/ w/ B/ h
var hidetimer='';
; `( H1 e" w! _6 R9 w8 N<!-- 改变下的弹跳速度-->
* p& c# e4 e  q& k. F7 _var BallSpeed = 20;
* q3 l0 U+ _9 K; Svar contentWidth;4 i! `- E. ]/ S% y" E
var contentHeight;, [/ n; F, z% T6 x
var maxBallSpeed = 50;6 A% h4 P4 t5 C. o+ }, k

3 A( g5 \, @( W% X3 W" A' n) |6 [7 K4 h
var xMax;
; G  L( T% J* c7 X0 H4 i- [var yMax;
0 D, S; e& g; m& s  P9 V  Z! evar xPos = 0;* x+ z+ L6 R" `' y% k
var yPos = 0;( q. F( C' K) l& ]5 b0 X
var xDir = 'right';/ z. [; C' s' k
var yDir = 'down';) n+ X% U5 q4 t9 H) J
var superballRunning = true;
+ w: i" Q- t, T$ y9 W; s! s9 H: cvar tempBallSpeed;
9 U+ ^1 M: ^$ w6 ?9 ?8 `  K6 nvar currentBallSrc;0 j, D' L# H6 U$ T* J
var newXDir;& j& _6 ?% q' ]  B, o) y
var newYDir;6 }9 Q! [0 ?+ k. J. ?

" N! a6 g$ N# Jfunction initializeBall() {
3 R  u4 K0 ^) G* O# C9 Q1 ^   if (document.all) {
5 B/ H7 H4 J6 \3 D/ I4 B      xMax = document.body.clientWidth
; C5 d$ W# z/ s, h      yMax = document.body.clientHeight: @. K  I% j  c- K8 ]5 |) A5 D* F: a
      document.all("supertext").style.visibility = "visible";
# S0 z* Q1 {  u# ^      contentWidth=supertext.offsetWidth2 @; e, {* u% _* J* M; G
      contentHeight=supertext.offsetHeight. p( @0 n% U* t- ^1 {* I
      }6 M/ M- \$ ^6 C9 n
   else if (document.layers) {' \! C: {% L! j% d- P
      xMax = window.innerWidth;9 W7 A- j& w, g0 l1 Z+ p
      yMax = window.innerHeight;
4 K9 W4 a4 B. \      contentWidth=document.supertext.document.width1 H; k, b# H/ g5 D: X0 r% Y
      contentHeight=document.supertext.document.height
3 O3 ?7 v" N! N# t5 v6 D; d      document.layers["supertext"].visibility = "show";
5 I, C! }) W: H) K      }
; C9 F. E. x) i! @9 X! [/ [   setTimeout('moveBall()',400);5 d& @% j# ~& C1 |
   if (hidetimer!='')
! a' \" W, g" Z* q6 @   setTimeout("hidetext()",hidetimer)7 I! J! K9 t/ o0 K0 _% ~& H
   }
! Y' ?& X. h/ k9 \/ d$ p# n. N! L1 T& ~) Z
function moveBall() {
- v! C0 p8 G7 x$ b  N; B+ U" o   if (superballRunning == true) {! }9 q! V, J$ x
      calculatePosition();
1 |4 ?" Z: i; a0 E" R      if (document.all) {
! }5 P4 A& d' @* L% O5 L; h. a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 U* ~! v" |3 B4 _         document.all("supertext").style.top = yPos + document.body.scrollTop;" a# }: N, G# T
         }
7 F% t) l5 X' J8 e9 ~! C5 c      else if (document.layers) {1 \  m& |  w) t2 V! I4 A: Y4 v9 C; i
         document.layers["supertext"].left = xPos + pageXOffset;7 ^- o, J" N; B4 y+ n  Y
         document.layers["supertext"].top = yPos + pageYOffset;! k+ p; {- l6 v, S
         }
6 }4 P$ S% _" S( v. H( |5 q      animatetext=setTimeout('moveBall()',20);
9 j% t* f" ]3 q; s. P      }
& o& \" O1 R" Z4 B' F6 W   }
+ u9 _& ?% ]0 E3 \( D% N% }6 c: \" O" G9 {
function calculatePosition() {4 `) s% @) n  ]" e  a: Q5 h
   if (xDir == "right") {$ P4 E$ r( |1 g2 U
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! p$ f6 ]3 y8 @+ g& S8 D9 G         xDir = "left";$ g* E6 ?) A, [  p- t
         }9 f$ |$ L3 W3 ^. B, K
      }
! \- M# H" e  Y# d   else if (xDir == "left") {  n9 Y3 R. w9 e8 W- h5 S& X
      if (xPos < (0 + BallSpeed)) {
; j+ d, ?6 j5 f         xDir = "right";/ o. I' Q7 O/ z
         }; Q. \2 ^" ^" B, e' p0 }9 c
      }+ F  \0 @* O8 e9 f$ K( |
   if (yDir == "down") {
1 T! s; n( @( \: a7 b3 |2 d) ^- G      if (yPos > (yMax - contentHeight - BallSpeed)) {2 M$ d$ x% I  ^8 H  N/ k, a5 G' d
         yDir = "up";
( \% D; I& _5 n) i" q         }2 G- ^' N/ D9 Z$ @4 w
      }
* @( r3 i4 G: F; Z2 h) b   else if (yDir == "up") {2 }6 p, Y* j" K' i
      if (yPos < (0 + BallSpeed)) {; @/ P- j2 M* ^
         yDir = "down";
; ^  V- @) A' Z! G7 A9 l         }
5 _' O+ d% W0 Q9 S; L      }
8 i* W# f. z  @6 z2 I- _   if (xDir == "right") {
+ a9 Q: r, ^9 H" v) T      xPos = xPos + BallSpeed;6 T4 k. X( d) o# J
      }( t) Z/ f$ ]) Z- P) Z, A- Q# r4 ?
   else if (xDir == "left") {3 u% y% Q6 l& l  y$ N
      xPos = xPos - BallSpeed;( r% x8 n8 `6 h( m, ~
      }
# m. t  C, u' u2 o# c8 `" U   else {1 |3 S; Z3 g; u
      xPos = xPos;
2 C4 `: B! z/ H3 D* ^' O) G      }
/ I1 I. n4 X8 i, l: {! \   if (yDir == "down") {4 E) k7 U: B7 W+ c8 |; _4 s
      yPos = yPos + BallSpeed;
9 ~1 e6 v6 X+ s) d/ m+ t" T      }2 p2 D  l1 ?) ]0 s% D5 L
   else if (yDir == "up") {" K, C4 _( D% L/ v/ z( I& B9 W
      yPos = yPos - BallSpeed;
! `0 |$ c5 ~3 r; b5 u% @      }
0 c& n2 O. _7 r   else {0 ~6 G* R' @3 e0 j) k: \5 |
      yPos = yPos;7 E! M: Q) X" [: f4 k1 m. h$ V# B
      }& Z8 H0 f! @2 {) Q/ V2 ~
   }& T7 v/ g3 L- n; D: g9 C) u
( ?- d' T. Q; z2 t# _
function hidetext(){6 B* g% Y+ h; R6 c
if (document.all)
8 U1 S$ i' k' j6 k  zsupertext.style.visibility="hidden"9 V6 X  ]. M+ g& n
else if (document.layers)1 B/ g2 \, n4 W* H0 s! m7 \' |
document.supertext.visibility="hide") H& N6 Q) C8 |
clearTimeout(animatetext)1 ~* {- w  J5 L5 A
}% L5 i9 G, `6 J; x1 g

' J" c5 d' _: N. \if (document.all||document.layers){  B  `0 ]& ~- j+ o# B* r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% u0 A) R' O6 j. C% x9 O
window.onload = initializeBall;
7 X5 l! d+ o6 P' swindow.onresize = new Function("window.location.reload()");
, Q% C6 d" u, K' t}
1 p+ V9 v" }2 [- Y8 a
4 c! a' p2 c1 B</script>