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

zw2004

<style type="text/css">
! L: Z/ s  M; ^& A#supertext {
% @( r+ M( l' s" X0 G6 F3 Jposition:absolute;
: l0 M% s4 S7 `- D- O$ Z. N! |left:0;$ b: T# v  _# l; [; ~) p
top:0;. H/ S  D# R% C3 l, e6 ?. W
visibility:hide;
& F+ W# n1 L8 I' g9 {7 ^! Yvisibility:hidden;# o, \% h1 Z. b% A$ \
}. d9 a( z7 F$ p$ ?3 z( R) J* Q9 [
</style>4 a5 p* E9 I4 d# a  l% _  w$ o
<script language="JavaScript1.2">% r' n6 u6 Y( Y: K
<!-- 改变下的字体的大小。颜色-->+ v. S* V9 X" m/ a( u8 J# y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' k0 n. \1 f" k  @; m" u3 |. n
var hidetimer='';
# |4 e& X% v6 K; |& s$ ]<!-- 改变下的弹跳速度-->, g( {; j' w1 ]# \" [- x1 ~# v
var BallSpeed = 20;
4 g6 E) c( C3 G& yvar contentWidth;
- |. f- j2 r  g4 D" ivar contentHeight;$ B7 ?; B9 D7 \- _5 O- m
var maxBallSpeed = 50;
4 \' d3 F) K( M. H2 P- p4 i3 ]9 d1 Z+ H1 q1 P6 y% m4 ]% s
& n% {$ {: u/ B$ |! m4 ?/ B
var xMax;
8 k" q9 S$ |: r8 F* r, Mvar yMax;
$ Y% d9 @5 y6 K" x' cvar xPos = 0;
# b$ g* B' T( n% g* k8 s; x: kvar yPos = 0;, s5 |) U4 d( `8 n& z
var xDir = 'right';+ B+ Z9 f. _( \5 B
var yDir = 'down';
4 b$ g. Q, @& I2 z  o/ gvar superballRunning = true;
$ S, b; B% g: M2 x6 H$ W. z, q7 _  Dvar tempBallSpeed;+ J) [: D: ?3 \9 [
var currentBallSrc;. ~2 ~& K' W$ U* h# B1 S8 D
var newXDir;
* O/ F$ h( ?7 R1 e0 Rvar newYDir;
$ [) b, \& b4 x. r7 o1 [( t1 L. ]6 B+ X) ]6 n# w
function initializeBall() {
2 J. E: _( j: l$ g+ I   if (document.all) {
, x2 l+ F7 H4 R, W+ M( U/ n! m      xMax = document.body.clientWidth' H% O0 N* Z/ v2 Z, \
      yMax = document.body.clientHeight
3 D* V' a! Z5 R# T: _) _* \      document.all("supertext").style.visibility = "visible";  ]3 P" i: v+ g
      contentWidth=supertext.offsetWidth% y- y8 s4 m' r+ S/ p* |9 @. @
      contentHeight=supertext.offsetHeight
& }4 c& {: y+ g9 g5 x* V. z2 G+ r      }8 ?& L0 M# I7 F: l* F" t; `) \
   else if (document.layers) {
8 ?: l" f' t" C      xMax = window.innerWidth;. m5 X- b8 U, G4 C9 V
      yMax = window.innerHeight;
2 Z# w8 Q+ D. c8 J/ O      contentWidth=document.supertext.document.width$ p3 }: V# [9 u4 ?8 A
      contentHeight=document.supertext.document.height
! _9 a; ~3 j8 w+ B$ m( f; X% x; {! D" J      document.layers["supertext"].visibility = "show";/ f- p) O- O" z+ }5 ^+ L, Z# J
      }, `; p) B- Z7 l/ z/ v. ~+ I
   setTimeout('moveBall()',400);
; W0 T9 G) j* M7 `' }' v   if (hidetimer!='')
$ B/ ?& H: h& @# e   setTimeout("hidetext()",hidetimer)
, A5 a+ M  c4 r% }   }
# F. {5 C6 I& P
$ n; \0 P4 ?: S5 v* {function moveBall() {
* F: i* Z# I; F2 f, b1 h   if (superballRunning == true) {! w8 G1 v, U0 |7 i+ C1 W$ I
      calculatePosition();
  ]2 J, G7 @  f8 V1 |5 c9 V& r2 ]      if (document.all) {, _" b( D7 b# z! W- k6 ~* i
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) g3 O& k$ e8 W3 l! N$ u         document.all("supertext").style.top = yPos + document.body.scrollTop;$ G# \8 a8 W! R1 x* q6 W1 Q) A( f/ y
         }) t# G5 A: b$ f8 [
      else if (document.layers) {5 d* g* K2 i: d3 R$ D9 v3 C
         document.layers["supertext"].left = xPos + pageXOffset;
& t) a6 `$ Q" ?5 y8 Q# d         document.layers["supertext"].top = yPos + pageYOffset;) v: k- o4 [6 I/ A
         }
* S) {( A6 P) m: c; t* `      animatetext=setTimeout('moveBall()',20);' R. P' ]/ o: d- o/ u4 z6 G
      }" L0 S; S& j) m& j9 @  I, W6 C
   }: D  j% c+ O8 f' i; {7 x0 K, m

$ [6 g6 k6 R. c, ^/ A9 W2 `function calculatePosition() {; ?( ?$ h0 [1 q$ `' [
   if (xDir == "right") {# A5 ?& j$ _. r5 E# a
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ G; R; j; S% y8 ^
         xDir = "left";
: \4 T, y$ [  A* ^8 q. }         }
4 v6 S' n2 Q9 @2 X      }
' P2 S; m' Y6 g7 y" W6 ~6 o   else if (xDir == "left") {
7 |) s1 \  q/ ~  m5 V      if (xPos < (0 + BallSpeed)) {
8 s4 x+ {" Z3 _8 M+ p         xDir = "right";
- N9 h  p* R4 C% C" ?8 N         }0 f8 |9 M! J# b5 a% L5 r" o
      }5 C1 t: B3 b( s  X: ?
   if (yDir == "down") {
1 p. g3 V0 g" b: v$ J      if (yPos > (yMax - contentHeight - BallSpeed)) {7 ]6 V# k8 }2 X
         yDir = "up";0 P4 g0 O7 x; `3 Q( E* i' L
         }
1 A7 A/ F/ t3 U$ k/ T      }
6 P: W$ ^+ c4 d! ?! _/ O   else if (yDir == "up") {
  R$ i% c" D6 W0 k6 I* y. M/ U) J      if (yPos < (0 + BallSpeed)) {4 F, s- _# C& m
         yDir = "down";
! I5 c! p/ f# r: h1 q         }. C  k# c/ ^& \; ^  {3 H
      }- I2 @! [3 o0 h: k& V8 r
   if (xDir == "right") {
! t% i4 E: O/ V      xPos = xPos + BallSpeed;9 o; q: G2 u' G0 S" I7 @, ~
      }1 Q! ^. e+ D) p- J! m! e
   else if (xDir == "left") {
8 W. p" m! [3 U- W! x7 u5 g      xPos = xPos - BallSpeed;
9 q" k% N+ _; Q1 f# ~  V4 R      }- |$ |7 ^9 V' u  g8 d$ A; n5 N
   else {) c5 E! `. E4 \2 e' q
      xPos = xPos;
9 p1 a8 m, u9 F# K- b# ^      }8 _, o1 d+ r$ P1 p! @0 S
   if (yDir == "down") {0 E! J  _# y8 [9 e2 ~
      yPos = yPos + BallSpeed;
" P& P- c4 J  l. j      }
1 H% f9 U3 t, C& s- l. P# \! F   else if (yDir == "up") {6 \& t6 e4 K7 q& Z
      yPos = yPos - BallSpeed;
: `2 u$ M/ w% U& J      }
" q' _6 @7 \8 R( e) }! q' t( E3 G   else {
/ {0 h" w4 B  x$ b/ I      yPos = yPos;/ {% G8 m2 H' p- r+ Z
      }
0 c. [1 Y5 s7 B% m: w   }' ?/ s* [2 }& t9 H4 C! p) F

4 K% o0 q) ]5 V: [9 d8 Y. Mfunction hidetext(){$ r. U# a/ Z# c0 t7 n( I
if (document.all)- H; U3 m: a# {+ X* x
supertext.style.visibility="hidden"+ M$ o( @! S4 q3 u6 @7 ?
else if (document.layers)1 h* x+ r3 c) k( M/ @
document.supertext.visibility="hide"6 y/ Q( n: |. X% }
clearTimeout(animatetext)2 @$ L9 T$ B' J& q
}" x4 Z% ?  V1 ~/ I! U! l2 t
$ V+ y" o2 ~6 e+ i& j$ F2 e2 `+ q% {0 U+ C
if (document.all||document.layers){
  g. f0 Z$ Q/ ]+ Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 U# \2 ~9 z: Z  X* v  Jwindow.onload = initializeBall;
6 Y  g, z: ~0 r2 E9 E- X9 wwindow.onresize = new Function("window.location.reload()");8 D2 h8 h  @0 P3 H, E
}
8 v! w5 |0 R# u+ r
% ^! q; G' g9 G6 |% k: y7 W</script>