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

zw2004

<style type="text/css">/ ^' K( E+ U2 ^5 ^( ?7 ^
#supertext {" [  @% @6 k/ T5 P* x/ r2 J- S8 t* U
position:absolute;( m8 m' D: A* t' @
left:0;$ x- H6 K* [% z8 {, @' ?, k
top:0;
. M4 m; w1 U  V  m" Wvisibility:hide;
1 f  l9 O$ l- y2 avisibility:hidden;2 T, y4 [  I7 v" Q) P" R& G
}9 M6 s& W5 F, w/ ^5 d
</style>  z8 a4 N7 Q4 T5 i
<script language="JavaScript1.2">8 S) P% ^0 S& O+ b& ^, c, Z# k
<!-- 改变下的字体的大小。颜色-->
2 a0 m! E, b, Y2 ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; T" s. M7 G2 h2 c; j0 w4 rvar hidetimer='';
. W6 L+ v' F+ D2 v+ E" y% D0 U<!-- 改变下的弹跳速度-->4 k. H" }0 z3 E) `. M
var BallSpeed = 20;/ a5 q4 r$ Z8 z, Y% r& V* N( u
var contentWidth;
5 Y5 W+ D1 Q  w+ t  X( Yvar contentHeight;) H5 N8 V# U" e2 D
var maxBallSpeed = 50;
# M8 T9 @  Q6 Q9 o" ~- E0 K/ z) u+ v2 T8 |% p* f# R

! \5 d% Z5 R9 ~0 ?# r2 {var xMax;, F$ E2 J) B( w
var yMax;& D  a! N- _4 z8 m  U' `
var xPos = 0;
* {2 }! Q2 z/ jvar yPos = 0;
1 H+ h4 v$ M" r9 r. ^, ?var xDir = 'right';
8 c% J8 A* o( y9 c1 dvar yDir = 'down';
( f0 T0 p" o8 z& p3 A; Yvar superballRunning = true;
  |* F2 O) G) Z; ~2 zvar tempBallSpeed;
; a  }4 J3 f+ [% d% K. k2 pvar currentBallSrc;- K0 U7 @5 h8 M' @; u' m
var newXDir;
) {; N" W9 v: J7 o6 F* r: H8 Ovar newYDir;0 [% _9 \; @0 a: e& O# o- ]
( w# \! P3 u: c# c$ ^
function initializeBall() {, J: P& O  A. q& N) ]5 q$ k
   if (document.all) {# a6 @2 o5 Q- }! K3 q# q8 M
      xMax = document.body.clientWidth
2 X! g9 W4 |2 `      yMax = document.body.clientHeight, ^% t9 i, e, }3 t
      document.all("supertext").style.visibility = "visible";, B: U5 p  g5 t) k9 A) I2 D0 g3 L
      contentWidth=supertext.offsetWidth1 [/ N" l9 v: l( Z) Y
      contentHeight=supertext.offsetHeight
, R2 i1 v9 U+ c# C' ~      }
0 G( H/ {7 @+ I  K   else if (document.layers) {' x% r4 S# O# r$ m
      xMax = window.innerWidth;
' s9 m. y. H: L2 B      yMax = window.innerHeight;
, C7 _% ]8 i3 t" _/ o      contentWidth=document.supertext.document.width; x+ k8 [3 N2 J& f
      contentHeight=document.supertext.document.height( V, ?: ?/ {. [6 @- D6 N( p
      document.layers["supertext"].visibility = "show";
: n5 `7 {- _: Y      }  v/ n7 k; X4 M. C  G
   setTimeout('moveBall()',400);
% B% D2 M7 q) r& `   if (hidetimer!='')
6 A7 C  T6 X# }9 \- M3 S   setTimeout("hidetext()",hidetimer)8 I4 A2 a9 B5 J3 c1 G+ G) K0 {
   }& l8 p- }2 G  a3 j- l: a
% O7 g$ [# Y  l0 `
function moveBall() {
+ t0 c" W3 d' l  S   if (superballRunning == true) {( r7 _( {% p- L9 b
      calculatePosition();
* y5 w. D. \( ]7 d      if (document.all) {
5 ~# r7 n9 R! U0 \. P$ M7 a         document.all("supertext").style.left = xPos + document.body.scrollLeft;. s# T- t# |5 b, g, {  j$ r
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 j  p" p0 }! l2 F* w' h         }
' W1 B2 E7 C2 `  T$ i, G      else if (document.layers) {. ]& [! H9 _# r9 L: L) d
         document.layers["supertext"].left = xPos + pageXOffset;
' R# D" r  \8 E+ o( }  K         document.layers["supertext"].top = yPos + pageYOffset;
' @5 v7 M: E1 [/ f( q; k$ B         }5 U" r4 O4 e2 v- R- \# b$ U
      animatetext=setTimeout('moveBall()',20);6 N& l. S1 C6 h% y% C
      }" C1 X# u0 _2 t$ t  N6 n5 w
   }
' V6 B3 i, _5 }7 S% \
1 Z3 B; p( P" ^function calculatePosition() {1 y9 v! t1 ~! q0 Q" t" R
   if (xDir == "right") {; c5 @5 N0 n& P0 K! Q9 S1 ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {& b% b. s& g2 K+ o& Q: }
         xDir = "left";
7 [9 v# T0 L9 `, B9 Q4 e         }8 H$ w) h% |, o7 K( e  Q, ]* |  w
      }$ z) I, {2 ^4 C+ Q* n* z: A( Z; @
   else if (xDir == "left") {
7 y6 C/ Z; E+ t7 P# [$ x* s) O      if (xPos < (0 + BallSpeed)) {
2 R' O: E# \( N. \         xDir = "right";) A! g% v" a& M3 s( [
         }: k. U+ N. O' V, l: ?  s0 O
      }
: \6 A4 @2 i/ b% C   if (yDir == "down") {) X/ u3 P8 v. j
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: h, E6 Q- |9 c  f1 X* ?8 p) r         yDir = "up";* K: c9 x  T2 u, S
         }
' w( `( P; t; h9 c, v7 w( Z      }
, m" ~+ {" R1 h9 G   else if (yDir == "up") {- C% w. [# {. P, f0 M+ o: M5 r
      if (yPos < (0 + BallSpeed)) {
  t- D! N8 ?7 l         yDir = "down";
3 e( H  c" T6 `         }
0 V: \" W) M) I! R9 Z0 h      }: t4 B& d' M7 `2 E  ^
   if (xDir == "right") {% I# E9 B* R$ h% N3 V+ m0 g
      xPos = xPos + BallSpeed;
2 k8 N! q" F3 P% W      }
, o( ~# i2 W# H! d4 H+ x   else if (xDir == "left") {( p: D% r! [+ b3 N1 K) q2 p8 h
      xPos = xPos - BallSpeed;
, Z6 t- V* l, v9 q9 g      }% N! Z/ P) S, u+ U- f$ X( x  m4 c
   else {, F- ^8 q/ i9 w# L' j5 |# u) l5 p( c
      xPos = xPos;
/ F8 t$ ^: @" ]) m: u* ]% P      }
  n: J4 O. `' [5 j/ X   if (yDir == "down") {# m+ Z  [1 v. z  `
      yPos = yPos + BallSpeed;
9 S: L% P9 ]% A8 j" a6 \: [      }/ @  ^2 C! }& n" j4 X5 o7 v
   else if (yDir == "up") {; q  |( c# x1 z& i, D( u
      yPos = yPos - BallSpeed;6 Y5 p2 d' Q" H8 b' w* N3 q
      }) Z2 P' f# Z1 D' I
   else {6 M' M9 I1 S/ Q: ?% q: A
      yPos = yPos;- a4 I! m5 u8 A/ @! v
      }5 J: k/ u! H, S* Z! u, \- I
   }  k. u% F; @. @$ y! T8 g6 u6 c

) k5 `& V7 o% u; i6 q' B7 tfunction hidetext(){
: t8 u" C2 H' j6 ]+ ?0 b5 m3 ~5 Aif (document.all)
$ I9 C- _' ~3 dsupertext.style.visibility="hidden"
* `# u8 R3 E0 y. A4 ~) }else if (document.layers)
1 a: e) n* }! m) y: j$ K! S' v* ~document.supertext.visibility="hide") t2 Q- s3 b8 I. Z
clearTimeout(animatetext)
/ D7 ^$ x/ @) |* E' J. ~8 i9 m}! y$ K4 {0 ?' P% a; u+ q" x- a

% ?4 g5 U* C3 P( Bif (document.all||document.layers){( e+ t* W2 x+ `7 n1 P: X7 o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) v: F/ X; ~+ D- X, E2 Qwindow.onload = initializeBall;
+ Z. t  T% x9 Vwindow.onresize = new Function("window.location.reload()");
6 M* N' v% T/ _  e}; M+ U2 B# L  ?# ~
9 A. Q% I- B$ H! o
</script>