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

zw2004

<style type="text/css">
) h  ]2 q7 j, n, ~: |, G#supertext {5 {- g% V! F7 ~" m9 B
position:absolute;
; n( X5 w' u6 l$ y: @. gleft:0;- O4 x3 h1 t. R9 \1 C8 \, l( T
top:0;" W+ G- C  Y3 I: d
visibility:hide;4 a. `" w" K6 N% V+ ^
visibility:hidden;# a4 N9 j; }/ k, Y# J
}
+ a- }. p" N0 \! Q; h; Z</style>
, K: s9 }3 P1 G" p/ R<script language="JavaScript1.2">) _" a( P# t6 u2 L$ ^
<!-- 改变下的字体的大小。颜色-->
+ w7 z+ ^- A* ~5 _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! |  I* h  w! A/ D4 U3 K  q" Xvar hidetimer='';% p+ W: s; [) r
<!-- 改变下的弹跳速度-->% F, g7 l9 c9 r+ I' {. h) ~
var BallSpeed = 20;
6 {0 G$ ~; F1 g. g0 Cvar contentWidth;. Z' ~5 ]) H, t
var contentHeight;
9 k7 p/ [8 V8 a; pvar maxBallSpeed = 50;
3 s1 Y! b/ q5 F# Q8 F( B8 I
/ U  \% L; h: Z# k: q( p. @6 G2 s6 T+ V7 Z, H
var xMax;
9 ?+ D# F6 [/ l3 \+ Nvar yMax;8 A2 h' j2 q# r' G$ n: @! c/ d2 O& }" n! y
var xPos = 0;
8 g" p7 |  w: Y8 dvar yPos = 0;8 |9 v; q; {  \+ e
var xDir = 'right';" `( U) b- g1 E+ M# H; g: v  t# D
var yDir = 'down';
0 z& [! B/ M1 p8 cvar superballRunning = true;4 j0 R( W' y9 r" `7 N7 @4 k% n
var tempBallSpeed;
' ~4 n) b( `! [4 I$ T; ^/ L+ E  q6 Qvar currentBallSrc;7 ]* e: {' Q0 y& A# h+ L
var newXDir;. o; d1 b+ M# T# U2 U0 s2 I
var newYDir;
7 Z  y( V5 O* y7 s$ t: a. u+ o' ]# [! W
function initializeBall() {3 _; o2 n; O) V: {6 N  K- J
   if (document.all) {' z& X4 m8 s* }8 M% o" l: S7 J9 H. P
      xMax = document.body.clientWidth$ g  @1 u: Q9 U6 g7 v
      yMax = document.body.clientHeight2 R) V/ _0 M2 j7 k& G
      document.all("supertext").style.visibility = "visible";
1 o1 A, l- E) V% }# U. B7 l/ y      contentWidth=supertext.offsetWidth
2 G5 L' b5 L" ]( X8 N% p      contentHeight=supertext.offsetHeight8 P. c* c7 U3 N  [, N% G
      }
& f6 p) D2 O& }9 Y5 M   else if (document.layers) {6 J2 H. V& y& V% L0 K* B. L/ t
      xMax = window.innerWidth;
6 p5 F7 {5 g9 G( p: \" j2 m( S4 O      yMax = window.innerHeight;
; R7 e  `3 s% u! Y, t  h      contentWidth=document.supertext.document.width
/ m/ w$ `+ w8 l5 I  g' ^7 ^      contentHeight=document.supertext.document.height3 {; t* }9 M0 x1 s0 \
      document.layers["supertext"].visibility = "show";1 H! z) k0 c5 B( e- X
      }
7 Z( S0 b9 d/ c* }( f- K+ R( P   setTimeout('moveBall()',400);
' p0 x& A: @2 \- O# k/ v7 x0 Q* b' i   if (hidetimer!='')% _( J! B1 d- B2 \$ N% {% E9 D9 X
   setTimeout("hidetext()",hidetimer)- ^7 M: y, U$ m$ ?! Q; Y1 Q
   }1 ]8 G( b; L9 |- T& F. g1 j6 P7 @( N5 W
% y; ~6 x1 O$ q  ]: S+ V
function moveBall() {
! N# F# g  a; i3 |0 _2 x   if (superballRunning == true) {& U: b9 K0 Q1 s3 w# d/ j3 F
      calculatePosition();3 L: J4 B- t, l3 d0 E0 j
      if (document.all) {
, o6 J& _$ T! p0 r, f$ b         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' o. M+ m; m8 y         document.all("supertext").style.top = yPos + document.body.scrollTop;; e1 [* Q  O6 ^6 d* q5 B9 v
         }
, G! z; N+ a1 s0 X* _' y% ~      else if (document.layers) {
" g/ [2 Y9 T9 o0 R  E0 a3 _         document.layers["supertext"].left = xPos + pageXOffset;2 b) ^" f" h' L$ P/ `5 S
         document.layers["supertext"].top = yPos + pageYOffset;
# r$ X& |& ]+ J) h8 k8 E         }/ {+ _3 }* T9 x+ c  r
      animatetext=setTimeout('moveBall()',20);6 F% w; _- g1 v4 j2 Q' W. P& ~
      }! E8 T1 r9 K+ H4 S
   }/ y' c: o, L# z! c1 ^0 |0 i
* s! S3 {0 E. A. e3 y
function calculatePosition() {6 c; w& A% O: J$ L% S
   if (xDir == "right") {
$ g9 o& }  j8 m/ {! O1 T8 b  i* J      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 M3 v! R" s! O* \. E         xDir = "left";
, m5 I4 r) |% {; k, h  C         }
4 @5 M  p9 r! F& j; H1 \( O0 b      }3 s& M7 r$ P5 B. r5 C* [3 A, i1 j! q
   else if (xDir == "left") {; {7 F8 N+ Y4 T; E1 T- u
      if (xPos < (0 + BallSpeed)) {
/ k% K% ~9 M! l' Y: J2 }         xDir = "right";/ U0 n1 X( s6 k: @
         }
' O' u7 J. L- A8 f* t      }; m2 K2 N) d9 O/ P7 _2 _
   if (yDir == "down") {
7 ?1 W; ~/ @/ Q$ e( a+ \      if (yPos > (yMax - contentHeight - BallSpeed)) {4 J$ {5 L& P& g; Q* i3 p
         yDir = "up";# h( C- [% o; i5 p  J1 i; _
         }
2 f. R- l! O- E: e' f      }
; u; A4 Y' d6 @8 O+ ^  l   else if (yDir == "up") {
' W  }% |# Q1 F+ B      if (yPos < (0 + BallSpeed)) {
( v; n' f4 j( b# ~         yDir = "down";5 s4 @+ ]8 N; S/ D* a' R/ [
         }# T; w, b1 Y5 S5 k, Z5 ~
      }
( F# q7 g4 v0 K+ B7 Q5 L/ \3 y3 D   if (xDir == "right") {; C6 i3 a/ _: A1 o5 v: q! o
      xPos = xPos + BallSpeed;
  n2 |- ]# J: l- X+ H1 k- {      }
$ N5 A/ ~9 T5 Z   else if (xDir == "left") {
& G5 e, r; V9 z7 K  |; o      xPos = xPos - BallSpeed;
4 n. Z1 P- ~) n! k  r' X9 f      }
% o  t! t* ^, ~& x) ^, L( K   else {
1 ~: _% k; {' z/ n6 y; f9 M4 c      xPos = xPos;
( K% k  k6 Q7 a9 @9 S      }
5 I& v7 R, D: H   if (yDir == "down") {
! c, q5 K1 E# V# `' J      yPos = yPos + BallSpeed;9 C# n3 H; \* ?* c; C
      }* _3 x2 a  X3 a* m5 h: c8 d! L! s! G
   else if (yDir == "up") {9 r) L  Y- S+ O& a6 N
      yPos = yPos - BallSpeed;: Z7 S4 v! m4 N  A) x0 Z; Z
      }
# Q' r( p. }' x: W   else {4 s) D5 V- t% N% u
      yPos = yPos;+ i4 E: P* `% i
      }2 z4 K$ J$ R# c/ N9 C2 b
   }
7 p5 x( j  ^. E3 [' g$ I2 C" b1 r; @- N/ D) ?
function hidetext(){
5 |& s7 K4 U$ e8 {  W  z8 m' mif (document.all)
/ m# g  P+ \4 @+ n8 ssupertext.style.visibility="hidden"# ?5 N! h! A4 v& z
else if (document.layers)
% \& \( O/ U! n+ T& d% a# bdocument.supertext.visibility="hide"* V/ L; @& j; L6 @
clearTimeout(animatetext), j! ]6 @, r' R  c
}
, Z6 k  ~; b9 V% e
& \& B9 }3 X9 |if (document.all||document.layers){2 k, W8 H5 C. l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 u/ U& v5 O1 i6 @% uwindow.onload = initializeBall;2 P! @; d% d  v1 X6 c
window.onresize = new Function("window.location.reload()");# N( R& u& ~; j$ S
}
" C* o/ `: V& K; [$ u
) z! S4 y  |- e, ]</script>