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

zw2004

<style type="text/css">' m$ e5 \/ c4 L, A
#supertext {3 J0 ?; R0 D' F5 r' p" P
position:absolute;5 ~0 h& Y, Z! X! b( ?4 K0 T5 B
left:0;
# R0 l* R# n6 c4 D' x, ~6 stop:0;
( ?0 h; H( h& |( ?( ~: c6 A# cvisibility:hide;  O% j: M; M5 X! t  J! E
visibility:hidden;& r* Y: ^" w! y. V
}
: E, B. D- p- i% Q3 @</style>
: s: @  a  T  k+ l3 z! [8 L<script language="JavaScript1.2">0 ^2 [/ o- |( Y3 m& }
<!-- 改变下的字体的大小。颜色-->
$ Q. A( A' h4 ]% q5 g3 Zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 ~6 |: c1 l- `
var hidetimer='';% r. Q9 u/ t: Z
<!-- 改变下的弹跳速度-->/ W5 B& ?. N) ?$ P6 t
var BallSpeed = 20;) n+ t* B8 i# A" i* g
var contentWidth;0 x" M$ ]+ b0 C2 I
var contentHeight;
1 f8 O' P+ V( R6 `* u( ]/ C, Tvar maxBallSpeed = 50;. [8 n& K( R5 v) [% V; S2 Y

" C7 W: r4 i; F6 @2 t8 W2 L
. W2 ^. ^( i  Wvar xMax;
6 X) @# x% o6 V9 d9 d* jvar yMax;8 d5 g; |' ~  Y' C7 F2 ?
var xPos = 0;
3 F5 E' Q( E* y3 R4 x* x/ I6 Evar yPos = 0;6 |/ i2 ~: l1 @3 k. Q( a4 J3 y- @4 b
var xDir = 'right';
7 w' O- F" |& c' K; h: E9 avar yDir = 'down';
7 A& w4 L/ v- {) D! k2 B5 p' pvar superballRunning = true;
# B1 `! L6 x: ~& c) \& Nvar tempBallSpeed;
, x8 H9 `# @/ U$ w! q: ivar currentBallSrc;0 T- w% {7 j8 X, \/ Y$ c$ X, X; H
var newXDir;
* Q# z( O$ N1 L1 z1 Avar newYDir;! M4 r; k1 q9 r
5 G+ Z& g  \8 V0 R  Y- h9 y
function initializeBall() {5 a( F6 P$ X! R0 o
   if (document.all) {
6 X% r" Y/ n8 Z; n; E  ]1 z9 J      xMax = document.body.clientWidth  F, k) d& U' `8 O* y
      yMax = document.body.clientHeight
- ?. p  V; C& M) x7 b      document.all("supertext").style.visibility = "visible";- y5 x* W0 E* o
      contentWidth=supertext.offsetWidth$ E5 m/ B: \3 R) Z
      contentHeight=supertext.offsetHeight7 e/ _" c7 h0 h$ Y6 f' r) Y0 d
      }
' i" s4 J$ N' S( q; H% c1 j! v   else if (document.layers) {% K+ `7 e$ G- l3 n& N7 q- i
      xMax = window.innerWidth;
. \* y3 J2 z  a, p( x3 h      yMax = window.innerHeight;$ G' `/ ]5 N0 D+ X: J
      contentWidth=document.supertext.document.width
! H& J1 k4 l" E! A4 t& _      contentHeight=document.supertext.document.height
' D: Q+ n% w% ^% O      document.layers["supertext"].visibility = "show";0 m0 n, G; C4 V& Y6 k& p/ l' R
      }
) }2 i& p. r6 Z& z1 n, `   setTimeout('moveBall()',400);. k- x& H2 z, F$ u1 O" h) g3 X  p
   if (hidetimer!='')
5 g! o) T) X6 l  r- ]+ ~0 Q   setTimeout("hidetext()",hidetimer)
* ~' N3 ~2 t- e; g( M2 ~$ `   }9 v2 \( @4 m% s: c

. P& r) B% W& x9 `5 q  ^+ r+ Dfunction moveBall() {: B3 Y1 \) ?# i5 Y) l
   if (superballRunning == true) {+ {9 l/ T+ G- c2 T: |8 m8 n
      calculatePosition();
- B0 X, l- E# x: ?3 U      if (document.all) {
2 F2 t4 G8 {6 d- U' }4 a         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ R  K. h! F9 k6 i$ e+ S# k9 t
         document.all("supertext").style.top = yPos + document.body.scrollTop;- P# S7 T! U" l
         }- @. Y3 u" v( _' G; e% r4 F
      else if (document.layers) {  R/ t- Z$ z+ N6 S, z' n0 z# t
         document.layers["supertext"].left = xPos + pageXOffset;
& G0 @, N* H; W# \# S5 b         document.layers["supertext"].top = yPos + pageYOffset;! J& o) M0 P1 ]! D0 t
         }
9 n0 a6 m$ ]0 |7 |/ N) |- P7 S" K      animatetext=setTimeout('moveBall()',20);
/ B' n2 w5 y! L' G, Q      }8 I. W1 h  @6 a, v) u5 p5 z- Y
   }
: \/ P' P' n- o6 X; J) U. L7 g- T; C" Y6 l4 q0 N% [
function calculatePosition() {
! ~# M3 M; [8 I   if (xDir == "right") {
/ W8 B7 I9 Z( F9 d  t      if (xPos > (xMax - contentWidth - BallSpeed)) {
' z5 w2 A2 V; P0 S% r9 t2 _         xDir = "left";
3 y( d. J+ _4 ]) X- L3 O         }
& N8 G! H2 ^, @8 }      }
9 u; M5 K, W4 U# {9 h   else if (xDir == "left") {4 C, x/ r  ?1 D* D7 B: Y. b  D
      if (xPos < (0 + BallSpeed)) {" M+ q* }0 t. p1 `4 e% O
         xDir = "right";
: \! L5 Q) ^7 ~, e         }2 L/ R) L' x2 }% j2 E7 B' J
      }" R3 {* V+ v: }3 `& Z
   if (yDir == "down") {# C: u9 O' ]: J- f, {
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 O8 `0 b+ d6 u, a
         yDir = "up";* \  M+ Q( \0 }3 k, Q6 U- [- `- Y( w
         }
/ m/ ~$ ]2 K% a; l      }! Z7 W4 R0 ~, L1 S! M1 Q) g
   else if (yDir == "up") {
+ w; z" k) S! s  e! h) F      if (yPos < (0 + BallSpeed)) {1 c  j8 z) c% c( {( |, f
         yDir = "down";
9 h/ ~, b( m7 H3 }! H         }4 s/ ]( }7 h# Z7 J, m, J0 g
      }
) B; a2 L9 a# D- q  R, Q* N4 |   if (xDir == "right") {5 X! d$ @* I0 _0 k2 @; \
      xPos = xPos + BallSpeed;
5 [  F1 {' j& g5 H5 r9 o, Z      }
  P" v- \! K; F: n% V) C   else if (xDir == "left") {
/ S( u5 ]; i% F' C      xPos = xPos - BallSpeed;
9 J, E: I" c# x- p* ^      }6 d* I4 I" x& o4 R2 V
   else {
/ d- Z& k6 h$ S9 z7 S9 O! D& g      xPos = xPos;% x0 f3 p  v2 ?
      }3 L8 t( A! n' L
   if (yDir == "down") {
3 n2 {" J) A0 _      yPos = yPos + BallSpeed;8 g8 F0 N9 M# x6 K. g
      }
$ i) b1 x2 ^# \$ n   else if (yDir == "up") {
! k0 Q' e" f( p% {. O0 E" C" z      yPos = yPos - BallSpeed;$ B( O6 ^3 I* U; _2 q- m! B
      }
2 g+ h% j1 ?/ E2 {% [/ n   else {- A4 d& [: _- H6 @
      yPos = yPos;
; A# Z9 O7 l6 ^! k: s      }' `# l5 G) O/ g+ x: i! Q
   }
! n5 I! o  B! y; i9 P4 L! F2 e
* G. @' V. C+ J  p' Y1 Ifunction hidetext(){# i: Z6 H" a9 a9 Q. Z! O
if (document.all)
3 e) T" D1 ~. a5 v9 ^; B" Rsupertext.style.visibility="hidden"
  p6 Y+ Y/ d8 Lelse if (document.layers)' t4 i/ F6 A$ P1 o7 \- K" i# t) e
document.supertext.visibility="hide"
* j) B$ b) S2 QclearTimeout(animatetext)* T. u7 C& \# a; M0 r7 C
}9 `' `/ B& P! n! u9 Q

  G( A& K+ l0 S8 fif (document.all||document.layers){$ e7 c% D+ D( q! B" q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: G  y; l  ?$ K) k  w" Mwindow.onload = initializeBall;+ {9 S& e; y( Q, G4 x2 X
window.onresize = new Function("window.location.reload()");
! k6 b/ b' }, b& i- N}
# P3 y1 Y1 D& \" o' f
+ ]# s! z( x3 ^+ v. h& j2 V</script>