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

zw2004

<style type="text/css">$ F+ g# P  {- @# I1 ?
#supertext {
( ^+ Z, k5 P: t* r( xposition:absolute;- z3 o* f7 j3 @; m+ p3 q
left:0;
2 O: _# r9 O3 r4 T+ T- R6 i3 H% T+ ~top:0;
/ L% O" @' e. n  l% A& mvisibility:hide;
: }& m9 k6 \  ~5 Ivisibility:hidden;6 m& v. j0 ]3 b7 d5 ?  Q" }0 U& n
}
9 e' V4 ^/ M( E( t% `- o& J3 d</style>
1 Y! E# _3 W5 `6 d9 X; V! j5 g<script language="JavaScript1.2">
/ j2 n6 E1 z1 j- E" ]<!-- 改变下的字体的大小。颜色-->
: \* n/ S( ]5 j6 l) f- y' ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 Y7 c8 D% Z/ D' |var hidetimer='';' J; n& @+ C7 a6 R1 {
<!-- 改变下的弹跳速度-->
' z+ L( N0 K2 F: B6 ^0 ovar BallSpeed = 20;
1 R% u- J% Y9 I+ Z) Ivar contentWidth;
, @1 L- S) ?% k4 a8 Hvar contentHeight;
/ L$ [( l5 B9 k+ K) rvar maxBallSpeed = 50;  l! b9 T" q9 c3 P4 {( a
1 {: J( b" o8 c$ I! ]  P' r

+ o0 U7 k8 O0 v0 T" }* V9 Hvar xMax;6 \& R5 h/ X3 {& W# h  g
var yMax;
, v, H# R! M& uvar xPos = 0;
& s* Y. U+ z  g1 c4 n- Y' tvar yPos = 0;' r- R; Z+ X, A+ i- M; S% ?0 U8 W) Y4 Z
var xDir = 'right';* N, X8 |- u0 a/ z, U0 Y, [0 ?
var yDir = 'down';/ A( F7 [& w4 n* v9 f) `7 u
var superballRunning = true;" H# D* ?9 |3 v2 n9 f9 g; m5 R
var tempBallSpeed;# w( [7 [+ s1 e; j6 K
var currentBallSrc;
# o0 u% h( w, H5 H5 H; w1 Lvar newXDir;& r5 X3 F/ t, \! i* D" j  c
var newYDir;
! O: e, L7 e( ~9 N" Q8 P( m; _% n; S" T
function initializeBall() {
- c5 z1 W; w0 {* j   if (document.all) {: h2 ]! `& T2 `, [4 o9 ]/ R
      xMax = document.body.clientWidth
4 _2 A  P; B2 y# A% ]! B      yMax = document.body.clientHeight; Z, a+ [- ]! {' U: M! Z9 L& A
      document.all("supertext").style.visibility = "visible";
3 Z5 U0 R0 g0 S! x  S3 Y      contentWidth=supertext.offsetWidth) r' u+ X$ a0 G0 j+ p, J7 v/ W; {
      contentHeight=supertext.offsetHeight
, o( f5 r* ?( l& b, k      }
! k# {( }/ q, V, p1 f* ]; a7 S/ G   else if (document.layers) {' k$ |4 v* i7 H, x- j0 R& o9 E
      xMax = window.innerWidth;
/ f$ D, B8 r$ b      yMax = window.innerHeight;* M; ?2 y7 |4 k2 \; C/ g
      contentWidth=document.supertext.document.width' V( T: F1 y0 b
      contentHeight=document.supertext.document.height  L4 t/ f; F. N  V
      document.layers["supertext"].visibility = "show";9 m) q  u6 i4 h" Z" l% @! u- a. E
      }  E# Q" o6 ~$ {6 p$ r
   setTimeout('moveBall()',400);
  F& H' ~4 O6 V1 u   if (hidetimer!='')/ U$ q# P5 H- `9 w, D
   setTimeout("hidetext()",hidetimer)
; P" d/ l" |: y6 ~$ p) C   }
8 c/ Z0 {9 _3 R% t5 K/ H" S0 F% ~; b* S* D
function moveBall() {! Z; n" K+ t, |$ L7 {
   if (superballRunning == true) {. N& i8 G* S4 w/ _+ g
      calculatePosition();
& F/ D) L- I  }1 F      if (document.all) {
% o* |3 @+ d# h" M. z0 _- \9 ?; n- J/ K         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 H" A+ {  a8 c
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 I, S6 u0 J5 i6 Y& [
         }
1 y- {; K2 Q4 i. U3 ^- P8 b. ]1 k( l      else if (document.layers) {
$ k" \- s" `7 ^* |. m         document.layers["supertext"].left = xPos + pageXOffset;
) S" q4 D: B) X5 a         document.layers["supertext"].top = yPos + pageYOffset;* R. I' e, a3 [2 U, p; g, U( Q
         }
$ C& r" [6 b1 `6 x/ z9 `; J8 u      animatetext=setTimeout('moveBall()',20);9 H$ h& m- I8 p  y3 @
      }8 ~% V; L% Q6 e/ y" S$ s
   }
1 w$ o' E* a7 A! y
7 R9 J; M* _& \' y$ Nfunction calculatePosition() {4 y. N' M+ _2 l. v: r, v! I
   if (xDir == "right") {
' I/ v: \& C2 [/ R1 D0 u      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 ?9 V& q; C1 T. e' ~         xDir = "left";8 N0 z6 c# w, i  d6 t
         }7 U. b- \! n, |; A4 p
      }: Q* w9 x: f: k4 B4 Y
   else if (xDir == "left") {
- n  q6 h% L0 N1 S8 C1 |6 B  `      if (xPos < (0 + BallSpeed)) {0 B. t, r! E. O4 Z( R
         xDir = "right";" u- |) U* v9 C2 F9 M3 m" K
         }
; \' j+ b! _% S) i( S( R2 t      }. p1 X( Z3 p. E" b
   if (yDir == "down") {( i, M5 F* {3 G& _5 F
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- r4 p) H* V. F; k: J2 K         yDir = "up";
5 k; ^6 ~2 p* i, j  V  y5 H' T         }! V& J8 k- R! j; O
      }+ Y6 F6 g. g! n( _, R7 P$ ~; z" s" X
   else if (yDir == "up") {
, j, Q! C* u: k( B" i5 U, }      if (yPos < (0 + BallSpeed)) {
2 n5 c) y% }! T1 U5 o+ }; y0 C! Q         yDir = "down";
% _3 o( Q3 I3 A         }
: i0 l) c$ ^% y- r- P! x2 z      }
+ z- E/ J1 ^( P+ X   if (xDir == "right") {
# W/ v3 G4 q% D3 b( I      xPos = xPos + BallSpeed;
( a& i. a: U/ @0 O' I) q) L      }' ^- h+ C+ a% o" }
   else if (xDir == "left") {
7 y# P0 P; Q* [' C- N' a% e0 z      xPos = xPos - BallSpeed;: @; O! x. \, F* K& Q
      }% p# s! y- l8 s# a4 q6 |) J6 K
   else {
" B2 F0 l% S- z      xPos = xPos;
9 D# a* F, @3 U0 D" f  G& w6 c      }
# d0 [, v* |* a   if (yDir == "down") {
0 f. x8 Y& {3 Z+ n5 L      yPos = yPos + BallSpeed;
% W8 B& ^6 i0 S1 n3 x1 B# v. \      }0 H! [% w9 x7 @3 k
   else if (yDir == "up") {0 _3 F1 E6 y$ C8 Z
      yPos = yPos - BallSpeed;
8 N8 ~( X: K, A" M2 q, E      }
) W$ Z$ e* S1 u3 j% D0 m   else {
/ U$ I( K8 P  `& R! u% a2 s% A, J+ f2 }      yPos = yPos;
7 I0 X% I$ R& W9 F6 q9 ^      }' i1 o+ N/ N# E* c0 [- l% Q# @
   }
: K* {! X2 C# g. H3 k9 I- \' N; w" f+ G: ]
function hidetext(){
) R# b* ]! ~5 w* C9 G9 Zif (document.all)
4 A, e9 _: m# a: R0 usupertext.style.visibility="hidden") }. D1 e& ^0 e; X
else if (document.layers). W' u1 q$ P) B' Y3 g( s: W
document.supertext.visibility="hide"
$ ]. W! N/ ]% ?( y* B8 N0 [( U$ EclearTimeout(animatetext)) }7 E) q: m; L$ t+ \9 G
}; G3 ]) P: K' u

7 f( ^  Y0 z' P# p% r+ A3 lif (document.all||document.layers){
* p% m0 E" [4 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ K8 d5 A) \+ M" z" o* L, R
window.onload = initializeBall;: v7 N* n0 i3 T
window.onresize = new Function("window.location.reload()");
: z* o  \5 s; y2 D- s9 d' F}
1 R& m/ t* t! M5 ]
0 m+ S& L. B8 W</script>