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

zw2004

<style type="text/css">/ {/ ]4 n0 L( A1 s- S$ U
#supertext {
2 G( |5 e; }$ P5 I. W- Zposition:absolute;
9 M/ N) N' g  ]+ z" uleft:0;. D/ U4 H6 Y, A$ }- z1 |- A) [, ]
top:0;
6 h5 ]# ~/ C( V6 N. o* Ivisibility:hide;0 o0 \# l' w! M( K. Z5 p  K3 j
visibility:hidden;
2 }3 b- z& _3 ?  C+ p5 S}
( H0 }& ?! A1 m; U" `2 L</style>! p6 b, \# B0 p7 S# Y
<script language="JavaScript1.2">
9 B/ Y1 w  X, v" Y<!-- 改变下的字体的大小。颜色-->+ w; j7 E! Z; k0 C, [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% f+ W, J6 ]% j9 G* n. Evar hidetimer='';
) @& a, \$ @+ c0 ^<!-- 改变下的弹跳速度-->
% T# P9 g" x/ }+ w* `- s# {var BallSpeed = 20;
! ^$ b  ^. d% s% {/ k) vvar contentWidth;
5 }, k5 x, J8 V' `2 zvar contentHeight;
6 G  |4 q" O4 p: p2 Z: W& Rvar maxBallSpeed = 50;7 @2 Q/ q- f) Y$ k

* {4 C" Y. i( T  l4 |7 _- Z+ g6 N* r( ^5 }0 Z/ d4 q) _7 i
var xMax;
: M! o8 e) @. k" c: ~# Dvar yMax;/ c" \5 i9 ?. {9 i) X+ [6 r3 c
var xPos = 0;
( h# F0 `; B8 B7 Jvar yPos = 0;
% W) o1 \& V3 {+ j6 C+ b8 O' x, t/ N! @var xDir = 'right';
5 u2 }4 I, H# z/ b2 ~" k2 ?var yDir = 'down';& c- V' S+ _( ]3 O& `; c
var superballRunning = true;
2 [( m; d3 M9 p/ I, r0 S" pvar tempBallSpeed;) ]: I, J$ _9 f" _1 I
var currentBallSrc;/ M& o6 L0 [' I6 |! R: \, p" R
var newXDir;
1 |5 O: ]3 o" x6 k  s5 t' t5 J4 L- avar newYDir;) ^: W, _5 j; \( C$ O. l/ Z

4 z* m2 L; i& q& _0 }; tfunction initializeBall() {
: T7 u) y& l- q   if (document.all) {! \3 |; r( X' Q' k" S+ X
      xMax = document.body.clientWidth5 _* }. H: m! R+ r5 [) A6 V: }
      yMax = document.body.clientHeight
2 b2 F! ]7 _' O, }      document.all("supertext").style.visibility = "visible";
% d8 @1 V5 N2 Z6 ~3 ]      contentWidth=supertext.offsetWidth1 @1 H% J# U2 g) A2 Z
      contentHeight=supertext.offsetHeight
9 [/ K8 _4 @4 t! l. [5 i      }
& D2 {5 S) d, a2 F; s' u   else if (document.layers) {5 E0 I3 H- F( W
      xMax = window.innerWidth;
* W( z8 V$ w  X& S      yMax = window.innerHeight;" [, a* R% ?, b/ c4 I' g; `
      contentWidth=document.supertext.document.width
. F' \4 H/ l6 j: K& S# I      contentHeight=document.supertext.document.height8 h- x$ n9 F/ V+ i/ |, |
      document.layers["supertext"].visibility = "show";( y% B9 k( Q0 D- v( M/ P
      }
% z5 z6 x  K8 m3 j! {( R   setTimeout('moveBall()',400);
. I! W4 H  p: q+ p   if (hidetimer!='')
4 D, y: e/ x. L  y& \   setTimeout("hidetext()",hidetimer)0 c8 P- r+ w; L! g( c
   }
2 z& S# L0 H3 j; i9 X  q, a, \$ ]5 D1 W; q4 a. g
function moveBall() {' N* |2 L- H& ]- j
   if (superballRunning == true) {
: O9 c/ J$ U# I( _; R      calculatePosition();
: ~5 H' b) ?" {/ U      if (document.all) {# C% h; @9 a3 L+ ]& A1 q+ B% G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 T2 Z7 {6 X3 j' p: ?5 g         document.all("supertext").style.top = yPos + document.body.scrollTop;( \  F4 m9 B: l! B2 \$ G/ Q; w" t
         }& c  P1 t" j. R& @4 r$ V- r
      else if (document.layers) {4 D. L9 U3 W- K; Z6 c
         document.layers["supertext"].left = xPos + pageXOffset;3 w4 `/ y( w$ o
         document.layers["supertext"].top = yPos + pageYOffset;' Z/ R4 K0 D! m- d
         }
4 a) q: M- K/ e% S) c6 ?" f: d      animatetext=setTimeout('moveBall()',20);
7 ]: p) N6 d# {7 |      }
) m: w( n+ d6 V7 E   }& Q7 |  a% f% p
! b" c6 K3 l! [1 A8 B& v: `
function calculatePosition() {
0 x4 i% x" X$ g  S# o3 K* C   if (xDir == "right") {
4 ^7 Y0 C9 ^9 `: S3 @0 T  D: O      if (xPos > (xMax - contentWidth - BallSpeed)) {. f# _% P) v8 p0 X
         xDir = "left";' S) a  U4 K7 S: L6 W( F  W
         }
. {7 u% _* Q* G; v+ ]4 J+ L9 W! P& u      }
/ v+ n! K# k  i3 Y+ f   else if (xDir == "left") {9 L; b, R- |- S2 H7 X7 v7 h
      if (xPos < (0 + BallSpeed)) {
% T) l8 F( \# L! A1 H         xDir = "right";1 V6 H9 S" K2 V
         }. @; J# k+ h2 c$ \; v
      }
* ~* u" \( B# k* C: O   if (yDir == "down") {
8 Z4 z$ c6 {4 O      if (yPos > (yMax - contentHeight - BallSpeed)) {; h% P$ g4 d# B8 _" [$ m
         yDir = "up";
# W9 j5 L' n& G" V9 X& i4 S( E  q% Q         }
/ j  B6 N& c  i      }
. P5 N! S; k# S   else if (yDir == "up") {0 y! L; r+ q3 f$ L) p
      if (yPos < (0 + BallSpeed)) {2 W1 j5 {8 M1 N+ c  h; D
         yDir = "down";9 o  f% d( Y/ L
         }: p. j8 w3 O% a/ N
      }4 L, m5 P( m3 a8 A6 Z; q3 c, k
   if (xDir == "right") {
: {# M0 p) j, K9 x      xPos = xPos + BallSpeed;
2 k! f0 F0 [! Q) g6 B      }' x3 j1 c: C+ U/ r3 v% H/ R" m
   else if (xDir == "left") {, [% p. _( n, |( ?( h1 j- a' O9 F6 k
      xPos = xPos - BallSpeed;/ p! W7 V9 |: u: k
      }6 m! v* R! q! ~0 M. [2 A
   else {/ M0 f) l) @2 \9 S& Z1 `
      xPos = xPos;2 y. y* N6 r1 `! u
      }; a) J* \5 d) m" P6 y& B" Z
   if (yDir == "down") {
0 d2 u) `$ ~' u      yPos = yPos + BallSpeed;
: g" ]  l! r% }2 L' }      }
4 i6 r2 x& N9 P4 N2 c( m1 Z   else if (yDir == "up") {1 L1 A4 j) Q2 ?6 B
      yPos = yPos - BallSpeed;
  C- N0 W" T- W4 C: M      }, Y* o8 z# ^7 R( ?
   else {
) `- W9 k* ^0 _$ r; l      yPos = yPos;
/ c! V: K% j5 t# m8 a: b9 Q      }3 v$ L( z) J* F2 C& B+ D- n
   }
8 X( j! E8 \: m! X* P+ @9 o; M8 G. v  E, z6 Y% r
function hidetext(){
3 r& }5 {% h9 J1 f: M1 @' g) oif (document.all)0 h' Q: |3 N8 @' w/ Q- q8 T+ J, B1 `
supertext.style.visibility="hidden"
: s5 a5 C; X( telse if (document.layers)2 i+ w  o0 f: ?8 Q6 z* l
document.supertext.visibility="hide"
- b: a, Q* m) \5 z0 hclearTimeout(animatetext)
: X0 M8 Q. @/ W}
( U5 T3 B- E4 C6 y. }
/ j  l. a8 |- u* W- fif (document.all||document.layers){$ L, k2 f8 [  k9 K( b6 I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! b* U, d) F" N7 y/ Ewindow.onload = initializeBall;
0 R# V& z/ X% Ywindow.onresize = new Function("window.location.reload()");
( Q7 a" L1 Y6 p8 m}
& T. h7 V! Z/ X, s: i# n& d" G" |4 |. s$ O* S3 ]
</script>