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

zw2004

<style type="text/css">% P/ d& k. c* x, a" {* s  M
#supertext {
' a. q- n5 C! X' x9 R* ~position:absolute;
8 B5 J! o# e2 K7 h7 Jleft:0;
9 \6 t! t7 X- I; i( y9 {top:0;( ~7 q7 e+ d; w. Y1 Q
visibility:hide;
4 V; m: h+ C+ c$ W. b; `# uvisibility:hidden;& @% d' v/ _1 ~
}
8 T3 n+ V- p0 {1 Z</style>7 L# u) ]# d4 |3 \+ l1 y
<script language="JavaScript1.2">
; S1 q6 j- l4 P4 A$ a' U( c<!-- 改变下的字体的大小。颜色-->
( D5 p0 y5 z" a& Y' A  Z  ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) r9 L* N& k6 K& A! rvar hidetimer='';( @% j/ c7 d7 `) H: t. e, y
<!-- 改变下的弹跳速度-->0 H$ g5 u; v- [* d$ a. v. f! I7 x
var BallSpeed = 20;
. g' f: {( M! }9 d8 K% ?var contentWidth;
) b; P9 h  m( e* d, I" Z, B( \var contentHeight;$ V* R7 @# A! P) J  B
var maxBallSpeed = 50;
" k, ]3 ?) j2 ^; h. g* J, f9 ~; A8 O

0 i/ M# D$ ^9 K( I; Fvar xMax;
5 \4 r8 u- t; [' u2 G8 Tvar yMax;( ]- A; x( O5 S/ E  ~' N$ \1 R
var xPos = 0;
& c  K% \2 @! h3 Qvar yPos = 0;
5 L% z% i- ?# I1 P; A" [* ~. fvar xDir = 'right';6 Q/ w) K- G  K
var yDir = 'down';# e! L$ v4 Q, @" t% p) ~. i
var superballRunning = true;
# H) x5 o; b  W/ F4 L1 tvar tempBallSpeed;
  |# ?+ T; Y& [# d0 mvar currentBallSrc;# W; _' A4 ]  ]/ k5 s4 }
var newXDir;  i$ H( e" {# m1 w. ^2 U
var newYDir;# ^" D, Q7 y- l% p6 J& M
/ W  w9 X9 i7 R, @
function initializeBall() {
9 A: |* i/ q4 ?0 ^1 E2 n! M   if (document.all) {8 C1 H- A/ `  }$ j1 v/ w
      xMax = document.body.clientWidth
# U! G9 _" K. x6 Y9 A# e      yMax = document.body.clientHeight' R  t+ G( t9 m& c* C
      document.all("supertext").style.visibility = "visible";  I% ]. c& O% }
      contentWidth=supertext.offsetWidth
# @  f+ ]( @1 A# R  Y" |& F. `      contentHeight=supertext.offsetHeight
8 j' H* U# b' X/ O      }
# T+ W! B0 m7 x8 ]1 L   else if (document.layers) {" m6 L. r$ b2 S6 [
      xMax = window.innerWidth;; A% q; g$ x, @& S7 v
      yMax = window.innerHeight;  m. z9 y7 h& {7 N0 g5 M, I+ B) K
      contentWidth=document.supertext.document.width4 t, f+ ]! L( n/ r; l1 `, y4 g3 e
      contentHeight=document.supertext.document.height6 z4 V- f7 c' ~8 z+ |6 J$ d
      document.layers["supertext"].visibility = "show";
; y( B- w! R1 B1 s( c6 u5 V& W      }
9 Q9 Y  P! ?  i+ {   setTimeout('moveBall()',400);
, j; ~, a; h2 X   if (hidetimer!='')
+ b4 Z/ x/ q$ ^1 i# G   setTimeout("hidetext()",hidetimer), k8 J3 F6 h6 b
   }  j. E% V- A+ }
# n& L5 C/ I7 ~' y
function moveBall() {
  a$ m& G  I* V' k* J   if (superballRunning == true) {
9 @0 B- ~1 D) N$ {9 z3 f2 H      calculatePosition();2 h) r+ G+ l5 Q" R
      if (document.all) {
$ b$ t' l3 G, v) s$ e         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ L. b& q7 ?  J( ^% {" |         document.all("supertext").style.top = yPos + document.body.scrollTop;
) k* q  s; K" r0 s) N         }9 {4 r9 d( m( ~" V
      else if (document.layers) {$ s' [9 c0 a1 ^/ L6 M) r% S
         document.layers["supertext"].left = xPos + pageXOffset;: Y* I8 \- E7 T% C/ ^: }9 T* z% m
         document.layers["supertext"].top = yPos + pageYOffset;
5 V' p  _# ~) z- I# l2 |( L         }
3 Y9 e% I+ ^$ g  Q% W& k4 {8 ~) O      animatetext=setTimeout('moveBall()',20);
4 S, E# T% Y, D% K( l8 F- }      }
) x; b. w: g- G   }
: O: y: y- D/ X: E& }- r4 J1 P  y
function calculatePosition() {
% I$ ]$ B/ y' O# @/ O  ~* H$ p- ]   if (xDir == "right") {' @( M" E. i+ l; S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# X! I6 J7 v! Q9 z& B/ H! n  C         xDir = "left";
( S( |2 v4 d; }) G         }
7 y2 r( o; A- H- o0 r      }! H# L, E  b( B- x: G; u# X/ O
   else if (xDir == "left") {
1 y( W5 j4 b4 h0 k4 m1 m      if (xPos < (0 + BallSpeed)) {
4 g. R. I+ M6 Q  n         xDir = "right";5 X: [" u& Y: g
         }
* J) ?$ \  \: o0 l- j2 C2 s) {      }- R' Q5 p+ ?. M
   if (yDir == "down") {& j6 H# W  _* O! h2 X3 o
      if (yPos > (yMax - contentHeight - BallSpeed)) {# V: r! Y9 N7 Y* z$ g! V
         yDir = "up";
' T* k1 R6 T2 A- U- T8 D. X' Y1 V         }- u7 C" I! J; Y. ?
      }& U4 P( D- @  {/ C
   else if (yDir == "up") {
" a7 Q6 o; X) {& r      if (yPos < (0 + BallSpeed)) {
$ f; ?" a9 V" q/ z( S4 i         yDir = "down";$ A+ d! \' A! @4 U
         }
  f7 X8 M' y  u, l/ a      }, q" D2 [* ]# D! L- v4 N5 r8 A
   if (xDir == "right") {1 r- o7 `2 J0 t: H2 t1 d
      xPos = xPos + BallSpeed;
. r; a- \- A9 d1 T' u/ X7 T      }
3 }- ?6 j3 t; e" c5 s   else if (xDir == "left") {
0 `* C* |. [9 W1 J( [' x      xPos = xPos - BallSpeed;
$ k% g/ ~8 g/ e0 y      }
$ P0 o& g& s( G. E1 z   else {
# Y: E7 h! K. l3 w6 X" o      xPos = xPos;/ n4 R) G* v# o+ H8 S) {0 x
      }
. r2 [' a& ?7 i  L   if (yDir == "down") {
. o) t% p: i9 a0 C" q$ D) p( d" ~      yPos = yPos + BallSpeed;7 k: i+ X$ h. k  z
      }. G6 H( n6 z5 E. b4 |! L
   else if (yDir == "up") {+ y! f" y# k0 m1 o. s; ~' W8 v
      yPos = yPos - BallSpeed;- X2 t2 b5 s5 N+ D/ r2 f& O; y
      }) i  f6 g9 s5 O% a
   else {
) Z1 Y/ y) z; n      yPos = yPos;
5 J' b  u# c2 E6 l4 `      }3 U2 i" `- |6 `7 |9 ]& q; L4 H% \
   }3 j1 u# Q+ m8 F7 ^5 N8 ?
- B  A) e( G8 Y- U. _
function hidetext(){1 ^; Q3 \; c8 Y4 a
if (document.all)* O2 U5 i& D3 K% f% n  Y2 w
supertext.style.visibility="hidden"# m, q% I& m; C+ t$ j3 `
else if (document.layers)2 S" o  h7 e7 v
document.supertext.visibility="hide"
1 A7 P; i/ U+ z9 x9 g3 O- `clearTimeout(animatetext)9 L2 ^( [6 j) J6 G5 W( [1 o6 u+ n% @
}8 e- i3 b5 f1 v& k4 v

6 H, A! l% F. {, K0 T- w! r8 cif (document.all||document.layers){
6 [2 p$ ~7 v% C0 [3 q+ Q7 rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 G4 e' v% U7 K- @6 f0 p1 I6 S
window.onload = initializeBall;
  t: H: K: S+ ]4 ~, {+ nwindow.onresize = new Function("window.location.reload()");
5 Y) G4 ?1 T/ }6 v( k: E$ J}6 y. F2 F) H0 k- a

- Y7 r# l2 D9 W4 x# @1 p/ x5 k</script>