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

zw2004

<style type="text/css">. Y( S) J2 |( S2 E
#supertext {
/ q3 o/ S; J8 jposition:absolute;( A6 B6 ?8 O( S) I& E  n- q* r" ?
left:0;
4 {& d4 c% s$ F9 ?% Z9 W9 Ltop:0;
7 M8 [4 K( Q7 Vvisibility:hide;4 ]# q. U4 O$ z+ s! l# `
visibility:hidden;
5 T% m& y4 }# u: r}. o0 i! g, @/ T% I* n1 i
</style>
% @, M% n/ D$ r4 m<script language="JavaScript1.2">
- y1 v  U4 K( {' @5 o<!-- 改变下的字体的大小。颜色-->2 C( H; C) d! v2 `3 ?* ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 K1 q) A8 V& [7 Wvar hidetimer='';
4 Q: }1 @/ m7 l! \<!-- 改变下的弹跳速度-->9 _, e/ L# z2 _0 r  V$ ?
var BallSpeed = 20;
& @/ Q$ m6 ?4 x! }7 R4 Q% J1 Ovar contentWidth;
# a0 S( v6 E% C" @! {var contentHeight;& A( q- U- A0 W9 l. `
var maxBallSpeed = 50;( a. \! r  C  W. I% I9 |  q: o
( n' I- f# [+ }6 r2 T
1 Q- }3 g( Y/ L/ t
var xMax;% M8 x7 l. S  Z* V& Z' m
var yMax;/ {- n7 n3 @! R& y: `
var xPos = 0;/ a' T, y3 X. l6 F
var yPos = 0;
6 N, S" o1 K" \- ]var xDir = 'right';
7 q, _  ~( |7 }/ j, b4 Z4 R3 Uvar yDir = 'down';
7 m( y6 O$ g+ B' M, r0 n6 ovar superballRunning = true;, N1 @; j8 @) }& N8 V
var tempBallSpeed;
* \# v( R+ c. vvar currentBallSrc;
( |# ?" ?1 Q8 {3 e* V; x8 i* |' Nvar newXDir;
3 Q% |& @* ^" R, _var newYDir;
/ {. S! ~. u, `" I6 r9 ~% S6 `3 L1 b. h
function initializeBall() {% m- u! Q  ]2 t* ~& T
   if (document.all) {! S' A' {: g+ T! W
      xMax = document.body.clientWidth/ |% |1 D- M  S, Z/ w; L+ g
      yMax = document.body.clientHeight8 ^: p4 }& `3 I3 i  p' ~  |
      document.all("supertext").style.visibility = "visible";
/ ]# s; Q' i2 t      contentWidth=supertext.offsetWidth" V/ W! V. e4 A
      contentHeight=supertext.offsetHeight
" [: x' \2 g$ `; t$ z- L  i      }+ S# s/ l! Y: x, C9 b, B
   else if (document.layers) {
/ p* Z! _. C( i8 J. w: d      xMax = window.innerWidth;
, w) }; v- K' {      yMax = window.innerHeight;
! n0 j) F: y4 F; N% A: b      contentWidth=document.supertext.document.width
* S' j  j) G; g      contentHeight=document.supertext.document.height
( j) Y, v* c; {8 S      document.layers["supertext"].visibility = "show";6 _( m6 `" e& G& P. ^. `+ I) ]
      }6 J% e# ^  y# ~, j
   setTimeout('moveBall()',400);
+ J; E" \, M) @. F6 y; w! x   if (hidetimer!='')
/ X7 j" l1 ~* B9 Z   setTimeout("hidetext()",hidetimer)* O+ w% P6 \, C, M$ P' |1 |% f
   }' R: r; ~1 h0 p/ ^0 T+ k
: w3 Z: i! d8 H
function moveBall() {
$ B3 v8 G3 l  T5 w   if (superballRunning == true) {% x8 ?6 m7 J2 x+ ~2 n9 ?  E6 E
      calculatePosition();) u: w0 T% A3 t/ r' X  Q% k
      if (document.all) {
4 S0 i, F/ m6 L         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- P4 w# O0 {8 x4 O! M$ Z5 U& `1 }         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ @7 e! B$ B# H5 }5 Y9 f6 g% [         }/ t* e4 U% t6 z, E5 z: \, H
      else if (document.layers) {
4 z1 O: j1 [, W         document.layers["supertext"].left = xPos + pageXOffset;* x6 S! Z$ o# Z$ ^0 w) ^$ I9 K- o4 s
         document.layers["supertext"].top = yPos + pageYOffset;
4 N5 K6 W. ]' P( `7 E0 b         }  a# V3 t/ W) ^+ J5 r
      animatetext=setTimeout('moveBall()',20);
8 f" e9 I- b( F, S( {1 x      }
# e/ @5 ^8 N1 F( ?  B   }. X  l8 C$ A0 R& n# j# l& R
! L% P; S& s" e5 U$ n. c8 r8 f
function calculatePosition() {
3 {, [' n- H, S' a   if (xDir == "right") {
( l: E4 L5 A0 B+ b0 s; M, F      if (xPos > (xMax - contentWidth - BallSpeed)) {
# Z" R2 l9 E6 U* N2 p         xDir = "left";
4 u; ~& F6 X+ z) _' ]) V' F         }
' K! W$ z, k$ ~8 w) v: F      }
1 s/ Y9 F' K$ `0 L/ T   else if (xDir == "left") {
1 P2 R3 }0 S6 i- R8 p      if (xPos < (0 + BallSpeed)) {4 `# n* o  e% D% D
         xDir = "right";- P+ P) R1 f$ N: k# b
         }
0 f0 ?8 Q* w& c; Q      }" V# ^9 T5 g: a: \9 I
   if (yDir == "down") {$ P: D2 b2 @+ j" y
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: b2 ~3 D- ?0 y( ]; ?         yDir = "up";' R" {& F  P1 T! g4 H- W: s. O
         }; W+ }3 C8 c( R, o: q6 |; ^& ~4 g
      }+ T) s" w7 k: b
   else if (yDir == "up") {; x1 M" n6 c+ j2 ?2 ?) w. Z
      if (yPos < (0 + BallSpeed)) {; A9 t+ D& ?% a% ?3 |
         yDir = "down";) z- S8 p. r9 L0 d; @9 s
         }
; o! [. {+ y5 m% L      }
/ J8 u) O: @$ q% Q   if (xDir == "right") {
. U9 n# k3 _% ^2 b      xPos = xPos + BallSpeed;
9 V5 ^, y4 ^7 c+ c      }
1 A( ]( s6 k7 k7 ^7 _   else if (xDir == "left") {# d4 Z+ E* p9 J$ Q
      xPos = xPos - BallSpeed;
8 E. @, [' N% I1 w1 @      }
9 @7 t5 L/ k2 h* E1 o  l   else {- Y1 k* S" `2 n0 E1 S1 O1 H! ]
      xPos = xPos;2 t6 f( r; I2 G  t8 J) @+ T
      }
  V; u2 }3 }) M   if (yDir == "down") {: N* p" j& {+ u1 I' \
      yPos = yPos + BallSpeed;) a; _$ {/ w* t+ N' i* m
      }
0 G2 t/ [- H) o1 a9 ^; Z" A   else if (yDir == "up") {
' Z& }6 U5 K6 B- \8 X, f* Y4 S      yPos = yPos - BallSpeed;
5 J. F7 U2 ^. y: ]      }
5 u; z2 @5 g' M/ x2 J4 t   else {' }0 Q. y. Q4 S
      yPos = yPos;1 A$ x+ q+ x& U& u8 P- ]: @
      }
2 G: {5 T; A4 @5 p  \   }( ~. Y/ w" [9 Y& ~7 o
0 E# l5 u5 m" ?0 }' ?
function hidetext(){" e4 `6 N# v* h' \1 H2 q
if (document.all)7 _. `. x( S, P' c/ I7 i6 L$ [% G$ L5 R
supertext.style.visibility="hidden"
* y6 u% i, u& i9 ~  d* m0 O. H' selse if (document.layers)
/ d2 ]7 F1 v/ |+ U0 L3 Ndocument.supertext.visibility="hide"4 J4 i+ P+ a0 i2 f# d1 B% H
clearTimeout(animatetext)
3 `7 a; U( B0 V! R. E}
, w# H( k" v+ N; \& x
3 S5 D2 y6 `* qif (document.all||document.layers){
4 W4 R% O0 J1 O& Vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 U% N( C7 D8 A* u( ?* f
window.onload = initializeBall;
6 r( y! K1 ]7 l8 wwindow.onresize = new Function("window.location.reload()");; j, }1 t) R8 }9 c+ F2 b( S: [& Y
}! m6 ?! A7 }  S4 W" Q5 I! ^( X
! w9 C8 @$ \0 i5 J0 c* @3 B
</script>