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

zw2004

<style type="text/css">
+ t+ Q3 i+ o, ?$ ~! f/ f  @5 a% P#supertext {" A- A) R7 Y9 [( N+ r& w& b1 J
position:absolute;
) Z- a3 K3 V7 q# F0 }  jleft:0;  m% F) a% P7 P+ J6 Y* G
top:0;9 Y: l; r2 q$ a# N( T6 y
visibility:hide;* }; t" _+ }, V+ O4 b7 E
visibility:hidden;
3 x! u; W+ ]8 K8 G}8 @: [; l- s$ Y
</style>
( l5 ^3 F) Q8 \/ Q<script language="JavaScript1.2">( V. M/ q( ]1 `' E: t5 {
<!-- 改变下的字体的大小。颜色-->/ r# A$ M- ~* U) z8 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ g% W) l$ z, o9 _/ t7 u
var hidetimer='';  o( [9 G" I6 I
<!-- 改变下的弹跳速度-->
! T$ k& ^* s. G; A+ kvar BallSpeed = 20;
! r- _2 q( g% |* W& \8 q% Pvar contentWidth;
+ F' E% w6 S) K9 p1 Y" {) rvar contentHeight;0 m  \& s9 M2 @8 i
var maxBallSpeed = 50;
6 m4 r8 ]5 \0 x" z8 f, ]1 }' A$ O( S' g9 _5 T( n

, @! e. K3 W  u" B/ H+ k5 t2 ivar xMax;
5 ]. H4 ?$ L8 @4 svar yMax;; B( C8 A3 I$ N" f9 P3 j+ D
var xPos = 0;
4 i' {. o- j& Z  Z. c+ D  X0 Q) p; Q) fvar yPos = 0;
( C* L' A* M3 [: D8 pvar xDir = 'right';
  i7 I8 Q& H9 K0 Avar yDir = 'down';3 g, Y1 {3 E2 _
var superballRunning = true;* r: p9 z+ w: Z1 U
var tempBallSpeed;
" W8 E3 K" a* `3 \5 w5 U/ h  @" R! s$ xvar currentBallSrc;
+ Y+ `% r6 N* mvar newXDir;" ]0 Y5 s& g0 m
var newYDir;
  Q+ L9 L: O6 I$ j4 I1 j# f3 x4 o
0 i: Z0 {) W: w  e+ G. E$ V6 b0 Kfunction initializeBall() {
9 l/ P! t3 x. p! j" I! e   if (document.all) {
& U/ K/ Z5 J  E/ G! T      xMax = document.body.clientWidth
9 r( _( a, q! X      yMax = document.body.clientHeight" W" p) b. e9 z; n0 L- u/ @6 r" ~
      document.all("supertext").style.visibility = "visible";! A5 x! o* I. y7 b) o
      contentWidth=supertext.offsetWidth
, N; s% l3 @0 n      contentHeight=supertext.offsetHeight" g0 |, ~0 z/ ?  |  r
      }
. d/ M8 W3 J% Z3 s5 ~0 W3 W) H   else if (document.layers) {* y4 N# _5 ]% ^' H9 J; x
      xMax = window.innerWidth;9 N0 B9 H; s8 P0 i9 Y; f; O0 H' {2 \
      yMax = window.innerHeight;4 r  X: s% g# v3 m7 d% D$ k
      contentWidth=document.supertext.document.width
4 u* m# g3 l  A$ _/ K8 x2 q3 ~      contentHeight=document.supertext.document.height
- u- @. K* E+ N' `      document.layers["supertext"].visibility = "show";
$ k! Q* ^0 S7 p      }8 f4 ~5 }6 s+ z6 Y6 q. I9 O# ?# c
   setTimeout('moveBall()',400);0 `: l5 M6 Q9 J1 V# o, G$ P
   if (hidetimer!='')$ e( M2 D+ p3 C( k7 U" N5 I
   setTimeout("hidetext()",hidetimer)
# x! m6 Q( J/ N3 u/ _& {4 w   }
, Q" e- b/ n# h1 D
7 j* ^5 @. G0 u8 k- W- ifunction moveBall() {
6 J# u& H. P* U0 N) ?   if (superballRunning == true) {
3 f! m( H' k# P( S* n      calculatePosition();+ F" t/ p3 @' o
      if (document.all) {
. K5 O* A! U/ h         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 {0 d2 P  U, W
         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ a6 Y- J! o- I1 `! P/ V/ J! G9 Y         }
& k, ]0 L- T# F; K      else if (document.layers) {
8 {& k  I2 _/ i         document.layers["supertext"].left = xPos + pageXOffset;
5 b6 q8 v; C& t5 N/ x         document.layers["supertext"].top = yPos + pageYOffset;4 S' V# T3 w0 Y3 ^) g' ~7 k
         }
# F6 E9 E& A% c9 J      animatetext=setTimeout('moveBall()',20);
' n* [* s! ^, X, e      }% U2 F4 s; l5 w& v, d, G' P7 M
   }
% N: o3 r' Y, N7 f. I" T1 y
( a) w8 T& R8 z5 c0 D4 V: cfunction calculatePosition() {4 M, G0 N4 {" ~* r  e/ }; E
   if (xDir == "right") {: B7 a, D- }3 V8 p9 j
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 o/ [( `9 @) s, v( m
         xDir = "left";$ r& u$ @. _$ Z  x0 [0 V" t
         }' h- t9 T! A2 S
      }
3 b3 Q) i( Y6 j( ?9 L$ g   else if (xDir == "left") {" \! e2 ?; w; ^( B/ u# c* ^6 x- W" @
      if (xPos < (0 + BallSpeed)) {
) z, n% z! V6 L5 P9 j5 e  R         xDir = "right";
* U# S. i0 b0 {. I, {/ E- |         }
" H% `9 j8 n  }8 E3 @      }
: y7 f; X2 _- E   if (yDir == "down") {3 o  a0 A$ D8 {0 {' L. J
      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 l! v0 O0 @; N/ L         yDir = "up";% J* R& {' o3 b" i3 G! t" }
         }1 D) G/ z* t4 |! H7 F0 i
      }
6 R3 Q; I  r5 b% O8 p& R& ^1 C   else if (yDir == "up") {
# E, L2 t* u5 d; M+ e      if (yPos < (0 + BallSpeed)) {/ M5 A: m( j) V7 ]1 H- B* A
         yDir = "down";
$ A" {: a, B) E/ m0 d# Z1 I         }% }, J! {) k* N* w
      }
3 H- t  H6 D0 k+ ~. ?) C3 i  T   if (xDir == "right") {- K% _! c8 F: p9 l/ A1 x( x
      xPos = xPos + BallSpeed;. X9 k: i" d- L) p. `, ^, I2 U
      }
1 }/ v7 N, t. E; _3 a+ ?8 E   else if (xDir == "left") {
" u9 M3 }- A/ Q% {      xPos = xPos - BallSpeed;& X6 Y7 Y! q) o$ n* d! J
      }$ o# z' Y5 x: p% K" ]  \
   else {. r- b" `+ w. g& ^  B
      xPos = xPos;
$ }( q! D) ~" U" S) j      }6 y- y+ [/ N/ y7 H
   if (yDir == "down") {
! r' f! ^- W+ B! W9 S/ b* }- }      yPos = yPos + BallSpeed;, }- V2 _. [- `+ z7 _
      }
) q1 X/ b; j. k4 k$ N1 G   else if (yDir == "up") {: ~" S. |* F. j% m0 U- X% s  M
      yPos = yPos - BallSpeed;
7 }5 E+ h& J; }3 {* l$ V: ?      }. k9 d- j; Q0 L+ q: B( }
   else {
% x- O3 J1 Y) E5 ~. M+ f5 |% K* D      yPos = yPos;
9 R, f! X  |# z/ x0 j, c  Q      }
- p. @. s4 ^3 m  D0 z: K1 ~( N6 N   }, s5 e$ X0 ~. l

8 Z+ G. }* e+ [- O/ a7 Yfunction hidetext(){  A) m2 V9 A6 L& L! \
if (document.all)2 _( |5 B  I9 ~: D
supertext.style.visibility="hidden"
5 y9 [0 N+ z4 t: {7 j9 \$ G: uelse if (document.layers)
7 ]5 R4 r7 t2 \6 s, k9 A" udocument.supertext.visibility="hide"4 J6 F+ D' g( z: t7 j# n
clearTimeout(animatetext)0 U1 y& B' ?; h3 k
}
) R& |+ @9 }& W+ D* S( I1 x1 P2 Z+ G( G! N
if (document.all||document.layers){, t* F  w: @+ n& o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# {: \/ V7 J, Z) ]1 r
window.onload = initializeBall;
! |" i' S$ }1 z- }# j1 b2 E* H, d! awindow.onresize = new Function("window.location.reload()");; b/ g7 B; }7 d! c+ C
}0 f, \% y* W1 u

. f* v7 i7 Y+ K3 t% W</script>