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

zw2004

<style type="text/css">: h, _* a8 r5 O$ ~: ?( q5 W
#supertext {8 ], K0 Z+ H2 V" f9 t+ \) N
position:absolute;/ F0 x# _: T2 v: Z
left:0;& ?4 W- V6 Q% v# v1 f8 s( q4 c6 L/ T
top:0;% A7 R. D  d% R. k
visibility:hide;
% [. T! s8 H0 {# v& Rvisibility:hidden;
8 x2 ?9 U4 u+ H& u, h' F7 T}
  d4 v% t! ]. k9 ?+ o</style>
' _3 Y' M& _. G<script language="JavaScript1.2">6 n! Y$ L# P# G" ~: N+ f
<!-- 改变下的字体的大小。颜色-->2 a/ d9 x4 W5 v$ a7 w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& n" [; H! @7 Vvar hidetimer='';6 G3 f/ ]) j+ U. y# _" M8 d
<!-- 改变下的弹跳速度-->+ G  _3 D2 V! x' ~2 a
var BallSpeed = 20;! g3 w% L1 M" ?! g
var contentWidth;- W$ u9 G" q) ~3 c6 T. O
var contentHeight;
( k( i) O+ ~/ G9 Evar maxBallSpeed = 50;
# z; S- U! x; i2 ]' \
; \' Q  z5 y: k# N, e
+ ?3 f* U& l1 Z! @: q7 pvar xMax;% x$ n+ ]% e& u0 S2 i% q
var yMax;
/ t- K. w5 r, \2 _# Q! Nvar xPos = 0;
- f; F% R9 ~' A; l5 ~) q% [5 Tvar yPos = 0;
( a- I9 N* y: `5 Zvar xDir = 'right';7 a+ W3 ~7 Z- g9 k+ N! X: ?  p) q
var yDir = 'down';: S1 H7 I/ E% c
var superballRunning = true;$ D* |, Y( x0 H4 @
var tempBallSpeed;
% T# ]5 D) h; X% d2 J6 ^7 J1 E3 pvar currentBallSrc;& E& C1 {. w' V% X4 I
var newXDir;. _* B+ ~) w" Z. [0 R/ D6 z
var newYDir;' e' Q6 ?) J2 d) g8 f9 Z

& t( g$ y# a1 X: s0 jfunction initializeBall() {
7 M: \" H1 ?1 ?   if (document.all) {
, p- g+ s- l: [. U      xMax = document.body.clientWidth, {7 U2 [$ d2 e. D9 ~# O) B
      yMax = document.body.clientHeight
7 ?% C: \% D! U0 ^      document.all("supertext").style.visibility = "visible";9 S8 b# H& m+ e) i: e
      contentWidth=supertext.offsetWidth( L& I0 N; g: m. L- Q4 O2 |* p; m
      contentHeight=supertext.offsetHeight
1 H8 T3 l# a' b6 T9 _) d+ q3 y      }& `; F8 ~/ R1 ]
   else if (document.layers) {
& n: Q  y+ K2 l5 Z! h$ D      xMax = window.innerWidth;. ]# M/ l) D* v' n; ^4 E
      yMax = window.innerHeight;+ E5 H0 h' n8 h  u% W4 i
      contentWidth=document.supertext.document.width# g- q8 e8 ~- b; i4 E6 G
      contentHeight=document.supertext.document.height
1 ^0 G) `4 B8 I! I# U      document.layers["supertext"].visibility = "show";" j- F1 Q9 u4 J! [
      }
1 v5 q$ A) d- y, G: z   setTimeout('moveBall()',400);
1 z7 J* h! [$ N/ \" c: N3 J   if (hidetimer!='')% W1 R  \6 {$ H2 F6 P' j
   setTimeout("hidetext()",hidetimer)' [/ H$ h- q: Z0 k3 _( c  x+ e' ~
   }
/ {+ ?# X# g5 t  u( ~0 g& p( b0 j, S- p0 H  r3 r
function moveBall() {3 m8 H. o- q6 |6 ]0 o$ V
   if (superballRunning == true) {, [& X1 ?2 C# Q  X/ D/ h
      calculatePosition();
' i9 N  j7 c1 A' l# V8 T      if (document.all) {
% o5 ]0 [1 K( |7 m, \         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% h% |2 W% N" L8 @, X: l8 a         document.all("supertext").style.top = yPos + document.body.scrollTop;
# g- n$ C+ T, V/ c( ~         }
, B& `7 B# M2 n& O, I* q: B5 ]; Z      else if (document.layers) {  y! h" r; s# G, a8 E
         document.layers["supertext"].left = xPos + pageXOffset;
! U' l' r& z, a4 M) ?3 w* s$ T2 `         document.layers["supertext"].top = yPos + pageYOffset;
/ C% W& G- P3 b         }5 x' T3 a! ~8 d; V) @. l6 {  `
      animatetext=setTimeout('moveBall()',20);1 D* |7 ^: j+ A4 t) [0 |$ q  q- `
      }8 F' x2 X1 r6 n
   }+ v5 `/ h" {; k' q) p- V: R* f
! m+ V- f# c+ J/ z& c) {2 N2 |
function calculatePosition() {# w0 l* |! i4 ~
   if (xDir == "right") {8 L( B7 i4 ^# ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# J- J. B+ p) `  T         xDir = "left";
5 B! `, Q( K8 D) O0 R# A% M( H         }
: L. B. H+ r+ P* K! Z( L8 x! a      }
* H5 d3 _& @' ^( @0 Y- b   else if (xDir == "left") {2 t# D/ a' i% P% t
      if (xPos < (0 + BallSpeed)) {
0 ?( [" s* B8 b7 T         xDir = "right";* T! B) D: p. M, |/ ^2 c4 s+ z
         }
! b9 E* m' H& `: J: D4 y      }$ }3 F0 `$ u8 ~' g
   if (yDir == "down") {
1 t* L/ I" H7 _3 Q, O      if (yPos > (yMax - contentHeight - BallSpeed)) {: O+ Y  j8 N0 \  T& J  b
         yDir = "up";/ R5 g& I) f5 C. I/ s0 y4 e
         }! v1 v  ?, g2 Q. N* N6 k
      }
, n# N9 h- q6 m7 z- ~' }5 I( \5 Y   else if (yDir == "up") {
  |6 |/ T$ M, q; ?5 _- ?      if (yPos < (0 + BallSpeed)) {4 I4 s/ u: x6 t+ y) b
         yDir = "down";
& I# Z- ]# X' r5 }6 [6 L) P& A         }
+ O4 Y0 [/ [# I6 ]$ v      }
# \2 {1 z2 g. o! A. x/ A  t   if (xDir == "right") {
3 ^" o- o* g( m6 l) B( L% r9 k0 X      xPos = xPos + BallSpeed;3 K" B4 J4 A+ \/ |: @4 g
      }
! Z. q6 ^+ K+ L   else if (xDir == "left") {
1 E4 ~% `. K' y5 n& i      xPos = xPos - BallSpeed;
! L, X$ k) s( M      }
' ?1 L& G. r6 z0 ~, l! I! V   else {! D7 V) W9 r. q3 A
      xPos = xPos;8 [0 |! I' j- W* n0 a$ E9 v. a
      }/ w5 \# G3 w: {! x9 r- ?
   if (yDir == "down") {2 |3 O. `! @( l1 ?, q
      yPos = yPos + BallSpeed;
- `, W- w( X5 Z      }
8 @, F2 p; x0 {, G8 }5 G! T" R   else if (yDir == "up") {( ?. W4 ?+ @2 ?6 ^. ^/ H
      yPos = yPos - BallSpeed;' w, \8 u! S; H: ?6 Q6 x& h  X
      }7 }, L' v& r% m
   else {# ~, {2 x0 \% S" E4 ]5 h
      yPos = yPos;5 x" {* M4 c* k: K, s, [
      }3 Y1 v- J* k/ v! e) n
   }2 @+ f) i! z2 {; a0 [6 o8 M$ ^$ {
) Q8 C/ ?9 k. n8 ^# A
function hidetext(){
# M& _0 F& D2 P+ T7 r; V0 rif (document.all)
, }# e6 j3 O; P; a- j& x( ~supertext.style.visibility="hidden"0 T! s2 B' H) m0 S8 Z# N
else if (document.layers)
+ J- h3 x( [4 c; p6 J1 z3 J( Xdocument.supertext.visibility="hide"! I/ d! H( j8 x' F/ Z' Z
clearTimeout(animatetext)* N5 a0 A8 J. {/ B. l5 r) o  f
}
8 |* _" p6 g& w" B0 z/ i! t- J# x) R* M5 A. w' \
if (document.all||document.layers){+ F& L2 y( ]4 o. x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! X0 P- W7 }/ I& @) e8 Rwindow.onload = initializeBall;9 Q+ a" w2 K  x/ m
window.onresize = new Function("window.location.reload()");( Q) M- d! [7 H. x9 k
}' \, s) n! [& H3 c! \+ A* z
; ^2 {1 P( g! S
</script>