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

zw2004

<style type="text/css">
. {  k+ H- a4 h  t* o7 h9 X#supertext {) r; X" u$ Y) _$ {+ v" L9 f
position:absolute;
7 M- d2 e+ ~' \: tleft:0;
: w1 z7 [, H# F. m3 s( j" S, itop:0;
* O  S# L- t( u, P) p5 avisibility:hide;4 C. F- y8 h! Y2 \. @2 _  ~! z
visibility:hidden;
" ]# o; G/ A# s}
/ p# `  [" S: u8 r/ e$ U' k4 g2 n8 M</style>+ h0 i$ i7 x! H+ q. w* ~' Y; o
<script language="JavaScript1.2">) [' ^( L6 j9 l  S! X6 x7 ]
<!-- 改变下的字体的大小。颜色-->
" w) P% `. m4 H/ R9 F- J' Q+ w8 D0 q8 Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 p( k* K/ s  B' _" w3 Z1 ~var hidetimer='';
: ^9 j" I% H7 [<!-- 改变下的弹跳速度-->. l$ x5 R& Q: G9 R& x6 h
var BallSpeed = 20;0 K6 l6 ]) d( V% A! k9 O- l
var contentWidth;
2 N% O" Q( {" l& vvar contentHeight;
6 t" o/ F$ F) W4 R8 B" ?/ }# o' _var maxBallSpeed = 50;
7 s& c3 w  g: U0 p" Q
+ |7 B' f5 h, {+ b4 {. g% z2 X' O8 }2 v9 ]2 W
var xMax;
! f  }- m- Z% i% w9 ~var yMax;8 Y8 h1 f* E: B/ _
var xPos = 0;
& |8 g$ O! R+ y6 J8 f7 }7 t- tvar yPos = 0;1 h1 {! t* F3 `! ]+ y) [* s
var xDir = 'right';+ s. g/ X7 V) h9 @4 `/ D! F/ |
var yDir = 'down';7 R. B8 e0 R* z0 D
var superballRunning = true;
+ f: q$ W$ q; Y: q  L$ qvar tempBallSpeed;/ L- y! p8 o7 C# @
var currentBallSrc;1 f& L% R3 d9 W9 [( a
var newXDir;+ G. L/ S% u  I/ u* l
var newYDir;
6 D% N' x. {  ]' _
* b. g; C4 D1 L0 sfunction initializeBall() {
  W' R/ Z4 Z0 a* |7 ^5 d   if (document.all) {
& O: M' |  s8 j8 s  `      xMax = document.body.clientWidth- U/ Z* p% ?8 v1 [
      yMax = document.body.clientHeight% L2 J* U% M& p& o  C
      document.all("supertext").style.visibility = "visible";& ~: y; v# n# \/ n7 \
      contentWidth=supertext.offsetWidth
1 l  Y  ?! y7 u: [( U/ K8 T      contentHeight=supertext.offsetHeight
8 s0 f# Q0 t) a( L' t# C2 q      }' y5 b2 D9 F0 r$ T
   else if (document.layers) {
! ~: l  ~! H! s' d" L8 `: x      xMax = window.innerWidth;1 y+ ~5 l1 s% q3 b6 j) E
      yMax = window.innerHeight;6 p+ j5 ~, _& Q2 r
      contentWidth=document.supertext.document.width/ ^& L5 o  D8 X+ e9 M# H
      contentHeight=document.supertext.document.height: l' H9 @+ c) P" {6 c" h
      document.layers["supertext"].visibility = "show";
  I9 {9 V' U. D2 I      }' |5 _. Y+ J$ T7 v
   setTimeout('moveBall()',400);9 \; @" e1 K6 q  c0 C6 J
   if (hidetimer!=''); ?: f: r- i2 x* i8 q8 I/ a
   setTimeout("hidetext()",hidetimer)
8 ]( {- b  z% W# e& N   }& Y! F5 Y; @4 F$ ?' P  a$ [, O
8 c; x' G( [" @  L. Y
function moveBall() {
& X2 q; ^* M2 A, m$ }* j& ?   if (superballRunning == true) {
3 f) ^* v% e3 b) z- X      calculatePosition();
7 {/ p7 `2 Y% b+ T      if (document.all) {9 S5 N; [7 R$ m! m4 n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;: g" ^( a" P# |+ |) Z0 o6 y4 a
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 h+ z% l0 N, I6 c1 O) u
         }
8 [0 M0 r- r% n" H      else if (document.layers) {7 u& R, `8 z* f$ j, B# g
         document.layers["supertext"].left = xPos + pageXOffset;
8 H0 F: d5 Q; t6 ?6 W! L) X2 J         document.layers["supertext"].top = yPos + pageYOffset;! [7 i4 ~$ K2 L2 d0 z8 S
         }7 q* Q- Y9 x' f" m; \& L
      animatetext=setTimeout('moveBall()',20);: `- i2 C7 J: @/ a
      }: |6 _) F. g; d7 X; p- {" c
   }& `+ `" l8 c% W# z

4 B. K6 N$ \3 D' C+ V0 \5 U5 Pfunction calculatePosition() {
& z8 y9 ~$ c' q( N- d   if (xDir == "right") {
7 L& U( J% I% D. x      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ h* b& E4 s. Z         xDir = "left";, b: ]- Y# `# @8 E
         }
. V- J! e. e( }# Y1 j7 y      }
/ C7 r& z2 A! e' C% G. X8 E   else if (xDir == "left") {
: [; k$ U3 I* P  q      if (xPos < (0 + BallSpeed)) {& b2 \, }  }. M7 w, C; N* |
         xDir = "right";8 w% D+ }; m; e5 p, Y
         }
+ d+ X1 t+ k) F8 l' z      }. _5 U& e% c% g5 \+ t/ o+ k
   if (yDir == "down") {# u# m4 D* ?. e; |5 v% B8 R
      if (yPos > (yMax - contentHeight - BallSpeed)) {. j2 B& V  {: D+ u- f7 W
         yDir = "up";
! [3 N+ e. p2 a8 I         }+ b; X! |/ u0 g4 Z# G. e
      }
. [; L+ K9 N7 ~3 |$ C   else if (yDir == "up") {( m; k) f' ~+ g  J$ B2 n
      if (yPos < (0 + BallSpeed)) {- r6 j; C7 ^& U+ A
         yDir = "down";, Z# J. G4 E4 h* i( V4 }
         }
" u! g6 o, Y  ^8 ^$ K1 |' H$ {      }' K% I7 }) j. }. W; [; }
   if (xDir == "right") {' F" R4 t7 y) O5 F% h6 x# U0 ^
      xPos = xPos + BallSpeed;
% M8 B+ O, }8 u6 Y: a      }
$ D8 X3 }' h2 e' j8 X* G4 @( h   else if (xDir == "left") {
3 K1 c' T3 Q# {6 n0 \/ K( F, T& C      xPos = xPos - BallSpeed;
0 _0 p1 X2 d7 F! G      }
. r" E( R8 o# S2 I& \   else {
& z' t3 m* P4 E( {1 c' ^      xPos = xPos;
3 X) C, B9 Q4 E9 I- o; Z      }
6 Z( O7 X0 c1 P( r2 R   if (yDir == "down") {; g. {: B0 J' y/ a9 H& C" Q* F
      yPos = yPos + BallSpeed;
, a' ~( u# ^8 k7 {, P      }- [" y; W( o' D5 s8 Y9 l
   else if (yDir == "up") {
# h/ J% T3 r; C+ g) \4 u      yPos = yPos - BallSpeed;# M- M: c. p( K' s0 f% k8 }2 `
      }
* t# d6 }2 V3 |+ Z   else {
& F1 w# ]+ K& m6 d1 p- D( v      yPos = yPos;
* K% H* D$ j' e/ \      }! f/ g& S+ O4 P; h* c4 f0 j
   }+ Y! v  O& T& E% ~/ ~1 B! Z
) @9 v- J) G& M0 }- q- k" Z/ s
function hidetext(){% {( U- R! W& Q
if (document.all); [6 T1 \+ w" ^* x) q5 z! G
supertext.style.visibility="hidden"
; [1 m3 R, m' Q  u! ?else if (document.layers)! n2 O2 d/ d/ H' ^. W
document.supertext.visibility="hide"( ~( T" Y& M. P+ l( D: w
clearTimeout(animatetext)* c( X: J; j% N* V' k
}/ h" t- y' ]4 q

5 {) R  a4 W" D3 Mif (document.all||document.layers){. I" O+ h* I. V. H- F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! W& U6 x! _1 i, m% Fwindow.onload = initializeBall;
: c# ^1 f: ?: L( {4 \  _6 Iwindow.onresize = new Function("window.location.reload()");
! Y* l4 p, l  v0 {8 f; q}( n# C' b" A1 t( M
7 p5 y; d/ k* k0 ~7 n- E" l. k
</script>