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

zw2004

<style type="text/css">, J  I3 c/ u2 k* q5 S
#supertext {- m% Z% G) j! }1 T# Z4 e
position:absolute;+ \# @( ]/ X! m% l
left:0;
0 I- x( ?; V; t; Gtop:0;7 a. \* ^+ ~9 d( x( J1 a* U
visibility:hide;
" M; i  w8 m, d% F" C" t7 j0 K- `visibility:hidden;
- J. w, b3 F+ g# Z9 I}# ?6 K; }- b  l1 n! m
</style>& m+ b/ {( _! v
<script language="JavaScript1.2">
2 M  @* ], u4 E8 m1 k<!-- 改变下的字体的大小。颜色-->, j$ [9 B4 d: W5 Y: P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 e( q3 f( M9 t; Hvar hidetimer='';- x" F0 ?1 A7 {7 S1 a" U2 V
<!-- 改变下的弹跳速度-->+ m) J3 ?8 a! }8 y2 S
var BallSpeed = 20;
# ^! x+ w1 n6 r+ u1 uvar contentWidth;
9 ]7 B9 }  }2 q/ }var contentHeight;
9 C: a( V) d5 z* _% c7 Avar maxBallSpeed = 50;
4 f; D# V3 h6 ]6 S9 P
2 _0 K- e- _$ {* f
' R1 h1 U0 k7 @: h% [" O6 U  Cvar xMax;
/ z* x* G9 ]$ c3 u+ r, }var yMax;
! ]1 s: Y: a& T) c" hvar xPos = 0;
% v% K! |( {, J! b9 Y& N9 ]var yPos = 0;/ q+ x% y, @6 l6 z7 e& f
var xDir = 'right';
+ U& v- u# M" V9 [6 wvar yDir = 'down';
5 z1 P" J' ^. c3 F3 Qvar superballRunning = true;
! b* ?" ~! V9 |2 Lvar tempBallSpeed;
- \* o4 Q9 s% xvar currentBallSrc;
8 G7 y+ d4 O* w% h; Z' f8 P. Ovar newXDir;5 d0 J. d6 n! Q" M8 Z
var newYDir;
* p) G* |) M% r2 }4 Z0 K7 {* Q/ G% Q
) k7 s# w5 ^8 g  ^$ H' k- ?function initializeBall() {: \. V8 d+ g, W! B. x4 X- X4 V8 m: p
   if (document.all) {5 o) q+ x# P: O7 Z& p" L3 t4 y
      xMax = document.body.clientWidth
" ]5 a1 P- T7 c      yMax = document.body.clientHeight
( w& \& K3 f4 @7 v) F. e      document.all("supertext").style.visibility = "visible";
* j( f' w+ ~, O      contentWidth=supertext.offsetWidth! ^6 p5 ]" Z, S% M
      contentHeight=supertext.offsetHeight
6 D+ L- A+ ^. s1 @3 Z      }
. Z0 R8 p. h* d   else if (document.layers) {
0 \8 j. A, c) G      xMax = window.innerWidth;$ _& E4 m0 l8 P  \- h
      yMax = window.innerHeight;5 [& Z; o5 `' t
      contentWidth=document.supertext.document.width
  _- R& a  G! N6 h      contentHeight=document.supertext.document.height' y6 o0 F% c9 K3 N$ v
      document.layers["supertext"].visibility = "show";2 [* a2 d! f* A9 N
      }
8 c2 Z, c7 b3 g$ I2 _   setTimeout('moveBall()',400);
9 p; B2 V9 U* ?% F/ u; U   if (hidetimer!='')9 G6 u% H1 G+ j! F5 h7 ~
   setTimeout("hidetext()",hidetimer)3 h9 O7 S# ]; x, z# {
   }
! U9 u9 i' T# t' b( o* K* z7 O
7 T: p$ a7 X$ @4 m4 V* Z- Yfunction moveBall() {6 Q0 v" x1 z: n6 S9 Q+ [7 i: X# L
   if (superballRunning == true) {
  w2 ]8 ?8 A& k$ A7 C      calculatePosition();
& ?3 @1 [5 B! w( Y' y1 ?! s      if (document.all) {
/ E& w: E& h# L2 Q2 o8 Q' U         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 r; m5 J3 O" I1 y$ A% G% _: S
         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 S3 }" |9 c( n3 I) t         }
( w1 I" [. t+ H' V' h4 ~) o5 r) F      else if (document.layers) {5 l5 b0 V4 K$ {: t  q
         document.layers["supertext"].left = xPos + pageXOffset;
* X, |% [- X: K0 E& g         document.layers["supertext"].top = yPos + pageYOffset;8 E) b8 e8 g4 j/ b$ F- \, @1 d' L
         }
! t7 F, }4 ^& Z0 m0 W      animatetext=setTimeout('moveBall()',20);# P5 S# }3 |  l# M) ]7 H" C6 k
      }
1 g% q7 \- M* B1 |0 b+ C/ f   }* j7 w0 N" C# c/ t8 H( Q0 z
+ u* \  ]0 K4 ~; J5 j- L. X
function calculatePosition() {5 f( @' o8 i+ o* {8 ]4 m9 U
   if (xDir == "right") {
3 @& j% V. k# ^  o5 g1 ^      if (xPos > (xMax - contentWidth - BallSpeed)) {6 o9 [) z: Y4 i1 G5 O( g
         xDir = "left";8 c1 d4 z6 A3 r2 ~7 D, a- a
         }
' B8 w! y, l3 w5 ^8 l' t      }
/ z3 r( L4 S( t; ?/ Q   else if (xDir == "left") {
1 c6 _7 J6 k/ M1 ^3 H      if (xPos < (0 + BallSpeed)) {
* J- l6 K& [7 S4 E! [3 b         xDir = "right";$ J8 l& p6 O, {5 B8 H  Z
         }+ I  g3 u9 m& p- L! K
      }& k8 H" g: {) R* X5 [7 G
   if (yDir == "down") {
+ A2 ], t9 r% _) O( h% B, A      if (yPos > (yMax - contentHeight - BallSpeed)) {( a" S" x5 b8 L- U- t; d4 I( E4 k
         yDir = "up";3 c' P' }, y+ @* f6 I- z: Z& D% k
         }
! |: b1 o8 ]8 p% b: j9 j+ ?      }0 X3 h9 u; s& S( Y" }7 Y
   else if (yDir == "up") {# S1 l% \- I8 t! D- g
      if (yPos < (0 + BallSpeed)) {
4 ?8 |9 \. R; l0 w1 ]/ {! L* _         yDir = "down";
  \3 \% ^" H/ M* f# i# q2 W         }0 r; V+ ^2 E# b! r5 i: b
      }
6 |9 N9 ?( E- z/ e   if (xDir == "right") {
, Z  A- n; S$ T) i      xPos = xPos + BallSpeed;
# T* k: g; W* M# T8 c. M! O, x. a      }$ O5 t7 M  {5 h5 e& ]3 s& D! `
   else if (xDir == "left") {+ }( b: B7 m, C1 @+ W
      xPos = xPos - BallSpeed;9 d* @; e# @$ u0 k! V$ n
      }  C* h) a4 i( r# G+ d# _/ x% X! e
   else {4 d3 e8 y& D1 R8 M$ H! H* a
      xPos = xPos;4 d# n# Q* g( ?# K; B
      }+ T; Y2 l2 E, ~9 |- x9 p
   if (yDir == "down") {7 t# k! I5 l* \; j$ k9 Y5 p" _5 x1 H! |
      yPos = yPos + BallSpeed;
3 M4 [, x; X  Q/ k5 x      }  Z; m7 ^) ?4 J8 U$ G' n
   else if (yDir == "up") {
* g: t% f* ~& |5 C- k/ }' f      yPos = yPos - BallSpeed;
/ B* Z+ N' B- k' L      }2 ~: a& |( R+ r) T- K/ R$ m
   else {, J; c1 w' s; P% `& L6 k
      yPos = yPos;
; T1 m  c$ P/ n. P% F      }1 J9 f( ?7 M6 V' b# ?# m9 K5 b
   }
# h: \1 D" L5 B( ~/ d; X# G* `( h$ [  i: z" K
function hidetext(){& ^9 C9 n& l) B* S; a
if (document.all)* x* F9 D- P% ^% `
supertext.style.visibility="hidden"
3 x7 G- k9 K. V) }) N- B( xelse if (document.layers)7 b( S( _: J) }, e0 Y, Q% ~
document.supertext.visibility="hide"9 j1 E5 J5 r- F0 z/ n$ ~! n
clearTimeout(animatetext)
9 x0 J5 z7 E( k. X# q0 _6 O}8 ^3 M( J; k/ ^/ m: w3 M* j

( G+ ^9 o. _$ c  Xif (document.all||document.layers){3 g- r; p$ S: t( ^6 I2 B& p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( t  O0 P, d5 k  q: ]window.onload = initializeBall;  _. \! ?0 G1 O6 ?. ~1 z% N
window.onresize = new Function("window.location.reload()");
! B7 Z; f2 D; |! M* K( O2 l& R}
! g: ]& v) R: h& N7 |) i$ p! v
- D9 O& }9 K# i: C; T7 p3 \9 ?</script>