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

zw2004

<style type="text/css">
/ z% U. \) c) _& @5 C#supertext {
( f8 A/ u3 @+ X; G& m% h; wposition:absolute;, w- g# ~/ I: s6 w
left:0;& W: m" }) h( ?
top:0;1 a" G" n2 r2 m% V  i2 H! t( L
visibility:hide;
$ |2 f% \* c. r2 k5 vvisibility:hidden;* B# h; w( ]3 @' i- e' [+ p
}
* x7 y* U% f/ X9 {! D1 Q4 @7 k0 A7 i</style>9 Z2 q5 e" V1 u
<script language="JavaScript1.2">
: o+ P% X0 v& u: I9 C; J& p) o8 g<!-- 改变下的字体的大小。颜色-->- e2 h; ^1 P* B. }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' x& D" {" Z) a: f! q$ Y0 ~& Cvar hidetimer='';% U- \. H0 R( K' Z1 F; a
<!-- 改变下的弹跳速度-->7 W/ E+ l$ d7 N8 t/ w! B0 x
var BallSpeed = 20;
. x% [6 g# b, Y: Y. ^var contentWidth;3 I+ ]8 H- U. _* \( J: U) z# r& T
var contentHeight;, C; t, r9 R; [# D, A
var maxBallSpeed = 50;% M7 q' J. I9 s$ ~4 }+ J2 R
! ~- a/ c0 E& Q% A% d

7 S" z) F% w8 U- h3 b; ^+ Mvar xMax;& B3 }9 n6 c% H
var yMax;
, _6 m6 B$ p8 Y& v! X# D* wvar xPos = 0;
4 V3 w' t) C: _* uvar yPos = 0;1 o6 u' a1 f, D
var xDir = 'right';" p% u! b4 p& u6 [& }
var yDir = 'down';
6 s/ c% D% w+ D4 M5 K0 u6 Dvar superballRunning = true;
2 T* |+ x* O4 y7 M1 `var tempBallSpeed;
  G" F  z3 j' c, Rvar currentBallSrc;
" m5 U; t1 I& a7 h6 Dvar newXDir;
8 g" w$ h$ K7 r- |) ^" Mvar newYDir;' ~2 K5 Y6 Y1 s/ o5 c
& v; }% T0 A, C/ w" V
function initializeBall() {
$ [; Z. R- |9 j% o8 K6 p   if (document.all) {+ x: P) |! v2 F* J+ j' T' ~
      xMax = document.body.clientWidth* s# Q& h  I( p
      yMax = document.body.clientHeight
6 E7 Y+ Z% `$ ~      document.all("supertext").style.visibility = "visible";
3 {' x6 e9 e: a0 R      contentWidth=supertext.offsetWidth
, L  E  l9 c$ ?( p1 B7 X9 ]* _# O      contentHeight=supertext.offsetHeight
, m4 |4 C: R8 p0 B$ ~  D9 c      }/ ^8 {1 l. }0 _  b
   else if (document.layers) {) c- m7 H- |7 |  l0 k4 V
      xMax = window.innerWidth;
6 J- Y" a2 D) d. {# z      yMax = window.innerHeight;
# ^  |9 |9 \  i) p      contentWidth=document.supertext.document.width% b5 V. G/ K0 S) C& U& R! T
      contentHeight=document.supertext.document.height
3 d9 _) ~5 }. k" Q& |# k" r      document.layers["supertext"].visibility = "show";
/ Z6 B( p  n/ Y4 l, {! f      }7 j- e5 R4 c- J: p1 G. S" E" a
   setTimeout('moveBall()',400);
& w0 ?) [! G# k+ H; {   if (hidetimer!=''); h3 R; {! {9 ], \2 M/ {
   setTimeout("hidetext()",hidetimer)" {% F7 a8 L% l6 l& p; S! [0 J8 V
   }
- |( x2 ]1 F$ A' ^* J7 C: O) p" |3 p7 B; T; J3 o
function moveBall() {, {2 y, M4 O: {6 }
   if (superballRunning == true) {
( y% m9 S( _! c' }" w/ Q- u      calculatePosition();
4 c8 j- q& P. I1 B      if (document.all) {* |! L) l* j/ d' \- @4 t  H! V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ C: f% N. p% u
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( S# C# }/ ^* W8 P$ A         }
# T. E3 x! \6 a& s7 j      else if (document.layers) {! \+ R' Z- d) a, ]6 n: c
         document.layers["supertext"].left = xPos + pageXOffset;
- H9 H. _( L1 Q$ T) J         document.layers["supertext"].top = yPos + pageYOffset;
% l* o" ~9 S% a# ]         }
( s9 _0 P+ ^  Q      animatetext=setTimeout('moveBall()',20);
5 c/ i4 Y- H1 s& p      }) l) R; I/ ]" ^3 C
   }
! I5 U9 x, x5 k. T6 y9 I/ h. Y/ D# n" ~8 k. a
function calculatePosition() {
' s; M$ t6 b+ t, Z   if (xDir == "right") {7 B# n' f5 |3 _5 X2 Z4 ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {' ~- \& w$ _% A
         xDir = "left";& k& f! P- x: R0 {0 @# \+ z
         }7 f. V# [# j9 z3 X$ C& Z; Q* @
      }' }; m4 [$ ]3 T% ]1 t! q
   else if (xDir == "left") {- i: N* O- h6 F! u  ~: n+ N, z
      if (xPos < (0 + BallSpeed)) {
$ {# x1 Y4 j" C( R( _4 X         xDir = "right";
+ _7 p3 r8 a5 Z' l/ u8 g( c         }$ [+ c4 X/ Z3 O8 A
      }
- s- ]) Q- U5 u1 F8 s# P8 o6 l' G   if (yDir == "down") {
% b! E+ R" R. U) Y6 P  e6 p# n      if (yPos > (yMax - contentHeight - BallSpeed)) {& O. H2 K( Z2 R8 b, _  ~" R, m
         yDir = "up";- ?. D; D1 N* {" m3 H
         }
3 L4 C$ C+ Y& K( W, _7 Z      }8 ]+ E! j2 Q! P% d" V
   else if (yDir == "up") {
7 Z  Q! ~" ^1 U: C+ y2 h5 _      if (yPos < (0 + BallSpeed)) {9 i3 ~7 ^' G3 [8 X- T/ A: x
         yDir = "down";, q3 }: f# H; f3 v) X( j
         }* b* P0 s, {" n% [3 R
      }! i/ w1 N) c# o9 ?- m; ?0 j
   if (xDir == "right") {3 ~" P6 X5 }1 W- d" T9 I
      xPos = xPos + BallSpeed;
8 u: o6 N6 i3 `+ l3 d      }
0 E2 r, s. o3 W/ k9 e1 v7 V# F   else if (xDir == "left") {, v# w9 s) X% y1 a- b  z
      xPos = xPos - BallSpeed;1 a. ~7 N/ j! _/ A& A7 u* u: M& ?
      }
; v* E$ R4 A5 b1 U4 }2 Z* {  ]5 Y! B   else {
, p5 f: }4 |! A  o; w# E' x' ?5 N) P% {      xPos = xPos;
; Z1 s; F+ X! ]# D      }& f. M6 `) @. {# {7 D
   if (yDir == "down") {
- [0 |. e" U( Z# x' G% I. e9 F! _* Z      yPos = yPos + BallSpeed;
* b5 z, K+ B2 o* s! h& U4 }9 \      }/ W1 z4 W+ \# l& z
   else if (yDir == "up") {
, H# b. n+ {% \' M2 N5 f% K      yPos = yPos - BallSpeed;
+ ?( t& g0 W6 ?      }
- y, E, O8 f& h4 r0 D5 Z7 f   else {% S0 x& ?5 m( [* x( m/ a
      yPos = yPos;
" L, P5 Y: r! m/ O( k4 s- M8 u      }
7 d/ A) X- |7 ]3 o, |# m   }
2 _: J, T2 a7 g7 X3 I7 A. L; p4 @2 h( Y- G; p8 [4 h' D3 O
function hidetext(){
0 z( n. ~' t* Sif (document.all)
, A* j, [- C2 o8 n$ j& W  d* ?4 T: Gsupertext.style.visibility="hidden"
( L0 m1 p# r0 s0 H& uelse if (document.layers)+ A: j$ p* B  v/ s0 j$ p* Y
document.supertext.visibility="hide"
* o5 y. l8 `* b) x* @; m" _2 q4 fclearTimeout(animatetext)9 t- |3 \( g. n0 T! k+ n8 n
}) r! R9 @( v( u6 D. W7 [

7 H. M& T1 G+ B3 _4 zif (document.all||document.layers){
5 Z/ I, _: f  ]2 P6 p( ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); }6 `: p+ I9 z! c  Q; D7 L
window.onload = initializeBall;
) E, L" U, k- [. _3 Owindow.onresize = new Function("window.location.reload()");
+ Y' R$ R8 A4 |" ~}
2 b* i& M! H# o' m* ^% L
& t- s% ?, D/ x) [</script>