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

zw2004

<style type="text/css">5 L/ a8 Y$ W& i- e
#supertext {
3 `' C; v: d' h, yposition:absolute;# Q4 L( m0 U7 J: w0 d5 g
left:0;
3 _" K- k: R! p8 f1 T7 R7 H& \  R/ Ptop:0;& y1 I: I) `" H5 H1 G5 [
visibility:hide;
, O' l& P1 p7 S3 v8 B$ Z/ |visibility:hidden;& A7 b" H. e" N. }
}- N) M% `/ l  c  E! a4 _
</style>
, `. x; D9 D) y! I<script language="JavaScript1.2">
- c8 o9 ~0 J! A# m0 o% B<!-- 改变下的字体的大小。颜色-->* t; Z% O; d: c+ D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# c: B8 |/ o# X; s: A
var hidetimer='';: J" H: Z# X+ e$ x. F. ]3 C
<!-- 改变下的弹跳速度-->
3 W, W8 Z( m$ H' ^0 N/ |var BallSpeed = 20;6 P& ]4 j" V+ \# `
var contentWidth;
% \* I6 j; k- W" F# Q7 \4 y9 qvar contentHeight;
1 y2 C3 ~8 B0 _- F* Evar maxBallSpeed = 50;/ ^0 K& a$ d, e
+ [4 Z/ e# o/ q, D
5 v8 W. R' F/ P7 d
var xMax;
9 }( D. i% K6 |( d% I9 tvar yMax;
1 p" b5 N( H$ s" V$ zvar xPos = 0;. b7 x, e/ {( N  C, y) s  b0 t& E
var yPos = 0;
+ i+ I- p& n! m8 k  g& \4 U0 q+ V8 T3 }var xDir = 'right';* S5 x" d4 k: F+ ^' o
var yDir = 'down';
7 C  p$ L8 u8 zvar superballRunning = true;
4 X1 B! ]( a. F: r7 a2 n- ~var tempBallSpeed;- v; _! ?. I, g+ A
var currentBallSrc;, T* |  l+ C+ o( f+ g& j
var newXDir;+ \& T) f; `8 s" I8 x8 C3 M- e% z, Q
var newYDir;
+ y( A5 y: d9 n! h" L. T: I; T( x% \+ Q1 v9 F& D7 r5 o
function initializeBall() {
+ H' B" E5 I' V. r   if (document.all) {4 ?9 ^/ E' R+ T, U- @
      xMax = document.body.clientWidth
3 m7 \" k# B( G3 h( W9 q- w      yMax = document.body.clientHeight7 n) r: M( P/ y  x7 l1 Y- v5 T
      document.all("supertext").style.visibility = "visible";  t( {8 d+ S9 S- \3 u
      contentWidth=supertext.offsetWidth
$ ]: y+ R- G2 h9 k      contentHeight=supertext.offsetHeight6 x- _8 ^3 b% \
      }& K( n* C* G3 p+ C4 j7 F% F; G
   else if (document.layers) {
/ |$ t7 S7 _/ V( X, g* i8 J      xMax = window.innerWidth;' d6 F# E5 }2 l
      yMax = window.innerHeight;
2 }  o# p9 I+ f- t( N% J8 `1 ?      contentWidth=document.supertext.document.width
$ m( ~! x1 v& X+ C( F- H& Q& @4 |      contentHeight=document.supertext.document.height7 ~7 ^0 b6 ^- X* F7 m
      document.layers["supertext"].visibility = "show";+ d7 k' e1 K! m% j0 k0 @* O/ r+ f
      }3 h! g' |" |6 ]. t
   setTimeout('moveBall()',400);9 o/ Z) h7 `, o. E6 Y& F/ T0 p$ N! Q
   if (hidetimer!='')& j& q7 d0 G9 {; q' B9 V
   setTimeout("hidetext()",hidetimer)8 o) ~# d% }. n+ R" f
   }
# |# l+ ?% T( M# J* |# ]  X5 H3 M8 h: c4 t- ]
function moveBall() {: V" w" q' Q8 [0 I
   if (superballRunning == true) {
! @+ A4 T- J3 s1 s% i# g      calculatePosition();% G- p7 x6 E0 ]# o+ p. P9 o
      if (document.all) {1 C5 p9 {2 B3 p8 h* e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 R/ {6 i$ D4 S! J7 x         document.all("supertext").style.top = yPos + document.body.scrollTop;5 I- e1 {. Y+ G9 X# O
         }4 R, ^1 ~/ }4 I: C8 n
      else if (document.layers) {
$ t' }1 J6 Q4 I- T* Q7 h         document.layers["supertext"].left = xPos + pageXOffset;  r% d3 r8 r* W/ M' p, J
         document.layers["supertext"].top = yPos + pageYOffset;
2 [/ X3 y8 f, s. l         }
# o3 y1 E2 q' i5 Q- a1 x3 o. P      animatetext=setTimeout('moveBall()',20);7 e  C: h9 g( N* S  G& [
      }
" T" N+ U9 ]! I   }
! q7 N% j+ ~- K6 I8 u1 _8 a( i! j/ ~8 f
function calculatePosition() {
3 h: W/ Q9 \4 N3 ?- K: A) e4 V   if (xDir == "right") {
' ?% Q+ T5 r  E( l! o4 w/ {      if (xPos > (xMax - contentWidth - BallSpeed)) {" r6 p: H3 d& A6 z
         xDir = "left";
1 L/ E9 ]& K' H         }3 i. G7 l5 |! l& L
      }
: ]8 D/ G+ l' F2 T   else if (xDir == "left") {
6 c6 R+ @+ @- z      if (xPos < (0 + BallSpeed)) {
& S$ i" M9 G" I8 w3 p+ a         xDir = "right";
6 t) F' \  z% h* y         }/ L3 J) F9 j% ^+ b; |: B
      }
2 F1 K2 B# n% P7 m) S   if (yDir == "down") {
7 g9 g3 S2 H" T      if (yPos > (yMax - contentHeight - BallSpeed)) {: u( i. \7 T! p0 g, W# W: n6 R7 Y: z* s
         yDir = "up";% y. k: K$ ^  u+ f9 t2 S
         }
$ l, |0 e  G' }: F/ y# i  W      }$ G4 O* |+ e# Z+ K6 [7 M( _
   else if (yDir == "up") {
9 h9 ~- O; C! n7 B0 B3 D      if (yPos < (0 + BallSpeed)) {
' z: n3 [7 g" \; g9 g& a/ ^         yDir = "down";5 J! U+ M4 _8 E% }3 {: y# X
         }5 l& O/ g8 S$ F& v4 d9 Y
      }5 W) ]4 ?5 `& D3 i
   if (xDir == "right") {
" c+ [; `  v3 r1 D      xPos = xPos + BallSpeed;
* ^1 d9 C" i; g2 @; }      }4 N: x# \1 Q1 n& X! Q: g9 b" A
   else if (xDir == "left") {
% A$ [9 w) D) b2 `      xPos = xPos - BallSpeed;. {* H" S; w! c6 {, |
      }' f* k$ i" t$ l2 o
   else {
) V' r" m  A+ r( j2 B      xPos = xPos;5 Z$ j0 u, p& X% e* X: i8 P
      }
# Q8 e' k$ V! D" Y5 ]6 R   if (yDir == "down") {
$ U  n7 ^4 e+ r# }/ [: F      yPos = yPos + BallSpeed;1 v6 a: n$ U6 b1 [8 p3 G0 _' A/ k
      }
: ]7 @; }9 {, P6 w( O: c" U   else if (yDir == "up") {
9 b' ]  n' e$ t/ K/ B/ G$ P9 r      yPos = yPos - BallSpeed;" N! h& w7 n# E# q( S6 \
      }! K0 z/ X+ ^$ \& E' ]
   else {6 g5 U2 @4 }  R
      yPos = yPos;, J! ?* p. d- X1 [$ O  {
      }
% P3 U  R6 w) J- {% K   }9 J8 T0 E  ^  t$ Z1 C4 n1 a
* g+ [" O+ w. @
function hidetext(){
) Z4 p* }, f$ Pif (document.all)
% {- P( v+ H, X2 n% Osupertext.style.visibility="hidden"/ n' N8 ]# H' p1 Y4 b& V
else if (document.layers)  t& O# H0 J0 D, k$ k# m+ q: f
document.supertext.visibility="hide"9 p6 x6 T! f: Y
clearTimeout(animatetext)
: ?: R2 v% t7 X}
& b4 H6 n7 Q/ O3 W; H
( S0 n& k& Y# x0 I) Yif (document.all||document.layers){1 Z9 F2 l" Q& J8 W4 I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ W  o8 ~7 K( O- U4 `window.onload = initializeBall;
% l: ]! O6 f/ @5 Y; r' uwindow.onresize = new Function("window.location.reload()");+ i5 Y. \% B8 b' v# r, P
}
2 Y  w8 d4 c4 J: l. q/ i
  W3 ~  s6 v& H3 \& i! b9 d</script>