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

zw2004

<style type="text/css">$ q# N! N4 e$ M& n5 d" @" S1 n
#supertext {
1 k0 ]3 r( r6 U: ~position:absolute;
  Z; R% V( ?9 l0 n+ w/ ileft:0;
5 K. R6 R: o3 M. k1 c2 Stop:0;
( y$ ]9 b* J1 F5 T: gvisibility:hide;
# a/ W( x0 @2 M  c3 T( Fvisibility:hidden;
! Z5 J( h  t) M! e}5 {! v9 u( c! D% _7 E. A+ T
</style>
0 H5 Q4 H2 B- N<script language="JavaScript1.2">$ t, c, e5 d3 N. ?( B3 g! z
<!-- 改变下的字体的大小。颜色-->$ H1 U' |+ H2 w: G" v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% B1 R' s6 Z9 fvar hidetimer='';! e$ Y: F: }$ |, K7 p2 b
<!-- 改变下的弹跳速度-->
' o9 A8 i7 ?/ Y% k/ d2 }var BallSpeed = 20;, o" ^# c# v  U( r% b
var contentWidth;
4 K7 w! z' x. k; f$ V# Pvar contentHeight;- c& f' Y% B" F2 X( d
var maxBallSpeed = 50;& u' J" }+ F0 O& t! P
/ [+ s+ e: h' ~2 h! f  ~1 e! X

: `) a% j. }' G' U/ r% ^- Pvar xMax;0 [. L+ O! P7 v3 T% e5 W
var yMax;) X: r. f. }. H3 l2 n
var xPos = 0;
$ a4 M; S5 q& F: X5 a% J. a8 X0 \var yPos = 0;# A! U, c: M) F$ A' Y
var xDir = 'right';
: _2 U, X* v& K) i- zvar yDir = 'down';8 K8 {$ ~# {  ]! @' K
var superballRunning = true;
" z  u8 m- j, C$ Tvar tempBallSpeed;  h- ^; \; g9 j/ u/ u
var currentBallSrc;
3 J7 ^% j2 g1 lvar newXDir;
. n/ k' p# S0 l' u4 @  Yvar newYDir;9 Z6 V; _% a5 t9 M9 ^! U

' r( @/ K: G4 H7 L4 l  Vfunction initializeBall() {- X: E0 {% w8 O/ ~1 ~( ^$ F
   if (document.all) {) s& v8 Z: W, Z, J  k' o; |
      xMax = document.body.clientWidth6 B$ M0 @1 T. e3 a/ w0 |6 {
      yMax = document.body.clientHeight$ i& i" P6 z/ `% P
      document.all("supertext").style.visibility = "visible";. r4 o/ s8 `: J" g; y! c7 v
      contentWidth=supertext.offsetWidth
" b& T" g/ _6 U9 W+ L0 L6 ?5 s      contentHeight=supertext.offsetHeight
, }( V' j7 c2 U  `, X2 j      }
$ A" h, g- @$ b. I) [; Q& t) {   else if (document.layers) {) V- z! x( E$ h' S
      xMax = window.innerWidth;, ^5 F* L2 C6 y2 e2 O% e1 \
      yMax = window.innerHeight;
  W* j7 v; V1 [6 a% F      contentWidth=document.supertext.document.width  ~" U$ N: F; a* V$ h
      contentHeight=document.supertext.document.height# t+ u0 l7 z7 o5 h- C- O' B0 h
      document.layers["supertext"].visibility = "show";
* j# n) W& t$ K. D* G      }
0 i0 f6 ?8 h  y* r3 G0 B2 [+ W   setTimeout('moveBall()',400);2 h. d" Q$ [% x0 h
   if (hidetimer!='')
5 {8 U, U9 T3 |* g   setTimeout("hidetext()",hidetimer): |7 W) C& T& }
   }+ q* V( E6 `: I7 x. T' {
2 v# F8 f* ]4 c5 F
function moveBall() {+ F- D9 L, K9 {4 S, \4 `% |
   if (superballRunning == true) {
& ^  N1 }5 U$ b6 N6 |. ~      calculatePosition();0 y8 @' z1 K. }3 x' A/ }. e; @% L
      if (document.all) {9 @, {: h& b) u. I  ~8 v0 ]
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 ]  b& e9 e; ^- S
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- A3 C5 \+ v+ Z) i. Z         }' u+ I$ R" u* `8 x3 M* B! X
      else if (document.layers) {
3 B9 M/ B7 P! s         document.layers["supertext"].left = xPos + pageXOffset;  Y6 B* @1 Q. z' g& y& @8 Q
         document.layers["supertext"].top = yPos + pageYOffset;3 m# t' \4 G% D4 i
         }
. G) U  {0 p$ E( Z' r. u      animatetext=setTimeout('moveBall()',20);- v) O" z" a2 y4 E; T: A
      }
1 d5 a# H1 U* @& k% m: b" Z! f0 p   }6 v" }7 y# Y) m, g2 K5 s

7 W1 x, u3 ~3 }4 w# M9 x, [! C, ifunction calculatePosition() {2 g: t9 k1 l" {$ U8 A
   if (xDir == "right") {  |/ m/ `% d3 \) y' @# }
      if (xPos > (xMax - contentWidth - BallSpeed)) {
' w# V3 p* l8 @+ _5 |; G8 m         xDir = "left";8 X3 P. O# l, O) Y5 j# n
         }
4 w  j8 H6 }, ~      }
6 ?. ~% \0 d# J( B2 D4 \/ ?   else if (xDir == "left") {+ c, i  i5 }* P( g+ `0 y% ]
      if (xPos < (0 + BallSpeed)) {
) T* N$ |% O8 S+ p; n/ P         xDir = "right";
, z7 h7 X5 r; i$ `; M         }
2 V% A3 @' `+ e$ b2 x) D- D      }3 {. P/ h7 p$ F
   if (yDir == "down") {
6 y) g( E! F5 u, h/ Z      if (yPos > (yMax - contentHeight - BallSpeed)) {& }/ B. H; l& l; r
         yDir = "up";. c2 u" k' h: l: j1 H* d: i2 i+ N
         }
- s  @% W9 e  ?/ _# O      }
% [: l6 g: a0 F   else if (yDir == "up") {' K2 O. |. @3 Q5 B% |; d
      if (yPos < (0 + BallSpeed)) {) `0 L) a7 x6 u( K$ D
         yDir = "down";4 ]. O0 R/ T* E: r6 t) d9 `% J1 S
         }; ~. m1 Y: F( H- V5 a& N: p" _! K
      }
4 U7 ]1 n0 y+ ~% E- [9 q8 m% X   if (xDir == "right") {
; p% j  y4 Z( s3 J6 O3 K" U& U      xPos = xPos + BallSpeed;  H6 p/ S4 H7 E7 }& c
      }6 G  I5 a6 O) _* W* P
   else if (xDir == "left") {
3 |) D$ O. s5 L  u9 }4 ]      xPos = xPos - BallSpeed;" C5 ^( o5 }, W9 Y5 z" t3 m
      }! y- M0 N" p/ t: F4 ?( t1 J: ?
   else {$ M: I3 ?  u$ m* W% k3 K
      xPos = xPos;
# i1 L% ~# J# `) g$ f$ P      }( q, g1 R4 [/ Q! |0 F8 ]' e! ?- g
   if (yDir == "down") {
4 z% O  [$ @: K7 O      yPos = yPos + BallSpeed;
" l; H9 b" ~2 T  v' k- ^      }
( G  ^; U7 }% D; j   else if (yDir == "up") {
- ^; `5 k/ F( t      yPos = yPos - BallSpeed;
- O9 U, X4 `2 X- ^  Y      }
8 `( A2 [6 B8 v   else {
7 ~8 w0 }( v& v% \& x, i7 \* g      yPos = yPos;: d! _( z2 o3 @/ z+ v7 c% O# g
      }
7 F4 a& a" D) m. b# x$ a8 I, U   }, J7 g" K+ q8 A9 {6 i% ^, N* ?

" q9 r; W+ Z$ P& T3 Jfunction hidetext(){
2 f* a! J1 d: t0 x& X9 a& ]if (document.all)
$ i1 |1 s2 F% [" B- dsupertext.style.visibility="hidden"! \  }5 k, a% @# W/ @0 I* {; Y
else if (document.layers); V+ ?8 w9 `0 n5 ]
document.supertext.visibility="hide"3 T1 I5 \" |2 G. d2 i* R. l% z
clearTimeout(animatetext)
$ |) J- N5 e& z& W9 A' w2 i}, ~& `8 S% |1 }! q) N4 w7 L! L, Y' ~

, A) d& c; S( P% Cif (document.all||document.layers){
& c& x( S4 z! x$ q& ?* [7 Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: E+ Y. h" R5 ^. U+ Xwindow.onload = initializeBall;0 U8 n: ^8 e1 j. }
window.onresize = new Function("window.location.reload()");3 `+ j4 C' f. h" }. d8 V/ t
}; v0 i5 F1 T. F' d
* A5 I: I7 t, y+ h) M* X5 `
</script>