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

zw2004

<style type="text/css">
2 y; ~+ W4 r' l/ r5 M, l' ?8 o#supertext {
; R7 g0 w8 \9 {$ c# O. T0 x8 W: nposition:absolute;
0 V. ^9 D7 m& M- Ileft:0;% G' e) g% u" J4 V1 }; J" n
top:0;
. T: ~3 d- R' f8 k  ]& n: `visibility:hide;! {8 k! d4 R2 z  L% ]8 l
visibility:hidden;" ]; D: |' |/ r. i5 S! Z/ j
}' M, g. \" J- \
</style>) g2 n2 ]7 J4 V, p! J& X
<script language="JavaScript1.2">
) g+ A0 @- w: e) ~! n<!-- 改变下的字体的大小。颜色-->
% `. |2 E% o- h, ]; K  ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ O5 e7 O: k; A& n/ W6 {7 gvar hidetimer='';* v  G9 @: c. q3 b3 p
<!-- 改变下的弹跳速度-->9 W5 U7 S5 O6 R, [1 y/ Q. S
var BallSpeed = 20;
0 m: O0 C& m2 A4 A6 Z8 v! ]% V" zvar contentWidth;
, l) F/ b( g6 R$ m" W/ Vvar contentHeight;
# b6 e. B/ n8 o/ Jvar maxBallSpeed = 50;
; i% v4 S3 ^% v2 z& L. U" i) V
; O4 M$ [7 Z1 F- h: O" c5 k
' }; G6 c3 c* x9 _: i0 _var xMax;+ P7 C4 C5 _3 D
var yMax;$ T4 y* U% @1 U: b
var xPos = 0;
7 A# {! K9 Y6 G& n) q6 mvar yPos = 0;. z0 D$ f& V; c9 P) B. \, B
var xDir = 'right';
+ J' F1 |1 c. h' A; K+ bvar yDir = 'down';
1 H1 K1 D( H% R: _var superballRunning = true;+ c. ]2 C, V$ r
var tempBallSpeed;
" @9 q* q; x5 b$ x1 R) Y8 zvar currentBallSrc;
8 w3 k& k; E" n" r9 R) ?var newXDir;
3 a) r9 P2 b' n% hvar newYDir;8 J! X8 @7 x+ \* q+ l

, t! H( K% H; zfunction initializeBall() {" J, n, x* D0 M* Q# |$ Y1 n
   if (document.all) {( A1 {; h% B2 l
      xMax = document.body.clientWidth/ c  l$ @& E0 y* l( F  t
      yMax = document.body.clientHeight3 N, j1 A! ]2 N
      document.all("supertext").style.visibility = "visible";
/ ?7 J/ _1 `' ^& I" E* ?  @4 h. \  [      contentWidth=supertext.offsetWidth
$ |; }/ U2 }8 M/ v% G      contentHeight=supertext.offsetHeight
  ]" W" ~3 C0 n4 \      }
' v7 g* N$ t; _* m, M. V   else if (document.layers) {! i% m0 `& h$ E; w( o5 D0 H- L
      xMax = window.innerWidth;8 g0 H& m1 V, P# L
      yMax = window.innerHeight;
- ^& f& i3 X( C- W  S+ S      contentWidth=document.supertext.document.width
- e0 a& `& ]4 M& R3 {# p) N: i      contentHeight=document.supertext.document.height
  b, O, @% ?1 {      document.layers["supertext"].visibility = "show";
; \4 I  f- D4 X5 A0 v      }
" b; v3 e! T! Z3 p4 k. m3 {   setTimeout('moveBall()',400);
( z& N* X+ E( k. s4 g   if (hidetimer!='')
2 L( K$ {, P3 T& n9 \" O7 R; H   setTimeout("hidetext()",hidetimer)
# B( B- H8 s3 i! {- Q4 Q% r   }4 e, j8 T( S2 T0 w
! Z1 J! q; m& S
function moveBall() {; X& U  {3 ]4 A5 C$ M; Z9 n7 |
   if (superballRunning == true) {
9 D" k! ^3 j- R+ b8 Z% i) I- \1 }      calculatePosition();0 y$ v1 x4 P/ b  a" v  A7 ?
      if (document.all) {
" a, G8 M' Y$ b6 G# z$ `5 m         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ z3 c# R7 B3 q( T2 Z0 H& W) v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( L$ i* Y3 c6 F1 a         }' ^& R( O5 ]- c: k
      else if (document.layers) {
) b) i9 q- |) k. P* k         document.layers["supertext"].left = xPos + pageXOffset;
4 ~9 c( ?+ ?( ~. t9 @         document.layers["supertext"].top = yPos + pageYOffset;
0 x5 _% O" }: K" C! C         }
0 O) s) L5 }0 X% n; ]      animatetext=setTimeout('moveBall()',20);
4 {/ \+ {7 h0 l" r$ l      }
6 v( F& ]* x  z; I   }
1 L; z* b& L1 m7 u3 `+ ]1 O7 X* j! a% V+ ]
function calculatePosition() {2 w: B( E0 M; V' E* Z) u+ v
   if (xDir == "right") {2 z! j6 F) U$ i6 F/ @% z
      if (xPos > (xMax - contentWidth - BallSpeed)) {! ~0 F; H  ?0 ^: y6 ~3 G/ b
         xDir = "left";. n. F2 [$ L3 e# M5 B, y
         }" T4 G' ^" U1 `. a1 Z0 y. x5 ~  k
      }
7 Q9 }6 j) |0 B9 g   else if (xDir == "left") {4 N* ]$ G8 E: x* v
      if (xPos < (0 + BallSpeed)) {! r  R9 t" a0 p! z% H
         xDir = "right";
% m3 |9 t; f) a! i3 {         }" ~) U% E/ [  r' e, m4 h
      }3 F7 F. c; \# J$ s
   if (yDir == "down") {
' T1 _4 o" {2 D& H/ }      if (yPos > (yMax - contentHeight - BallSpeed)) {3 k7 A5 q: j( j/ |9 o9 I- h; Y
         yDir = "up";
+ e, i* |* A( J' |$ n# y5 v" x         }0 z/ @9 Q& i+ m# U* I2 E
      }
. \7 i5 x& ?/ H. y* @" O0 d  A   else if (yDir == "up") {
) U4 T  T% X. ?      if (yPos < (0 + BallSpeed)) {" H  ?- R/ R) Q, D, r8 w
         yDir = "down";
! r2 _5 A) ?6 ^% F) ~" T$ r         }
: {6 a8 ~* j# o) Z      }! k) `+ Z1 R4 V
   if (xDir == "right") {4 z2 d8 W4 W5 {* }6 ]. Y& Y
      xPos = xPos + BallSpeed;
/ i) _# W0 Z3 V; b. e4 q5 T      }
% ?8 h2 e* O& f: {) H1 j/ K7 F2 x   else if (xDir == "left") {
' E) {" O7 k# `( G3 \/ |' h8 \      xPos = xPos - BallSpeed;4 \6 \: _# l6 n' U) b
      }3 ]5 ]2 w/ o0 m7 j# a0 ?
   else {
' T+ I/ Y6 h, x2 o      xPos = xPos;
7 x- x  M7 `3 H      }+ J# I, H/ ~* L8 \: N
   if (yDir == "down") {6 j& ~  K- q% S& M- g7 x" Z
      yPos = yPos + BallSpeed;
& T) [+ N0 K6 }) M: u1 t      }
7 v4 p/ B! H- |8 j" u. S0 J9 j   else if (yDir == "up") {$ b: s2 H1 p# i  }; w* `
      yPos = yPos - BallSpeed;$ w3 _* n- z% Z+ c8 o5 Z7 p) o$ i
      }# Q3 w8 e( D. z; i& Q% P5 ?- m
   else {/ v! F9 e& i, O+ Y. O) n! z6 J
      yPos = yPos;
7 E" o0 f8 a/ W+ _0 [' l3 n. J      }/ c, a$ N* h+ B( p5 k$ [
   }/ A5 Q9 B( |; e5 U' C* W  B8 R0 z+ X
+ E% `2 @8 F" ^
function hidetext(){
9 D0 v: ~  f7 b4 Kif (document.all)4 \/ I- D+ @9 x+ z, w7 \
supertext.style.visibility="hidden"7 i8 V" j# M. X4 g
else if (document.layers)
) N8 K8 V* T, C; H9 w1 ]document.supertext.visibility="hide"; B( ]0 g/ z) h5 I5 h: H$ w
clearTimeout(animatetext): U+ Y, S. d0 x2 d
}8 m1 H$ g  I* K5 l

. i# u1 E6 r4 q) @; h5 Xif (document.all||document.layers){; ?' F6 A  M6 }. A5 K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 N2 A/ t0 j- A& y( Q: r
window.onload = initializeBall;
0 b+ h- |  y6 L! G0 D  cwindow.onresize = new Function("window.location.reload()");
: [, Y# m& z% R* v7 c}" F' X+ `8 v; e3 v9 k' @1 Q
8 \7 l3 v5 m! T8 _' s2 Z
</script>