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

zw2004

<style type="text/css">
) X/ @! s# {& i2 U3 Y#supertext {
# |6 d4 d7 y1 w. a2 M. `3 ?position:absolute;0 v0 b, c3 r# N
left:0;
. E$ ~4 X/ F- Z2 D0 c. vtop:0;6 J4 ?6 h% U$ O2 s' f( c
visibility:hide;
, f2 `  M1 q1 ^( F/ f+ Mvisibility:hidden;6 u: r7 h0 h0 i. b: p  C
}2 x0 f8 p' B& Z0 i9 ?
</style>
3 J! v% `; `3 U! l" V<script language="JavaScript1.2">( h# K. [2 C. _  t
<!-- 改变下的字体的大小。颜色-->' K, u* y! S1 i( _& \; ^7 T; }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 \/ u, w0 A* g. R. J, M; Pvar hidetimer='';* @" x8 s  e5 J4 G
<!-- 改变下的弹跳速度-->
5 A/ W5 n' k3 p' zvar BallSpeed = 20;$ [8 J' R7 O0 h+ ~! f) ^. q
var contentWidth;
& c4 q8 O* Q4 C( ovar contentHeight;
. F9 Y, R# k8 C/ D% E0 y& evar maxBallSpeed = 50;
5 k; [+ v* I& {6 u
; S  m/ k2 l! B9 E- H! r' ]6 S* M6 X$ [, K+ D3 D0 d
var xMax;( Q5 q4 J8 w* r2 Y6 {& W
var yMax;/ Y2 U& h: l9 c9 `" ~) A6 N$ T$ s
var xPos = 0;( l" o& V" w% ~0 v& d
var yPos = 0;
! x! ~2 r2 E+ Evar xDir = 'right';  y9 |6 a  H" f
var yDir = 'down';
' x6 b. b' d% x5 u% h2 ovar superballRunning = true;5 w0 w& E! X5 ]6 B& [
var tempBallSpeed;9 J1 u& M0 n3 L: d6 }* G( I. a
var currentBallSrc;
2 h* }7 u- [4 R  S4 {' b' ^  C& avar newXDir;
' N- x) B" F$ d2 t7 s" t/ T& Dvar newYDir;
/ L+ D! _  ]/ I; ]5 @! i) ^. z. V% E6 y, j
function initializeBall() {
, D. A, E; ]* q; r   if (document.all) {& h# |5 C- @5 a/ m* c7 w0 x! e8 {# o
      xMax = document.body.clientWidth$ S# l- J7 P4 e+ A! q
      yMax = document.body.clientHeight2 s- L; `6 B8 U
      document.all("supertext").style.visibility = "visible";
; |+ n' q5 v7 L' C: r      contentWidth=supertext.offsetWidth1 v- q  A; i: g7 |. ]; I' y/ Q, U
      contentHeight=supertext.offsetHeight$ t1 K0 t7 m5 s# J  [7 e+ p- V
      }
! n2 |( w! t' X/ V. L- ~6 J   else if (document.layers) {# O/ ~* U/ N8 P. R
      xMax = window.innerWidth;( g' E/ H8 s8 `. V; {) j1 k
      yMax = window.innerHeight;
' {& c& ?& \$ j+ k0 X      contentWidth=document.supertext.document.width
1 T5 R: @, e4 C+ p. l. z6 T- G      contentHeight=document.supertext.document.height6 x$ `% X4 t% j3 T
      document.layers["supertext"].visibility = "show";3 K$ y3 o$ ]3 J2 M6 [; p) h
      }
- k* p+ j7 C) C% V   setTimeout('moveBall()',400);- c0 ?' S" t! W4 L; M+ W
   if (hidetimer!='')
! @0 K0 u1 J  V( {: s   setTimeout("hidetext()",hidetimer)1 {" m% P' n* x7 N5 c
   }6 L9 o& ^- v, \  w. s) u& V
4 e/ N+ n) p' a9 o2 K: F3 m
function moveBall() {, L* u0 c8 U, M
   if (superballRunning == true) {
1 q/ r1 h. ?& Y- M      calculatePosition();
6 t" i: D( a) ~9 k7 c      if (document.all) {4 Y: R2 I1 h, U8 @; T; M
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' x" b& Y2 i, p' X
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: i6 V+ J# z; w& {7 I1 W         }
4 [; n9 N* |1 ^      else if (document.layers) {
. f. J9 j8 E" N) P% g' ?         document.layers["supertext"].left = xPos + pageXOffset;
' b. S; f, R+ k" S4 y         document.layers["supertext"].top = yPos + pageYOffset;
' W% f, l4 s' D6 p# |         }: _$ Z# C" f/ s
      animatetext=setTimeout('moveBall()',20);
: k; N) Z+ y5 a; Z& u! X      }
( q. y9 `; [' X5 O+ `   }
3 |5 T6 B! u% }1 z" f# f( n) j4 a7 D5 a3 |# u) i
function calculatePosition() {
5 o  W( }0 _! _0 N: c, w2 Z   if (xDir == "right") {
/ U. j; l1 j$ z& B      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ v0 M4 {' f0 u% X# a6 U. y( k7 [) q         xDir = "left";
9 k0 e8 t- F4 v4 @) r+ d# n8 \         }
/ N8 g8 u& k2 A0 O; y6 H& n      }+ U; C' l* k# f6 v7 O/ O% u, s
   else if (xDir == "left") {* A8 F1 a5 p) f) t
      if (xPos < (0 + BallSpeed)) {
, C  j3 J! j% J2 H2 w         xDir = "right";; B+ }% j0 |4 X6 l5 b* x& \) ?
         }
+ K: N2 o/ N6 S* l# l1 F; Y5 r      }' m# l9 {* s& O2 N& e, L0 ~+ s6 n
   if (yDir == "down") {/ |, u2 e- C( m7 s. q1 s
      if (yPos > (yMax - contentHeight - BallSpeed)) {& u5 N7 |- D9 N/ o5 ]7 r
         yDir = "up";* ?3 o/ }0 Z+ }1 L: ~+ o6 X
         }
. `: i% r$ J7 S5 d' Z( Q      }
! l; {, [8 X6 g  G1 ]- O   else if (yDir == "up") {
) }) T- _2 |/ R      if (yPos < (0 + BallSpeed)) {
8 u) w8 y2 ~) Y         yDir = "down";
+ T6 d: R/ ^" s( p3 G         }
$ S3 k. J* ~8 W7 P" Y% y" [, d      }
& I* V) n: H9 q  N- p3 q. P   if (xDir == "right") {
; p1 I4 C- \8 w/ B' X      xPos = xPos + BallSpeed;% |" D: I, i" K2 a: ~2 |+ K; f
      }
2 W8 [8 R! l8 u- X$ B   else if (xDir == "left") {
3 @$ J; o4 R) I& q' U( z! U      xPos = xPos - BallSpeed;
& K) `8 t2 |- B8 _/ M      }
- j  F6 ]' Z- x7 N/ V   else {/ l/ m+ P% U( O: ?- }
      xPos = xPos;5 u/ _6 x7 a9 c: |! l9 W6 d. i) B
      }
( y  ~1 ?& `8 L  ~! Y0 F: d9 r   if (yDir == "down") {
+ C; |2 C5 i5 P  r- p9 C      yPos = yPos + BallSpeed;  C4 ^; |& n1 d) s& c3 M3 q; I
      }
* E- F: Y: ]& F7 y2 V7 B   else if (yDir == "up") {% [: a/ \: P' i( g- x- Z$ _* u2 ^) }
      yPos = yPos - BallSpeed;3 E* V* o. S3 B; h0 j( S- T3 [) u
      }
( {2 Q" M/ e* i4 Z; G   else {
. j' K" H! ^* W) g      yPos = yPos;
) R% E8 g  G/ P" x9 j      }
) I5 P0 o; T( z1 @% F% _0 b3 b; A% y   }
1 j$ a$ D* @" D" S6 I) |
, u) x3 A0 {* ^% G; `8 v5 F; a4 U# Zfunction hidetext(){" F! h! f4 P# a$ ^  w1 |
if (document.all)' T) D8 @: _# C
supertext.style.visibility="hidden"4 M* P9 b7 [: M
else if (document.layers)
, e# z/ `% Z' vdocument.supertext.visibility="hide"+ N& m) [. v0 i' q: }/ Y6 \
clearTimeout(animatetext)! S7 [6 M- Q) D' L6 |1 ^8 f
}
+ d+ I( T  s# D2 h! A
6 y1 R) y  j: k2 F; i$ w1 f# [if (document.all||document.layers){5 C+ ?/ |7 t# o7 p$ [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( T( ^( n3 O7 S( [
window.onload = initializeBall;
" h& F3 |, _1 Xwindow.onresize = new Function("window.location.reload()");: f0 e+ a5 [% V' |- _
}
. d2 h5 P+ l7 O0 ?2 C* D$ Z" ^* g- c" @& s: K2 X* n( h
</script>