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

zw2004

<style type="text/css">/ R# L, }( T- R: ?/ W
#supertext {
2 |, ]$ L' N2 n% B' rposition:absolute;1 Y3 s8 x2 Q" D* z# ?$ F, i" p, Z$ |
left:0;
7 T. {7 O) N6 V, E( U. k# Ptop:0;$ W2 I: n; t$ f) [& c. e
visibility:hide;0 Y- x0 F! R# [
visibility:hidden;' H, X( a+ e" o9 B4 S' C4 Y
}* W9 [1 z& N, F1 G7 I
</style>
- I5 h: e( ~) Q+ e4 @2 U<script language="JavaScript1.2">; V1 b$ j! W0 S8 G
<!-- 改变下的字体的大小。颜色-->
- @% a: E0 I, A( v6 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 L% y4 x& j4 m! Pvar hidetimer='';) a1 K, h+ H" \* d/ \
<!-- 改变下的弹跳速度-->
$ K/ }8 `5 G0 S" pvar BallSpeed = 20;
% z; }; U0 R8 }( k- d) }var contentWidth;
" w& ~1 ?$ N3 S  wvar contentHeight;9 a2 `% ?9 U9 @4 j
var maxBallSpeed = 50;# v# l* L) k3 i8 m; z+ z! }% |, T5 E
3 ?; P* D6 H* G( G2 i
& y4 F* _: d+ A) G+ v
var xMax;# L' B/ f. [3 m* B7 {/ t5 n
var yMax;
6 S7 J# Z6 R3 [! {var xPos = 0;
  }+ w8 j6 J% svar yPos = 0;! h" }6 A- q" @2 T8 j
var xDir = 'right';0 K( m- h' |# @& T2 \9 Y7 Z
var yDir = 'down';
& @' W) X$ X1 ]( tvar superballRunning = true;) a) a- y3 O0 @$ Q& C( W  }
var tempBallSpeed;' h* j" P1 j7 h% j+ v* P- e  c
var currentBallSrc;
/ a4 E8 R1 h- y# {var newXDir;
' c/ g8 X, P- lvar newYDir;
  D5 I$ h9 S# D& y" N# c- d9 A$ q- l  V
function initializeBall() {" S8 M2 L, P' C8 G5 ?- A9 |% q7 X
   if (document.all) {( ?7 o# P" V1 P- i# \2 e
      xMax = document.body.clientWidth; Y" N: h0 _; V" |6 G0 D
      yMax = document.body.clientHeight- p+ T+ ~7 E4 g# e$ M( g
      document.all("supertext").style.visibility = "visible";5 \% M$ X1 v8 Z3 r; e. G; p: j
      contentWidth=supertext.offsetWidth
7 g& d& V) R' E  ?: n1 E" A, E$ ]      contentHeight=supertext.offsetHeight
$ a/ Q. g- N) u% L' l5 ?2 X      }
: e7 a: n% P9 @4 k   else if (document.layers) {
' e& n4 h# u6 Q8 {# L      xMax = window.innerWidth;
: W0 D! ~* y* n6 V  M  }      yMax = window.innerHeight;
6 q+ w  d- b$ D# t      contentWidth=document.supertext.document.width
" y4 H% O! J: n' L      contentHeight=document.supertext.document.height4 p% M0 t8 ?5 d. G
      document.layers["supertext"].visibility = "show";0 u! |6 s4 R  l6 v% _) z- `, k
      }# n& |1 w3 K% `
   setTimeout('moveBall()',400);) j' w( [6 @+ x' C
   if (hidetimer!='')
. W7 e: _! Y! d6 l' k: W/ t  i   setTimeout("hidetext()",hidetimer)
1 j& [- l/ @( C; ]7 m# r   }
6 B" C8 B0 L9 A* v2 V7 z9 r; j4 E3 P8 P' x, T  W7 J; n' M
function moveBall() {! V' v; u8 p3 j; q
   if (superballRunning == true) {
* S7 X6 M$ o" R$ E) _- R      calculatePosition();
$ C, J7 x3 S" n: G( p$ D( t% f      if (document.all) {
! z* {5 W. O: C  ?) R8 e, |         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ r" r# H+ S2 U/ }6 J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: ], ~9 @( c2 J. q0 X         }( q( ~* W5 R1 ]. B! [9 L
      else if (document.layers) {
* b4 Z8 X4 w" K4 v/ y3 ]! X/ z         document.layers["supertext"].left = xPos + pageXOffset;
) O( i* e, |. j: Y$ z7 H. K$ ~         document.layers["supertext"].top = yPos + pageYOffset;
6 _/ t, B# ?% z3 {! x         }) I4 ?% X  r4 ?4 `$ A. C! k# M
      animatetext=setTimeout('moveBall()',20);
- [- S3 u7 z. w( g      }
' P) X  l* N" H$ x2 B2 q0 V2 {. n$ {0 c9 o   }
, B( o: _- \& X" t/ c7 |. x
- x, a% v) M  ~6 @* R* r. Jfunction calculatePosition() {
4 Y' [3 ^: N& G: Y( y$ a0 ~   if (xDir == "right") {9 l7 R% a( z) W2 B( Z& W
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 {/ N/ v6 k! J+ s4 [# p
         xDir = "left";
" W, s7 j- y( J$ j: l0 c0 l         }3 e) H' ^5 N) _7 Y" }
      }/ V- |$ _# G/ Q4 K; n) H, A
   else if (xDir == "left") {
( R0 G- M9 c# |# V4 T1 d( }      if (xPos < (0 + BallSpeed)) {9 o3 P) x( Z# V4 v3 }& }$ O
         xDir = "right";3 r; v6 i) f6 a9 P$ w3 f2 b( _
         }
- \+ o" n9 Z! `* \: r+ |( z      }& C2 A3 h# R; R4 B7 g8 Q
   if (yDir == "down") {! r. d9 k$ T7 B/ A# `; `& b
      if (yPos > (yMax - contentHeight - BallSpeed)) {% H  G0 o- Y/ H6 ?% b0 b
         yDir = "up";
1 Y. j7 v2 ]  [  v         }; e2 j' c2 }4 a# g
      }
7 E4 I. x9 F/ z; P2 w   else if (yDir == "up") {7 h( G8 i+ r1 Z0 O; u" c; `. e
      if (yPos < (0 + BallSpeed)) {8 P% v; D/ b/ a; Z3 V) s! W
         yDir = "down";
  N, e" i( Z! B5 V         }
- Y4 i; ]# d  a) C, q  C& G& _2 A) _$ q      }
: y2 w0 B8 I/ T   if (xDir == "right") {& J3 A, t" t6 K' }9 N  J
      xPos = xPos + BallSpeed;5 b- w# E6 f# j& v1 d' J+ M
      }
8 |+ W8 h7 k0 _( h! ^" ]   else if (xDir == "left") {
. R0 y  e$ z6 E3 K+ Z3 a. C      xPos = xPos - BallSpeed;
1 r# c7 m: S% e1 ^% n      }
+ R/ [9 T" v; F- m7 K9 b8 E/ ^) o   else {  T9 H' y/ i  m% Y; b) ]4 U
      xPos = xPos;
: d+ y3 |+ {- y* P      }3 j) m1 q# A- }' G- m4 F
   if (yDir == "down") {1 y( N8 A, s) N! W. [4 _% [2 J0 N
      yPos = yPos + BallSpeed;# p3 v& E5 g7 v
      }- X9 t; V( X! f4 y6 T& i- x
   else if (yDir == "up") {
$ G8 X) h9 h; |4 t0 V1 K      yPos = yPos - BallSpeed;/ i. H/ f) s, K" m1 c* I7 D  j- l0 s
      }; F& }$ m& J; B  C; K% M" O, u$ H
   else {
  N+ b6 b- ]! q6 i# u( t      yPos = yPos;2 |% Y4 S8 @+ _2 f, e; o
      }
5 D+ n% ^* k* Z! n) I! e4 \   }9 _- H/ D0 d+ N+ s* y0 X% y* X2 }

5 t: |, p$ C1 d) `  Mfunction hidetext(){
6 k) p! o4 D6 A! h# ^& V$ Tif (document.all)' s+ M0 d5 o7 w* p$ ]
supertext.style.visibility="hidden"( H- P. ]) Z& f0 ^6 O: g
else if (document.layers)
4 k5 t+ B5 X8 f6 d: F0 edocument.supertext.visibility="hide"
$ @0 b' H5 g) ^/ |clearTimeout(animatetext)
( o# T; Z5 u4 S* z7 L/ G}
1 r# B0 }% _) h' n9 o( ^: S( C# A, ~, m; Z
if (document.all||document.layers){& B! L  t, i$ {/ K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): y" {2 {" Z. g, p
window.onload = initializeBall;
, T/ n: d$ C3 vwindow.onresize = new Function("window.location.reload()");
0 w( S' e( Y) P* r  M5 d}; u: O5 K6 Q/ v, q5 k1 i( i, h
$ g& w7 M( O+ m( k/ Z- [0 ~& m! f9 f9 p$ g
</script>