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

zw2004

<style type="text/css">
" [7 x/ ]5 l% s* {/ e' ?/ D#supertext {1 p& X/ `3 q9 N# Z: L. d) D
position:absolute;7 S9 |7 |9 O/ H2 o- |; s" k/ B
left:0;
8 X& A; o4 s9 z1 J( c) n7 G8 I6 f- Otop:0;
( j6 P9 Y. v+ _/ m; E1 Zvisibility:hide;
! W0 M+ d0 e9 W  Wvisibility:hidden;
( u9 |! h; Y9 i4 {}% A" r8 \% Y( w) G
</style>
$ T$ J0 S9 g: V5 Y<script language="JavaScript1.2">
) J* h& T. K" C: C  N9 k<!-- 改变下的字体的大小。颜色-->, W: j9 y" [& j' d  b
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* w2 _) \* k! H. c' t% Bvar hidetimer='';
: ^1 w* q6 V$ E& B. d<!-- 改变下的弹跳速度-->( G( h8 W* [4 P5 |3 t
var BallSpeed = 20;7 f2 X/ F9 F9 L2 v1 }' @
var contentWidth;
' i! I( u5 a$ Mvar contentHeight;
7 \" @9 V, @6 Z# [/ k2 {7 B' Hvar maxBallSpeed = 50;* \5 I  r0 Q' l

0 A# e$ T* M/ k6 _' g, W5 L, r, U) c# Q
, L2 f- E& r1 O; o0 r1 m, Hvar xMax;) n' `  h4 C* U: F; ~
var yMax;$ v! t9 L5 p! ]- J
var xPos = 0;$ {# ]- x5 V5 n; {9 @
var yPos = 0;3 ?, Q0 f. o' x0 A  }* |, Y+ c% d
var xDir = 'right';' A& J0 N% i8 B$ c  w
var yDir = 'down';
5 g$ k) M* \7 F) A/ E: J& hvar superballRunning = true;
" A6 `0 D5 e' U- C" @8 rvar tempBallSpeed;
9 u0 i$ Y  d0 F3 a) j, @4 U( Y" ]" `var currentBallSrc;
& ~* n, n4 X- z9 K! e1 Wvar newXDir;9 I: E- m: `' {% l) J
var newYDir;
& n1 h+ k( R! E1 u4 {
) y+ f" G: Z: @, `2 q2 c* Sfunction initializeBall() {4 m( V( m  B6 B6 P. x3 j
   if (document.all) {- ~( `8 r& F7 X/ _/ S, i9 i
      xMax = document.body.clientWidth) j5 O& k7 R2 D; Q
      yMax = document.body.clientHeight
/ n" [$ N# ^4 x; u; u      document.all("supertext").style.visibility = "visible";
- o& Y6 j0 Z) T      contentWidth=supertext.offsetWidth
1 F* ]" E% Y8 _      contentHeight=supertext.offsetHeight3 @. U$ ^/ m6 t8 m$ \1 K0 Y
      }3 ^4 d8 e5 G  d+ O: [
   else if (document.layers) {# v. D9 p3 M* m, A2 D/ U
      xMax = window.innerWidth;
  @! `2 l6 |$ T      yMax = window.innerHeight;
0 w" {) _7 |3 P- o. ?  F) @3 r      contentWidth=document.supertext.document.width
( ], @& D# Z9 h3 [- ]      contentHeight=document.supertext.document.height7 h. p9 U% \9 J- H- Q; a! f
      document.layers["supertext"].visibility = "show";0 H( G( Y3 n0 {! [
      }
& f( A+ y. _' v. Q0 X   setTimeout('moveBall()',400);* L* c3 [& p9 b
   if (hidetimer!='')7 R  B9 }  `3 A2 N( x
   setTimeout("hidetext()",hidetimer)
7 H# p; H% j0 q3 o- W   }
& Q  o' ]: U) R( I0 f( k% F% p
" q' I& I# r% E5 S8 H2 @function moveBall() {
$ B5 C% o- S! y5 ~6 L* j  n   if (superballRunning == true) {) s- f$ _- o; X' y
      calculatePosition();6 x+ k2 p8 q8 x) b1 q# b( V
      if (document.all) {% H& o" h! M' ~- C* K0 C8 w  ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' \! O0 h( D( g4 _: O2 Q% d9 b         document.all("supertext").style.top = yPos + document.body.scrollTop;6 X1 n$ A5 E& u0 _6 l
         }7 |; ^% X' u4 [. R
      else if (document.layers) {
4 b  Y( o+ ~9 ~         document.layers["supertext"].left = xPos + pageXOffset;
, s3 d# I- q, |! l$ E( `         document.layers["supertext"].top = yPos + pageYOffset;
5 C3 A* m; o7 f1 w+ D0 R3 @         }( n, v. h9 V# ]: G, l' w7 G0 E
      animatetext=setTimeout('moveBall()',20);
0 [* A& ^, a) H, Y. r      }* k# }0 h( Z6 [7 `! @% J- a
   }9 p4 ]4 ~1 v7 u: u" n  X1 b# `
/ z$ B5 D+ n' V* j
function calculatePosition() {. V$ _! X/ A7 ]- Y/ Y3 g
   if (xDir == "right") {
" G. r1 r6 ~" m- ]6 H      if (xPos > (xMax - contentWidth - BallSpeed)) {
% q- R+ z! [4 L; p         xDir = "left";  X: ]7 N6 s, p
         }
; I0 p, d( e2 B8 K! F4 K      }
2 u* U' C' b% _! d   else if (xDir == "left") {
. R% y7 z( B1 E* Y% z* R9 J/ _      if (xPos < (0 + BallSpeed)) {! K! A7 p, q3 i) k  ~: x# D
         xDir = "right";3 Q) M8 T2 o! s0 t
         }: F( d: y4 @3 x* u7 S8 q
      }( E$ z$ P& G3 }
   if (yDir == "down") {
1 T2 d2 r$ R3 T+ u, ~$ D  w      if (yPos > (yMax - contentHeight - BallSpeed)) {
, A6 w3 O2 U  A' s0 l- R         yDir = "up";
. M+ R# E( T5 Z3 e3 X         }
& A8 @& a% w1 [& A" u' p8 [+ F/ I; t      }4 p9 n) |) s% P/ k. l
   else if (yDir == "up") {
" w& S9 j4 c6 V/ U0 u& l4 M: s/ U: w      if (yPos < (0 + BallSpeed)) {9 K/ z" I! B: u
         yDir = "down";
7 g- D  x7 e% |/ B: L         }4 n5 a) ?+ c' M# v9 X- A
      }: `0 Q1 @! F6 R5 r0 u% F
   if (xDir == "right") {. P6 \# q' j2 S+ x
      xPos = xPos + BallSpeed;
3 w; i: m  x) R      }
- ]2 X: i% Y  j8 d   else if (xDir == "left") {
1 A8 K7 L% ^4 J6 d( t- ]      xPos = xPos - BallSpeed;( D0 g( k- c5 f9 M' Q
      }
: K4 @- K6 u) J6 O! M   else {, n- |  P5 J# q8 @
      xPos = xPos;6 b4 |% ?' s3 @( T/ s
      }
  Q5 k1 y. g9 X& o2 N( ?7 B   if (yDir == "down") {
4 \' {4 H" F4 o5 M9 H# Y      yPos = yPos + BallSpeed;7 u3 T! U" ?" J
      }
' [9 k, I# X8 @. N; o; ~# [   else if (yDir == "up") {- u+ h2 Y, G+ U& g+ w( a2 T7 c, I
      yPos = yPos - BallSpeed;, p$ \7 M% M2 v8 T
      }
, Z( q9 A4 i' D7 b9 x0 l/ a! s9 z4 O   else {
) w! J1 C( [/ U* O5 i. Y- k6 f: ?7 C      yPos = yPos;/ E" j- f8 F5 k# l" H8 q( K% R
      }
) u, ?% v4 N8 L! [4 z3 X   }
5 _5 J+ K& `3 S( H3 i& w" ?( n& J4 d. j* I, U( f
function hidetext(){! N! F' p. p4 F4 O
if (document.all)
! e5 @/ V' C" z7 G5 }" V# \) Esupertext.style.visibility="hidden", Z  q$ k3 a; D0 S% R3 o" [% {
else if (document.layers)
$ n- C% ?4 M/ q8 ?; Fdocument.supertext.visibility="hide"
8 B9 G& x5 u& s! O# o" O. wclearTimeout(animatetext)
" n, e$ x4 R3 d! ^9 |$ U7 g! a}" O% a3 F$ b  m5 t/ Y9 a: M
8 B! A+ g( J% z5 G# K
if (document.all||document.layers){. _5 s6 c2 V. B6 D  w. q- q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: y  \( V0 Z4 e) _6 twindow.onload = initializeBall;8 p8 v' J2 x, p+ K$ a/ Y4 j
window.onresize = new Function("window.location.reload()");7 ^( X) G% F! z8 v# K$ d( \
}0 W) [. v, ?2 U
: P, {: C1 X+ _  t4 t8 h
</script>