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

zw2004

<style type="text/css">
$ ~. d' c$ z+ Q6 Q#supertext {% x* B1 P  W. f* V% ^
position:absolute;
+ {6 J9 l. t  L! dleft:0;) @9 V7 ^7 L2 Z2 K. R( l
top:0;
' {8 j* p1 P; Cvisibility:hide;: x6 R' C# F5 T1 H7 f2 y$ @  @
visibility:hidden;# b% k$ F7 [: M7 G/ s6 S2 F
}+ S1 I5 g& f8 i7 X5 u# ?
</style># c+ V" @; M; q6 i* k: o
<script language="JavaScript1.2">8 X- D8 C7 b' h) F, `
<!-- 改变下的字体的大小。颜色-->8 F8 `3 }; w' e/ Z4 z1 J4 i4 ]  Q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 [; ~3 @4 ?: s5 Y1 r; K
var hidetimer='';/ F' R2 B6 S. v. n
<!-- 改变下的弹跳速度-->/ z! v1 W; N* X5 x
var BallSpeed = 20;* U9 ^/ d7 P: Y" ~7 W
var contentWidth;
, J. X9 W8 M# l" i2 k% n7 y7 }var contentHeight;9 ^: y) M+ B3 @
var maxBallSpeed = 50;
6 |1 f, {. M6 V3 I) m3 g' [
( f( s* o0 z4 Y! D" q& r8 [$ n, Q# b( d- i: `- i
var xMax;0 _: i7 ?( T+ P+ q, Q; d
var yMax;! l$ ~" X4 r3 e/ P0 B/ b) ?% X
var xPos = 0;
7 @, K, G& K) r. _0 {* ?var yPos = 0;
( J+ B* V( |. O6 yvar xDir = 'right';
$ l, S8 }9 f4 t$ I6 Y0 nvar yDir = 'down';
. ]* H  x2 I7 o: \. m& ?1 ]( L0 Y, K! g% _( Uvar superballRunning = true;
& U6 _3 t& U, |5 Y, lvar tempBallSpeed;
& L& f+ a: e" Yvar currentBallSrc;
" A4 v: r/ o/ v. rvar newXDir;, ~3 J8 H1 W- @
var newYDir;* F* J& O0 x8 I3 F; |

- e' }; U* s* R4 ]) ifunction initializeBall() {# q. d# i/ h1 K6 G
   if (document.all) {" V9 H1 z2 u9 {# n9 |) e
      xMax = document.body.clientWidth6 }0 P' t& _& j- Z. ?" \1 p
      yMax = document.body.clientHeight: o9 d* [3 h2 q" w- m+ G4 a
      document.all("supertext").style.visibility = "visible";+ Y2 c0 o( C8 f# B5 {
      contentWidth=supertext.offsetWidth* a6 D7 r' v& B6 i+ @& W! l4 K) f
      contentHeight=supertext.offsetHeight
/ N$ M' x4 T; l' E+ X' m6 C      }
, S/ v8 h: Z) X# d; m6 D  y7 F   else if (document.layers) {" s- _- q- u" ~- [
      xMax = window.innerWidth;
/ @6 O7 D5 z3 m7 [- ]2 [      yMax = window.innerHeight;" N" x$ n2 O, S. V
      contentWidth=document.supertext.document.width0 b8 O9 U" x3 m
      contentHeight=document.supertext.document.height
( q  q: N- a( k) ]- W      document.layers["supertext"].visibility = "show";/ |, y+ V& O8 G4 U
      }0 g( c* |) x5 G% b1 A9 }. l
   setTimeout('moveBall()',400);
: x+ h8 ^+ {( z6 B5 s% C7 Q7 j$ X1 J' m   if (hidetimer!='')
# ?% E5 E4 T, L   setTimeout("hidetext()",hidetimer); c3 W+ J6 M+ l! U+ c  T, R# ~
   }  A5 N" G. a6 H8 X  q

5 H; _9 ?& s1 |+ |6 Y. {- l5 O( Vfunction moveBall() {' o! L9 b) L& {3 K5 v
   if (superballRunning == true) {
1 }' T4 ?5 [' c& _      calculatePosition();
& b+ F# f3 v* a0 j2 O: |  J      if (document.all) {
* C+ W* R1 |* T; n$ b7 s! E& Q- B         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& i) p* D* c2 }, Y3 I         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 y2 [  k: y% m4 Y$ O+ R) y         }
0 A9 `7 D; y  @% A" t      else if (document.layers) {5 m2 Q4 z$ w5 d5 ~. S% T* d( V
         document.layers["supertext"].left = xPos + pageXOffset;
3 K! L, e- ?1 R/ F9 ^- t7 O2 Z         document.layers["supertext"].top = yPos + pageYOffset;
2 H* \) h8 S9 K8 o         }* A+ v; E8 V6 g6 t# r
      animatetext=setTimeout('moveBall()',20);- c3 @2 h6 D: ?/ _) \
      }* y$ ~9 j& P* z1 ^7 k1 |# A
   }0 }4 k/ H# \4 i: E8 y* v& w# j
% W1 c4 ]1 Q/ [- w4 N& q. T& v
function calculatePosition() {
; L& m9 T4 y8 L/ T6 d3 m9 z   if (xDir == "right") {9 x. D% {) G. Q. J+ {% |3 q' M
      if (xPos > (xMax - contentWidth - BallSpeed)) {
  u! |! `6 u" N9 J1 s         xDir = "left";- J! I' s- t1 g4 j) z1 x- _- \
         }+ O" E4 l! x5 ^# ?% ~: m  \
      }
* p( j( F7 ~: P   else if (xDir == "left") {
& |/ y! f% `2 S; q      if (xPos < (0 + BallSpeed)) {9 d$ l7 l! Q- F' }* S  \
         xDir = "right";  a2 P% ]9 \% o) i
         }! V1 K7 E8 H( N2 l
      }
0 [; q# M" c- i2 D8 C# C8 o   if (yDir == "down") {8 b& A/ [- w3 }3 F1 x, @) J+ a
      if (yPos > (yMax - contentHeight - BallSpeed)) {% R( j+ v7 d. M3 H- b4 {& P
         yDir = "up";' A" }* j' k1 e: w+ m5 d
         }
6 f' d3 T- {! m9 x" D9 a8 `2 |      }
- y9 P. v  n$ L5 y   else if (yDir == "up") {! l3 V, Q9 l4 k7 y7 }, ~  o4 O$ |# L
      if (yPos < (0 + BallSpeed)) {$ @, K2 J, Z5 w- U' N! ?6 V# n
         yDir = "down";
6 a. \6 U! y2 W) O* B$ x         }5 u( o" M; z: g  `9 h2 N
      }
* ^' q5 F* d2 C( D5 T   if (xDir == "right") {
7 u- c/ ?" M* B% ]/ m+ E. t      xPos = xPos + BallSpeed;
4 e: C+ {, A! R! g; E      }
7 @! p; C0 t6 G) ]   else if (xDir == "left") {
* z3 V* M% U4 k0 d  D) T      xPos = xPos - BallSpeed;
# t; P3 i  D9 }" X; s. c4 M      }! V, S+ ?' S5 V7 N2 l% T4 M
   else {
# x7 D% p! H/ n) y* Z9 q      xPos = xPos;3 r% D. @9 O: s4 T& X' I
      }
9 F1 a  r0 |! C5 v! z1 u   if (yDir == "down") {
. n' i) m# M3 O/ S8 `' d      yPos = yPos + BallSpeed;
# j: A& r% s: n# u& m) A      }
% @+ @* Z" R; t& |$ m; S$ d   else if (yDir == "up") {
. t/ w: Q) ?+ D2 u      yPos = yPos - BallSpeed;) x+ E" ~5 ]" t& w
      }) y5 H( }6 `' n; |- L
   else {
; }1 U6 E( h' `9 W2 v      yPos = yPos;) c8 g% N& h  e4 z. h6 f9 T
      }( ]% ]3 ^2 Y# q( R# w" c( ~8 C
   }
- Q* X  _9 q: I% I# t/ q* |( M
function hidetext(){- E+ V, M6 i$ q- [( ~
if (document.all)6 I, [8 y# E4 g: d  y
supertext.style.visibility="hidden"' v8 X3 h+ C9 C3 ~6 B4 j2 S
else if (document.layers)# d! J4 c- ?) _3 s# G, o( L3 E
document.supertext.visibility="hide"
* U& v3 X7 t( v; f% t4 ]( F7 XclearTimeout(animatetext)
  s8 g1 k7 P  u2 K}6 v7 |' ^5 @* l- {5 i; c% ~* h( l

) w0 h5 `8 M, K0 F' Gif (document.all||document.layers){4 K( C4 |# f: f- F2 Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% _; P( H! w/ k7 qwindow.onload = initializeBall;; Q" b2 t& E9 T" B+ h. r' Y
window.onresize = new Function("window.location.reload()");
, t8 p/ P9 S" [% m6 M}
/ _3 m9 H, X+ ^0 F! z" W- i+ M9 _; D6 |$ @+ x. h) y9 r+ p  P( r
</script>