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

zw2004

<style type="text/css">& X$ R1 C8 k. p3 a/ `8 N
#supertext {: B& e' d! h. U" f  o
position:absolute;1 I. V1 \# @9 y) c1 g1 p
left:0;! R+ m0 K5 o, p9 e) L2 Q" f
top:0;
# y0 M: c6 h6 |, _6 ~2 o4 S7 `visibility:hide;6 B. }! y' ]' R+ H1 f
visibility:hidden;9 W/ g9 C/ P0 e0 x
}% Y9 g& L. n3 d/ i  L) v
</style>7 a. o4 T* B, b; @$ n2 J
<script language="JavaScript1.2">6 u" n) \; a( \; a3 ~
<!-- 改变下的字体的大小。颜色-->, T# k' ?, \& b/ ?, C# F( H' S
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# y1 k3 l- p: Q  {1 D
var hidetimer='';: M1 D9 i( e2 Y# u  X* l! [2 Q
<!-- 改变下的弹跳速度-->, c. A, ~: l. Y2 u
var BallSpeed = 20;+ Z5 R+ R0 |2 c: x7 ]
var contentWidth;# z3 W+ _" p% L0 \+ p5 Z
var contentHeight;
: _& q# j) `" @, |5 l  i: hvar maxBallSpeed = 50;1 }$ Y  @5 `$ Q- c
: _' |7 L- t% o  Q2 J# ^3 i! r
: d+ z+ ^4 r" ]& {1 ]- |
var xMax;/ F8 f. J- l# V6 K
var yMax;' H% b; N: s6 n4 Y
var xPos = 0;
; N% H/ i: N. Z+ V- jvar yPos = 0;
* L" I, m3 J4 h) ivar xDir = 'right';; b* B4 b5 o" L! T4 {: q
var yDir = 'down';
+ e/ X9 f4 P% lvar superballRunning = true;
- [# r( v& k2 zvar tempBallSpeed;+ p6 c: G8 `, L8 P  Q( C2 N% b
var currentBallSrc;
2 I% a( a8 m  Xvar newXDir;3 Z* u0 I. W. N* Y9 ]: P1 t
var newYDir;
" j4 u5 q, R" f1 ]; E" v# d% h0 T& m
function initializeBall() {% ?9 G6 D1 n, e3 }7 t% \
   if (document.all) {
9 k; `5 [- h+ Z5 `8 a. n. }      xMax = document.body.clientWidth
( k2 D7 N# D7 K6 T7 ]      yMax = document.body.clientHeight
! `( G( V# O# n  N7 ^5 K      document.all("supertext").style.visibility = "visible";
; j7 O+ x; m) e. N      contentWidth=supertext.offsetWidth7 J' [' F, I/ ^. H. W4 `- @
      contentHeight=supertext.offsetHeight* |! C; T& |% ^
      }$ f8 k* ]3 ~  o; z5 g, m
   else if (document.layers) {' U0 x& e& T) U, I
      xMax = window.innerWidth;- ]9 o4 d9 S5 p, f& ]
      yMax = window.innerHeight;
% B5 b4 k1 Q8 d2 c$ h. X      contentWidth=document.supertext.document.width8 e; f: f& Q5 b9 S% k! r
      contentHeight=document.supertext.document.height
2 j/ ^4 b9 M) j  O. ]6 L/ @) j      document.layers["supertext"].visibility = "show";
& F, T( |. e  }" f' O7 F      }
9 d8 Z( p) f: M, H5 T   setTimeout('moveBall()',400);
. I$ W% ?3 y1 F- ~   if (hidetimer!='')
/ k7 E+ u! f# b   setTimeout("hidetext()",hidetimer)& m( r4 T' H* a3 w
   }
2 B0 ]& w/ X! q6 g( U" _- J! ?9 S0 d, Y7 W2 _; H' [
function moveBall() {
3 Q" Z) L; R" s6 C   if (superballRunning == true) {
; j4 j% u+ P( g) Q/ V2 k      calculatePosition();
% m; `+ l+ v0 ?: D! {2 T8 m# m      if (document.all) {) n( V( Z7 T# D! x+ o1 b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 E4 X, X. T* D/ a2 R5 x& S; R
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ c* ?( k  B( f5 D/ l4 ]' ?& o         }
! I% T8 L9 w& x; s5 j. N6 j0 F      else if (document.layers) {
, M6 U  P, F* e/ ~         document.layers["supertext"].left = xPos + pageXOffset;
/ ?; X  U7 T, O         document.layers["supertext"].top = yPos + pageYOffset;/ _" M  ~/ F/ i. i( U$ z
         }% g6 V) I' U- N0 H
      animatetext=setTimeout('moveBall()',20);; s1 c9 u, i2 d
      }, r8 H8 k$ c" O- E5 x% f
   }" q5 S5 x; N# L" V

4 @% S, C/ T/ X' ]! Z$ p1 Hfunction calculatePosition() {. B. P( U! s6 m6 i
   if (xDir == "right") {5 D( }" s0 H- E) s# l
      if (xPos > (xMax - contentWidth - BallSpeed)) {- V, g3 S0 s6 u& J
         xDir = "left";
* l3 P7 O) a5 _$ m9 ^5 G/ j. W- |         }
1 G% N  X, D1 \3 W. V  l      }& a3 Z" d; i* C7 T( I
   else if (xDir == "left") {# G3 W; ~- s% ^3 v& T- q: ]
      if (xPos < (0 + BallSpeed)) {4 U- @! V: p! [
         xDir = "right";* d+ _$ ~0 ~- o0 \' N/ `* ^* z* {
         }% Q4 a1 U: W9 L7 v" m; R* {* _
      }
/ g8 X1 x" S2 ]1 R, X0 @   if (yDir == "down") {; W% ?% B4 ~. t7 j. w+ B; j7 ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {: V7 F' _, b+ N1 R% [- G3 _
         yDir = "up";
5 v& {( h* `1 n/ P         }& V; {% ?% X6 {, I. V/ k
      }: p0 c5 q5 ~. H( S
   else if (yDir == "up") {7 D& {/ \/ c" l+ G
      if (yPos < (0 + BallSpeed)) {
+ ^1 T0 L+ V! x4 e         yDir = "down";
6 C! Q' T& {7 m2 i9 b! k' T         }
* }' W, l; P+ e# b7 D      }1 u' n/ [9 q. `, W  Q
   if (xDir == "right") {
  l- E- B9 N  m* L6 R      xPos = xPos + BallSpeed;
/ H6 a" ?. B7 e$ h' m8 h; m! ^      }, |. u9 G0 C1 ~6 D. _' f# ~
   else if (xDir == "left") {
. H5 a1 B8 }; y# b/ `' t3 Y! }( U0 L      xPos = xPos - BallSpeed;
" W2 f2 T& A6 u- H  c# T      }+ S' \) w4 K* F
   else {& P7 M1 W9 r5 z2 ~; I; U
      xPos = xPos;
, f8 u. n4 Q) Z      }
. q7 D5 E+ u, W$ g   if (yDir == "down") {  z3 }6 `6 q; P
      yPos = yPos + BallSpeed;( N$ I. Y, }3 T3 f. ?9 J6 b
      }
# C. U7 m$ _3 w* Y) G. q" j   else if (yDir == "up") {
9 s' s" ~2 x! z/ w% k1 G0 O0 P      yPos = yPos - BallSpeed;2 z! x/ n/ L' a8 L; i
      }
3 `. P5 x) g, ~2 Y1 a   else {
2 D+ ?3 l5 A- ]; g9 ~; c' x      yPos = yPos;
0 S6 K5 b, ^# k0 P# z- r      }
+ c6 }, U9 m, U. p' X, j   }
+ K; q4 T4 ]1 g3 `, C
) y( ~, g  Z, ?1 P  k) r7 |1 Lfunction hidetext(){
8 [- B* ~3 }* R$ n( s1 Yif (document.all)$ D/ E7 K1 `; T9 j5 v( Z% G" M& P$ D
supertext.style.visibility="hidden"7 |" b( @$ [' Y. t2 {7 d; H8 c8 V
else if (document.layers)% `" L" Q: L* W8 [& y$ s
document.supertext.visibility="hide"
. j: y$ o+ `2 r; ^  zclearTimeout(animatetext)2 l  w, b+ B" {! Z+ d. |
}
; W7 h0 v& E5 y! e/ H4 B7 D; f3 A( k: J# K* X) T4 |
if (document.all||document.layers){2 |; f5 w$ f; ]) Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 E% ]: N+ l9 \5 h. K( `window.onload = initializeBall;
9 z2 ^: u! I1 v, I" ~3 ?window.onresize = new Function("window.location.reload()");
2 J% e* e' \4 C, X* S' _- X}
( F+ f) \  ?5 x4 H4 s7 R! Y# ?2 Q0 _* u: L$ U# A" P! H
</script>