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

zw2004

<style type="text/css">
! p' C5 H3 P" w. D+ Z: U#supertext {
9 I1 B" g" Z5 f* F- N4 gposition:absolute;
  Y# g7 u/ U; N( Y% Hleft:0;
  B+ X0 Q! G$ a; ~( }0 n  ?top:0;" G/ c0 V: Y9 A' g0 J7 S) B
visibility:hide;% S6 u0 g8 `4 ]( ^8 ^
visibility:hidden;
9 \  c8 Q/ z( F+ L% W0 t. u}' h8 _' ?) `4 I1 c) N% M
</style>
  {; v9 |  W. X$ e' Z! W5 M<script language="JavaScript1.2">
" P4 y) X+ g$ a) N<!-- 改变下的字体的大小。颜色-->! v6 u: P4 x# P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 B. t$ Y4 K5 N: {) c; y7 ~# M
var hidetimer='';8 K; H$ N; y5 X+ `) C
<!-- 改变下的弹跳速度-->2 w, B4 ?# l& M2 D2 i+ }$ j
var BallSpeed = 20;
# M1 K4 T. [: _  a% G* vvar contentWidth;7 B! n' X7 K" d3 w$ ^
var contentHeight;
! o7 S8 ?: V5 p, M" v. Bvar maxBallSpeed = 50;
; |6 g' T/ U+ b, p2 x) `0 h1 l1 D6 f, v
! ^. Y' f" l0 B4 r, \! W: [6 l! ?
var xMax;1 c- m7 L" f& ]" P
var yMax;
$ W$ x3 R7 O* T8 S. Avar xPos = 0;
1 p. ?+ u- k/ \5 @var yPos = 0;. T4 P. d4 j1 _0 b1 `+ D! _
var xDir = 'right';# q! L0 p# N, K
var yDir = 'down';8 n; v" o6 G& x; a% i
var superballRunning = true;
  t- p0 r# G: l/ [: T9 y/ ^var tempBallSpeed;
7 G& k# {$ U0 T0 I' e1 ?var currentBallSrc;
% Z# L4 ?9 h9 d3 E. A# Q6 y7 Jvar newXDir;! U6 U* M7 s, G: y, x! F! c% `5 O
var newYDir;
; p; R- q, }9 Y4 q3 k. x5 i4 B+ w* ?2 l# M* t/ e; Y
function initializeBall() {
! U' K/ I9 b/ e% Z   if (document.all) {
, y( o0 a" B0 T1 l+ r7 i1 C4 a      xMax = document.body.clientWidth
- x+ U4 L' T3 v3 c- @4 }& [0 I! `      yMax = document.body.clientHeight" n4 @+ t; ^5 H. u7 ]
      document.all("supertext").style.visibility = "visible";1 `6 Y. m' h& ]$ \0 B+ }6 W, u( F& B
      contentWidth=supertext.offsetWidth" d1 o5 x* P  a% `! K* ]
      contentHeight=supertext.offsetHeight
- Y- b( q- R% U3 ^9 X      }
7 J4 ^1 h! M; ?' g4 f   else if (document.layers) {
( i; A& f: ^4 y2 i' [      xMax = window.innerWidth;
+ f: f1 J* f0 t. G% }) \  T% e9 R      yMax = window.innerHeight;
- o2 T6 G0 _" @/ m      contentWidth=document.supertext.document.width# V/ z# {# P1 s$ F1 w0 A$ r8 ~5 W
      contentHeight=document.supertext.document.height/ z$ G- Q& H9 ^6 j2 x
      document.layers["supertext"].visibility = "show";3 e- D6 t3 {; L& i2 [" I
      }
* L9 n3 k% Q% u& ^' R/ h' p" [   setTimeout('moveBall()',400);& ?- {4 b1 s, r# \8 \# q
   if (hidetimer!='')2 P6 N1 _7 |( `1 y: ^  Z
   setTimeout("hidetext()",hidetimer)) J  Q9 F: w# T4 U- P2 x
   }5 }) E/ E% h& r6 z, s/ \0 V# X

& F8 V& d* I) B! C4 F4 K" l* Qfunction moveBall() {4 ?; R( G$ V$ G' A/ R
   if (superballRunning == true) {% D2 N$ A" ]5 ^3 n. ^
      calculatePosition();( P) C0 q# `" z
      if (document.all) {
9 I4 B$ G: M1 {: f7 x         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& U9 H: b: c9 X, k" t1 S         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 ^* j2 X- a% B2 w$ X! M         }
& c4 W2 R, `$ B6 m" X4 d      else if (document.layers) {
7 B3 E8 a  q" b/ F# a0 ^' L         document.layers["supertext"].left = xPos + pageXOffset;3 {- i3 M5 t  G& V+ g
         document.layers["supertext"].top = yPos + pageYOffset;
5 `4 p4 d# x0 ~( Z% H         }4 R+ k; _( @* V
      animatetext=setTimeout('moveBall()',20);
0 a( K2 s# A+ [' r3 Q% {      }
* j( k- c5 i8 P( V% k$ M/ d   }" Z2 y$ F9 [: t/ e
6 r- z4 Q1 Q  _
function calculatePosition() {, G- z# B. r' L$ p1 D4 C5 h
   if (xDir == "right") {
+ z1 M3 o) K2 f; X! j# v5 v      if (xPos > (xMax - contentWidth - BallSpeed)) {4 y, b; {1 T8 J  K4 ^$ j& s0 j
         xDir = "left";5 A9 P9 C% M( v, C! ~8 T/ J
         }
. c: u& v7 S  C7 L      }2 F8 x/ O. v- f
   else if (xDir == "left") {0 t$ a& |# D( x3 m/ w4 v
      if (xPos < (0 + BallSpeed)) {
' B$ S  w! G1 c$ G8 x; @/ f3 h         xDir = "right";
0 f- ^' L8 h" ~: Q         }# j9 D4 d3 f& P( _
      }
- u: Y5 Z1 N/ S* ]7 e0 D4 @   if (yDir == "down") {
/ k: \. L- \# r; Y! z+ R      if (yPos > (yMax - contentHeight - BallSpeed)) {
  S' O9 N3 {# a' s( h: T# J& j         yDir = "up";
0 K( U% _% G3 L. [7 s         }; Q2 \% J. R- n6 y' I
      }
& E) B2 Z- n) t) t, ]# p0 P! D   else if (yDir == "up") {+ _* z1 P+ Q0 I) ^8 f6 e! a
      if (yPos < (0 + BallSpeed)) {2 [/ N3 }2 Y8 t+ ^! D+ M
         yDir = "down";
1 `3 @, N( ~5 Y7 g! u* U# E         }
1 ?, [4 {6 C/ U( C; p      }
( y" I& x' z; ?( G0 f5 N0 Q   if (xDir == "right") {
8 o* j( y) F3 X$ n& M5 K      xPos = xPos + BallSpeed;; k0 _. ?& }) B/ R# N% R
      }# N$ t& D4 _0 U/ |7 d# ~# t
   else if (xDir == "left") {  [2 y) p4 G1 L9 s
      xPos = xPos - BallSpeed;/ b9 [! @8 U# Y! s
      }
4 x5 }/ i2 T: b, p3 Q$ I   else {
7 V& l& h3 Z8 P' C  _: O      xPos = xPos;9 q" g2 \& ^: o% T: I0 d. V
      }/ `/ r/ n3 t- B
   if (yDir == "down") {
, Z6 }$ p5 M. l! G$ S' ?, ~      yPos = yPos + BallSpeed;7 x5 y6 L7 P+ Q7 M2 D
      }
+ x5 Z/ B+ i, k- I   else if (yDir == "up") {. Y; Z% o0 k4 J9 s
      yPos = yPos - BallSpeed;9 D. g$ l( C& Z: I% T' W( L0 G$ b
      }
6 o$ E6 ], N$ H4 N( h   else {  R3 V4 O6 A8 Y. i8 ^
      yPos = yPos;- z, G5 c1 p# `* v% R: R4 s
      }
6 D+ O1 e$ f' @1 n2 e& {   }9 i" x" m8 l0 k' c

$ O+ K7 t. `/ x1 rfunction hidetext(){! E* L/ D' I( y: B; r0 w6 O. m
if (document.all)
% y. n1 O8 |3 p' Ksupertext.style.visibility="hidden"
4 z0 s- H6 V2 ]else if (document.layers)* g# a: l$ k0 G. w/ ~8 n
document.supertext.visibility="hide"+ t. U5 ], X& O/ y9 c" U
clearTimeout(animatetext)
6 p0 d& {( Q" _}7 }2 C9 i/ A" M1 }$ D7 M' v

: q$ u, o: [' K+ z7 D; kif (document.all||document.layers){! F2 S+ x7 m' l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  U* Y" h3 M. n9 X' kwindow.onload = initializeBall;
6 v. i" _& [! `# D) Mwindow.onresize = new Function("window.location.reload()");8 A* n4 H8 E0 Z  F4 X) Z; q1 k) _
}
& d3 P; c! G! R' S- w6 o. C& J$ p  \2 A  j
</script>