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

zw2004

<style type="text/css">$ J% a" j- k9 e6 H" \( |
#supertext {1 [6 Z1 l6 U1 l7 A
position:absolute;
& R1 z% b# j1 |& }2 H* U: uleft:0;. p8 z. H: g6 Z9 I
top:0;! \7 @* j( Z) X' }7 j' U
visibility:hide;9 O/ A  R! M1 A) u; `& L
visibility:hidden;; E6 F7 c3 u0 ^6 K" w3 K
}
/ G* A4 ~! a4 o3 N* i</style>
6 y% H( m* \1 U) r0 u<script language="JavaScript1.2">6 J2 h3 V# ~5 K1 i3 q
<!-- 改变下的字体的大小。颜色-->! f6 R7 t; x+ d8 ~0 N# J6 T4 L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* |, U7 x. Z, H
var hidetimer='';
% l" n8 O* ]! ?# I+ W<!-- 改变下的弹跳速度-->
+ I" g$ L+ K) G9 ?5 R; R& evar BallSpeed = 20;% K6 w- ~% ]! w* a5 ?- b# j
var contentWidth;& I$ M" M% n  n" `
var contentHeight;) U! b3 r( N) Y
var maxBallSpeed = 50;  i9 M( g" I. e& x

+ M2 Q' R# [  l+ d" M% u! c
. w: \. `* o) l) s5 Q+ ivar xMax;
5 F9 M, K+ V  @, k+ Q0 h4 n/ L3 avar yMax;
2 g7 H! r1 R( t3 G  B, {) jvar xPos = 0;
8 ]: p. O' |1 lvar yPos = 0;
8 Y' D' n/ ]! M; n4 w: Wvar xDir = 'right';
3 M' A9 r5 ^( cvar yDir = 'down';6 [$ `8 ~% h5 G4 m+ \' q8 y7 v
var superballRunning = true;
$ h. P2 v! X2 o) `% q) T2 Kvar tempBallSpeed;$ K- i( P: \$ a) t
var currentBallSrc;
4 k/ @! A" _9 x1 N: i% p9 I; bvar newXDir;
' P; G' N: N4 c/ U1 @2 H3 J4 C2 v% ~. Fvar newYDir;
# t4 z( v: a$ x& I* q5 C' _* x  r/ U  f7 E0 _
function initializeBall() {
0 v! A/ T% r% ^. ^0 G1 E* R   if (document.all) {; c1 L- @" _& U& _% z: F
      xMax = document.body.clientWidth
, d$ }5 o, J% m# ]8 K      yMax = document.body.clientHeight9 j9 J: g2 d2 l( a' v% X) g
      document.all("supertext").style.visibility = "visible";* M  ^5 G% V" w+ r, B0 a+ r/ r
      contentWidth=supertext.offsetWidth6 o5 y' ?% t0 q" Z, h$ ~) ]# E
      contentHeight=supertext.offsetHeight
4 D$ i5 j5 B7 o; }      }
# _2 P7 R4 |( v* [   else if (document.layers) {2 B9 `8 U' Y' Z1 ~3 {7 O5 a( [
      xMax = window.innerWidth;
3 @0 }/ `( C" H; s- i      yMax = window.innerHeight;
! [5 u' s: d$ S- T1 m      contentWidth=document.supertext.document.width0 C$ m) V$ x1 {/ B
      contentHeight=document.supertext.document.height0 o( ~1 A* B+ ^# n' E* W
      document.layers["supertext"].visibility = "show";$ P7 Q! w2 |! b! F0 a% q
      }2 C/ O" _: s; ^
   setTimeout('moveBall()',400);% G7 O7 B  F; ]6 q
   if (hidetimer!='')! H6 T% h; |4 B* r& y6 ^
   setTimeout("hidetext()",hidetimer)
$ E1 p0 k9 L- ]. l8 Z   }
0 m& Q/ O2 P( j+ Q" v, }' r3 j$ j2 S- }$ Z
function moveBall() {. }6 E" h! Z+ e7 `+ r7 \9 N- X! i+ g% M% L
   if (superballRunning == true) {
1 S- l9 N' N" ~: x      calculatePosition();: x. t( g3 j$ S" k6 L* E
      if (document.all) {
% q6 K8 p7 w3 F) ?0 _3 j1 T+ [. c         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 C) c! y  i& R3 t9 V; U. o7 k3 {
         document.all("supertext").style.top = yPos + document.body.scrollTop;- [! I# \* A& N
         }* P# |! ^, [! K
      else if (document.layers) {3 J. |/ h2 A4 i& u. Z
         document.layers["supertext"].left = xPos + pageXOffset;
& C! {( j( v) o8 v5 U+ V         document.layers["supertext"].top = yPos + pageYOffset;
3 ^0 }0 N; U& s5 ?) P         }
. @+ Q; s% }1 W% R      animatetext=setTimeout('moveBall()',20);* Y6 r7 e9 O  L! M: ^* l% u5 ~
      }+ K  ]  C1 h1 q% }
   }+ K9 |  c! h% ~& J4 _
/ P) ~2 ?9 }& j. J- {
function calculatePosition() {
2 }5 }2 [* l; G' }8 q   if (xDir == "right") {+ R: V% ?! N1 B9 N: U! `  V2 Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {* Y1 p. x0 `% v
         xDir = "left";& |! e1 [7 o7 s( H# V
         }3 y7 L' ^8 X/ @/ f% T
      }
2 u7 I! @  {& g. z   else if (xDir == "left") {
) x$ Q! ]3 g1 o+ U7 F      if (xPos < (0 + BallSpeed)) {, J3 B7 v5 K7 \5 {- _+ l" n
         xDir = "right";) D3 G  ^7 J) w3 e$ W# J! @/ b: l* D
         }) v. J' M- \$ w) n  i6 h
      }' F# x/ P8 z. F* y
   if (yDir == "down") {
  \7 d  _& y, ^  x6 u5 t      if (yPos > (yMax - contentHeight - BallSpeed)) {4 A! B: h( X  e7 l' ?
         yDir = "up";! y$ F" n* Y1 [/ }9 l* K# H
         }& u5 I! b- {( C( k9 M
      }8 k0 }' S: m) L5 Z7 D' T. v
   else if (yDir == "up") {
2 `! U$ \# |* M- ~3 e$ F* k5 t/ S      if (yPos < (0 + BallSpeed)) {+ f) q2 U$ @$ ^' e
         yDir = "down";
5 R5 @+ e, L! q; b6 O0 d4 O         }
& J3 ~/ I; @3 d9 y* o% z      }6 k7 e3 }* `4 C7 o9 W. v
   if (xDir == "right") {* s/ C  e. K) |) I5 f+ w! R
      xPos = xPos + BallSpeed;
6 P, G2 Z7 e5 C# p  x4 u: G      }
: i7 p. X: ~* c+ u; b/ g8 P- X% S   else if (xDir == "left") {6 V; @  v; ?. b+ I
      xPos = xPos - BallSpeed;
! b0 S; A0 d- I3 J1 J$ i      }* B/ @' `0 s5 h, I5 o+ E
   else {8 h0 f) V4 N: b* a( w* N1 T
      xPos = xPos;3 ^9 F8 P" T9 P' l  w/ \
      }- ?, S" n1 Q: x+ E
   if (yDir == "down") {6 P: p5 V7 O. }6 v+ B6 I
      yPos = yPos + BallSpeed;: E5 n; e! {5 J: _: y
      }. e7 h+ i5 O/ a
   else if (yDir == "up") {
! a8 r. [  T# H" J+ X      yPos = yPos - BallSpeed;
$ V! ]  a; q! ^. w* B- G2 ]      }
6 g% T9 |2 |6 D! E# g# t5 G   else {% c2 {' j. M& H4 Q
      yPos = yPos;
5 N# @1 k" \5 I1 q( v% @      }
- @# I+ w2 E0 t8 t' J2 F   }
; a0 y9 _' M) x6 v. N  j2 Z6 v7 Z! X" I0 a
function hidetext(){7 N3 h2 }8 s/ t4 z, H5 B
if (document.all)7 i/ N- q. Q  g2 u; x0 @; L6 p+ l
supertext.style.visibility="hidden"  K6 W' i. ]- f* U
else if (document.layers)
) E3 @# T4 f# x) p3 X( [& cdocument.supertext.visibility="hide"* r/ d) P5 L8 n+ u, I- j$ V) H
clearTimeout(animatetext). N4 z- {7 v3 d; z6 u4 J0 I
}
# w" S% e3 f4 S+ E! v  W& Q3 L1 g6 Z" o1 Z
if (document.all||document.layers){0 j( ~" o/ Q- M! h2 A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 m. G. M" D* Y1 t: d
window.onload = initializeBall;4 `! G+ v0 R/ j* C5 v/ y2 h  J" r, C6 D
window.onresize = new Function("window.location.reload()");4 n. C1 b" @2 j" o; i  k+ w
}6 S! ^! A/ ~) v! u, N) r, A1 Q0 H

( s7 _) h+ A% }4 _. s/ L6 R' j</script>