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

zw2004

<style type="text/css">/ {4 O9 L4 s! X6 x, s6 y' `9 o
#supertext {0 }. G; `& g) v' W% Z0 l9 }: r
position:absolute;
* t- c. W* z5 i  Nleft:0;
7 x2 q" S) Y4 l9 F. ^top:0;
8 e4 E  ]& p6 A( Uvisibility:hide;
. _6 E9 }: g% f6 z" Fvisibility:hidden;1 s$ j* G. h$ }* @( y; Z  N! G
}
6 A0 j! d9 d1 m9 V# c0 c: L  @</style>+ a! F) K, k# x1 ~. B/ {
<script language="JavaScript1.2">! Q! c( ]  m' @. o: p0 R
<!-- 改变下的字体的大小。颜色-->! j. \" G) }  {. d' ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% y1 h8 f% f; i) B9 J- [
var hidetimer='';
) x9 L; z3 ^( _3 W3 X% t, ]<!-- 改变下的弹跳速度-->  Y2 e- Z/ k0 D4 |& P( L/ n
var BallSpeed = 20;1 [! A  N6 S* n: x
var contentWidth;
8 T. _+ ^) H5 F% _: U# t) |var contentHeight;
( w1 F2 v/ C9 wvar maxBallSpeed = 50;
/ ~3 r4 ~$ C, y# u' q# n% }( M9 w, P. ^1 S( N
. N0 |5 s" r6 M1 N; ^. a
var xMax;. u) O* z+ r0 C% [0 B5 P# L
var yMax;7 S4 Z/ p% I) j1 ~: M& F& I, o
var xPos = 0;# w2 s% O+ ^* p7 t. b3 W5 T6 G3 V# R9 o
var yPos = 0;/ }6 g4 Q2 `, z7 H
var xDir = 'right';
' Z: c( l% _8 [* m2 g- E! |var yDir = 'down';
* i. j; k& ~( avar superballRunning = true;
* k0 `6 Z7 A' m( B; M" d2 jvar tempBallSpeed;
+ J$ z, u, S$ Svar currentBallSrc;. k! A" H0 H* i" D
var newXDir;
# @9 J, [" @. z+ o* Nvar newYDir;. D- E3 t* ~& T# T

) X2 P* C0 O' L4 ]  wfunction initializeBall() {: S' y2 i2 ]: ?, X+ }" b
   if (document.all) {  r- l5 j4 S+ Z  }8 @4 z) v
      xMax = document.body.clientWidth1 X3 I( f* G  W
      yMax = document.body.clientHeight
1 w- R5 F# K$ i      document.all("supertext").style.visibility = "visible";
/ M: `. R; I6 m6 i" {/ R      contentWidth=supertext.offsetWidth$ ^! O: i# D  U
      contentHeight=supertext.offsetHeight
* s7 ]8 B) x  j) {. z# U      }( O2 h0 ^4 S+ I- s6 H8 S, f
   else if (document.layers) {+ ?/ ?/ O! h/ e( g: P7 N- J
      xMax = window.innerWidth;0 i, E# E% m! T0 l# Y9 e
      yMax = window.innerHeight;( c; k- x; J/ a# ~0 D
      contentWidth=document.supertext.document.width
1 N" O# e' S& v9 z( e      contentHeight=document.supertext.document.height: o5 b, o5 g- P2 |' @& _
      document.layers["supertext"].visibility = "show";
+ v/ g* G  r( t' V0 e      }
# ?: u$ F7 j+ c" y# o: q   setTimeout('moveBall()',400);$ Z, g4 }" `) w: y
   if (hidetimer!='')$ x" y0 I3 t6 A% K: S$ D6 {
   setTimeout("hidetext()",hidetimer)
' k( x5 r8 t; m( ^! H! g6 L: |   }
# z' g/ j0 I; Z; w# W4 N' l) x
+ y$ R. `2 G! a! gfunction moveBall() {
% w8 r" p: d/ _" r6 v( L) L: S   if (superballRunning == true) {
, E2 w- F4 Y3 I9 t) L      calculatePosition();
5 U3 R* p' p  P8 c  I      if (document.all) {
; u) V3 o4 j; ?# G         document.all("supertext").style.left = xPos + document.body.scrollLeft;: Y- Z/ W% ^# Y9 }2 X3 A& F
         document.all("supertext").style.top = yPos + document.body.scrollTop;4 f. n8 d2 g) P: ]4 j! `
         }5 ]: ?$ L  ]  z* ?: s+ \
      else if (document.layers) {
! R- }, A$ \4 J( F) _# w' D8 L         document.layers["supertext"].left = xPos + pageXOffset;
5 D! I8 U3 m, g4 O/ m         document.layers["supertext"].top = yPos + pageYOffset;
  H$ s8 O! @4 s  r: g         }& H) T- S$ Q2 ]3 Q
      animatetext=setTimeout('moveBall()',20);' T/ C! {% ?. z! @) r0 I. l6 r
      }
$ L3 ]6 P* E' d8 x; `" ?7 c   }
, }+ r6 S7 L6 p8 P8 A, v* q) |2 J7 X& X4 }% E! i2 |5 }
function calculatePosition() {  [5 s% T9 @4 S/ L* A" f7 S
   if (xDir == "right") {( e4 |, ~  H: \% ?4 u9 U3 G, W
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 H: V* A1 b/ I& J         xDir = "left";8 l7 A1 O  N5 z/ P( i
         }
1 O0 r; C: J; V+ b$ C. @      }
* G# r* E3 |& E5 i: a   else if (xDir == "left") {) R% I2 c9 r+ w4 l& k. x0 V
      if (xPos < (0 + BallSpeed)) {
$ @- \; G5 H$ k7 L7 q         xDir = "right";
6 H1 V" [" w, g% h" j8 z, l         }/ I* i8 \- |$ l/ e" h2 V% v3 _
      }% f3 s2 H: @& g2 w$ t; B
   if (yDir == "down") {
; n! o1 Z# ]! J- K9 r7 m- `5 u      if (yPos > (yMax - contentHeight - BallSpeed)) {
  d6 P' A" e. z2 w& ^0 _         yDir = "up";
6 Y3 s/ {# d7 P( c         }' b  u. h1 p3 T; E& a: R0 s
      }
8 @% v! O. Y: r: |! ^; Q: ^   else if (yDir == "up") {
. ~" t- z+ ~% k) [& s  \% {" }      if (yPos < (0 + BallSpeed)) {
* Q- g" l0 q/ S! p         yDir = "down";
% o* e, O2 C5 D9 F, @+ Q         }. T( I; U/ G6 e1 @1 X; s
      }3 k5 V6 S; Q) m* e3 a4 L
   if (xDir == "right") {
6 ?4 k- V  K" D0 R' E- p: t$ S1 G9 n      xPos = xPos + BallSpeed;
7 j9 E1 z7 |7 Z, L      }
1 p3 }: k' c& H   else if (xDir == "left") {. h6 Y8 h# v/ Y+ w
      xPos = xPos - BallSpeed;
* g' a" Q. l, z* j( N      }$ G0 x- P" s5 _/ }* \8 w4 R
   else {8 }/ B( p9 ~: a; f) k% }5 S5 b
      xPos = xPos;2 J) R. B  T& X. g% m1 p/ O
      }
) T0 S. h. ~8 \   if (yDir == "down") {
. [; Z! S) E  `      yPos = yPos + BallSpeed;' O, r. H1 D- ?! ?
      }+ G+ S$ W# Z" h- i. L) q) l
   else if (yDir == "up") {% L9 ~3 A9 s) x
      yPos = yPos - BallSpeed;6 Z/ f: M+ k% k& Y" [7 O: {
      }
- f8 N2 F$ Y" S0 o   else {4 ]9 N3 u) D) ]2 R+ x
      yPos = yPos;0 z/ Q6 H4 J4 F; w' n! O. V+ ^
      }: T% V3 _% {* \. R6 f
   }; M. s7 B# v: X, X- W. q* Y
$ c* V' l) D" E! H, ]6 R
function hidetext(){
9 X% ^  G! G1 a1 F9 |5 Xif (document.all)
( ^- ]2 \0 p8 {supertext.style.visibility="hidden"  v/ ~, b- q9 s2 C/ d
else if (document.layers)) x' K% s( L# J! c- c4 Q: j0 a
document.supertext.visibility="hide") K, k9 m* W, [* l
clearTimeout(animatetext)
; [: C; \9 x' `3 l- p. S}
9 [- G& Z) ], L
2 R, Y: D( p+ q  j+ hif (document.all||document.layers){' P" d1 N* M+ I* Y/ S6 {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) C% x) B3 L: [6 u  Ewindow.onload = initializeBall;
2 O# V3 o0 g1 K( zwindow.onresize = new Function("window.location.reload()");
& m: a8 C. ?0 O}
4 @& J$ i" a- v1 M$ G: u$ P5 r
. ?: ]) D5 ~& q* k</script>