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

zw2004

<style type="text/css">7 b1 I1 Q% N& k8 F+ B2 ~
#supertext {7 \2 }5 X0 \# x& k4 Z! k
position:absolute;+ B. W% E8 w! I+ i" X- t$ M
left:0;1 e+ P/ d2 T+ p# f9 ?4 v- w
top:0;
4 a/ s% u8 q. C, lvisibility:hide;
" E/ Q" R  B1 s2 ivisibility:hidden;- x" \& _6 Y* u+ Q
}
- P2 z" J8 B6 T+ B</style>
0 R$ M2 L& ^' ?/ |) U9 T<script language="JavaScript1.2">$ {* J$ y  I( b0 C; W, G" F
<!-- 改变下的字体的大小。颜色-->
; Y; ^0 z. v9 \4 J& S& pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( i. Y" g7 ]6 k& d3 n, F8 rvar hidetimer='';
8 J1 @6 [, T" ]6 |2 J% L) M<!-- 改变下的弹跳速度-->& f. r: l# h9 y! f- j
var BallSpeed = 20;  q! U3 h) z! Q. p8 F
var contentWidth;& R- }5 r+ J- G! f+ F
var contentHeight;
. S! E, {" F# a, K2 Mvar maxBallSpeed = 50;! B% P5 \7 B4 }, V
' s2 }( j) L# p& O; u6 o/ p6 E
+ k# W5 [3 V9 J4 t: g
var xMax;* T/ @" k# A4 Q( }
var yMax;; s  z4 {. n- ~: W) N
var xPos = 0;' y/ W- u7 T. U: m! n
var yPos = 0;
- Q6 m& c# D- l. i* l* lvar xDir = 'right';
4 E% u+ ?3 y- `* h4 |, \; Y* I( hvar yDir = 'down';
7 e4 [, P& `' A" ^4 ]var superballRunning = true;
- v# n" L+ Z  s! v. avar tempBallSpeed;4 c5 G- `# a: u  _
var currentBallSrc;
5 v% U* H" R6 }var newXDir;
+ P+ l4 U/ S! a; c2 Jvar newYDir;
+ e6 I/ A1 R* C& i& j
( ?6 b+ D5 c. f. [8 D, J3 dfunction initializeBall() {% a  s3 O6 M! ?; p. M3 Z
   if (document.all) {0 K- K! z9 @, d' V; e
      xMax = document.body.clientWidth& H6 G6 ^9 @! Q+ f
      yMax = document.body.clientHeight
0 B# |6 G, o. R. Q( h- B- e) d9 J2 @      document.all("supertext").style.visibility = "visible";5 m, Y) P, E1 }% Z) z6 K0 f; z
      contentWidth=supertext.offsetWidth' v9 Q# D$ s5 n6 N
      contentHeight=supertext.offsetHeight
/ W" ?. g( j1 A: h. h4 z+ D      }% v: a& x, R+ H, @4 D/ ?* R
   else if (document.layers) {
7 b: q" T7 `  O. ]      xMax = window.innerWidth;0 G& b  c8 G' M9 f" H
      yMax = window.innerHeight;  Y8 ^2 |: t4 G2 e* h% C5 g$ x- M
      contentWidth=document.supertext.document.width
- \9 e5 W# `$ O& K2 e      contentHeight=document.supertext.document.height! c" S( k  K( f+ Z
      document.layers["supertext"].visibility = "show";
" ]$ i9 c. ]# v- E/ W9 }      }! G  ~  U. Q, @. B$ k: c4 y  S% O9 ^
   setTimeout('moveBall()',400);1 U  q/ l6 Q) W/ O6 S- P$ l: C3 A
   if (hidetimer!='')/ I6 X% m5 e9 f8 Y! p. L1 |
   setTimeout("hidetext()",hidetimer)
! P9 _! U/ T6 `7 K- I   }
) a" L3 r. A5 N: v" Z2 N& Z* ~/ P6 m+ t- \& w6 n6 f
function moveBall() {
. H* D+ B- j5 e! U  W6 z) c   if (superballRunning == true) {. i% d4 M8 n* I6 F. l: K
      calculatePosition();6 k, L. a3 J6 D9 c! u' `
      if (document.all) {1 t1 P' C8 J) v' x& J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. k& z9 a6 A& d3 w
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 B4 J- y3 H* V# G2 o, U1 Q) S         }* f6 Q  p# H6 S. W8 }
      else if (document.layers) {
3 }+ S7 W' t# ?( W6 D9 @+ k# C* W         document.layers["supertext"].left = xPos + pageXOffset;8 K$ ^5 o3 i/ M+ i
         document.layers["supertext"].top = yPos + pageYOffset;7 {, Y3 W: s9 s
         }  k5 y- H% E/ G$ r* M* U
      animatetext=setTimeout('moveBall()',20);
9 T/ J2 V" r* Y2 H      }+ f5 C4 F. s( O5 ]5 r* S
   }  q+ a3 V9 ^) {7 t( m

* Y- V1 j* _# g, @  I$ Q+ zfunction calculatePosition() {, [7 r+ k- G3 k; Z  V
   if (xDir == "right") {% b- g* @, O) W
      if (xPos > (xMax - contentWidth - BallSpeed)) {8 J4 I! B8 t6 E8 r' x! Z
         xDir = "left";
5 q: T, Q) @  v. M         }8 e9 p# A& _, c
      }+ R, x% R1 _, ~2 M
   else if (xDir == "left") {2 }: W" W: T" }' I
      if (xPos < (0 + BallSpeed)) {: r+ Z% S% L8 j( g, d( R: I
         xDir = "right";
, E/ }! ?" Y: w. N% j6 e; P         }
6 [, J" |% B0 {0 x      }
2 `" E& C8 k4 ^+ `4 t   if (yDir == "down") {
8 [" I( }, X3 T. U3 o* {      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 _# m' S3 s# s, c( H  D' D. J         yDir = "up";9 Y. D$ A2 ?9 q2 y/ T, O/ g2 {, G, h
         }
: ^8 m0 Q" i: ^8 p6 S' j* d5 D      }  @* K0 U3 N! {* P
   else if (yDir == "up") {
, f7 k7 \& r2 g      if (yPos < (0 + BallSpeed)) {
2 M- ~/ B$ s( t+ M& G         yDir = "down";
) ^: x0 J" @+ |$ b+ g         }
* o2 C: k  `/ m6 T) q# }" u      }! {$ @: w$ Z: ]
   if (xDir == "right") {
9 }8 `& Y! V$ v0 t      xPos = xPos + BallSpeed;9 P- n8 J  X6 E5 N
      }
; x0 G; ~% T) m) i' N3 w   else if (xDir == "left") {& h2 j8 g. }3 ?
      xPos = xPos - BallSpeed;( G+ M- H6 G% }. L' F
      }
$ m% E. V: A6 G7 r- [+ F   else {
" c( _* C. M0 {- r8 l; u! V) F& X9 B/ ]      xPos = xPos;
8 J- }1 P3 A8 W4 G* z4 _      }' B9 l2 |( ]9 v) J
   if (yDir == "down") {
% ~5 m4 e& T- T1 J      yPos = yPos + BallSpeed;
* g1 T- w) b1 J  Q& k. j      }3 e7 I3 {  m8 R$ b7 K/ ]
   else if (yDir == "up") {+ W9 G( |; |4 U. j0 M, `
      yPos = yPos - BallSpeed;/ b7 }! a4 v5 o2 q
      }/ t1 W* j5 P" D2 A5 p
   else {
0 T- _# i4 A  @! _' t      yPos = yPos;1 x3 v; w  Z8 ~" m3 U; n! U
      }
) Z  }5 M1 Z7 Y# p   }
! X; V0 s5 N+ c1 C6 n. z/ T" H
+ i4 x6 J3 Y$ w6 [1 m7 gfunction hidetext(){( {! @/ m4 h+ b& I; z3 ]0 x5 J9 _7 t
if (document.all)
4 X1 ?. l9 [8 T3 D* ksupertext.style.visibility="hidden") D& L+ k8 t! O  Q' n
else if (document.layers)+ @5 }# |7 E" S+ ]$ {
document.supertext.visibility="hide"/ [; ?( a2 x8 _+ ]2 @' s
clearTimeout(animatetext)
. n" e  @, U- s$ Y4 N}! }9 W; R& h: J" q# F( J2 O3 k

5 ?3 {% d& D; e7 t. K1 l  t" A$ T& oif (document.all||document.layers){* I0 m2 x, w5 a1 V, e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 {! P) m5 \4 \$ K; [( [
window.onload = initializeBall;
7 J' k. |. C1 |! K/ m( Jwindow.onresize = new Function("window.location.reload()");
( t" Q/ F) _6 b! C9 W8 e}( D( y6 y9 A5 n0 K+ [1 x& B
+ ~3 j6 ?" M" v2 i; O
</script>