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

zw2004

<style type="text/css">
1 O4 C, E" [, N# v9 J#supertext {* p% Z1 l. e1 a% J" @
position:absolute;/ ^  Z5 T1 l% ]
left:0;
0 J9 o% f$ f2 d( stop:0;
! a- q0 K7 T4 K9 Dvisibility:hide;, `/ [9 L/ H  {. F( H+ `* w/ |" w/ Z; k
visibility:hidden;8 x' m) x) r: [4 C
}% l8 p# m4 X) g5 f! p7 S9 G: R
</style>
5 {7 t  \, v7 `$ h' F- R( f<script language="JavaScript1.2">5 P: s: Z" B7 {7 E, @+ D3 U9 R
<!-- 改变下的字体的大小。颜色-->0 u0 ]. h) Q% r2 M6 y+ k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') ]4 U9 i2 D* P5 ?9 Y
var hidetimer='';
, g7 E& l" x, [<!-- 改变下的弹跳速度--># d6 l- M, A4 z
var BallSpeed = 20;  W* l: F5 o( @! u; J4 O: ^
var contentWidth;
& I3 T+ I" I) z) Bvar contentHeight;
3 b5 |# f; ~0 t; h! r4 h" u$ v4 R" X0 lvar maxBallSpeed = 50;+ {0 I' y6 I# Q( n( [8 l# N, C4 u
) `$ p/ Y( S$ |0 r3 s

% o7 F! j% j6 ]) A6 Mvar xMax;
/ L0 R4 ~4 G+ c+ d! Vvar yMax;- A2 Z% h+ m8 C7 B. i5 g, j
var xPos = 0;1 v- |6 E+ D& ?& @2 r" l/ D
var yPos = 0;- r2 ]  u7 F5 y0 a
var xDir = 'right';2 S7 R- D/ S+ F" }2 D
var yDir = 'down';
3 M$ }. H. J. v3 C4 Bvar superballRunning = true;
% v$ B# @; w( L) D3 svar tempBallSpeed;4 t6 |( Q* O- r, D* W# O: U/ Y" P
var currentBallSrc;
, j/ c" k! e- p9 dvar newXDir;
& h9 H* Z. G2 R/ Zvar newYDir;
9 [- m- b, ~1 [' f
; S& X3 Y1 I. y4 S9 _function initializeBall() {
( @6 X, n1 F8 |! `" P   if (document.all) {! H! ~# Z4 R) a% p/ R6 ~! A
      xMax = document.body.clientWidth
0 u6 i( c2 E% ^# S" C      yMax = document.body.clientHeight
$ V9 }4 X, Z2 U3 h" M0 \+ e& k      document.all("supertext").style.visibility = "visible";
/ F6 o. U$ L1 e2 H6 v- j      contentWidth=supertext.offsetWidth
: e  W. m2 v& b, ?. d      contentHeight=supertext.offsetHeight% b  R. h4 r2 b! e" v' E
      }& D3 B7 ~+ @2 j$ G* f5 ^
   else if (document.layers) {
* h) o, }/ Q, ]' f9 C3 {( Z$ a      xMax = window.innerWidth;
' Y  d. s" N% X% U* |: _      yMax = window.innerHeight;$ {5 K, d5 p/ K8 f# v$ ?
      contentWidth=document.supertext.document.width
- k5 T9 D5 H. ^/ _$ X: J2 {      contentHeight=document.supertext.document.height
( F. @9 [. h% p; n# _) n. ^      document.layers["supertext"].visibility = "show";
7 \( R) ?# q% k3 k# t      }! {% e, Z( ~9 N$ b1 O
   setTimeout('moveBall()',400);' ?1 k% q6 }# D! g
   if (hidetimer!='')
# p" p# ?$ W" C# @- ?4 ]   setTimeout("hidetext()",hidetimer), @4 b/ d6 Z: G' F2 A
   }
& M' g- d) }: @9 G: A+ r9 L0 R3 a) E; `
function moveBall() {5 a8 \: ^2 y! M9 i/ D
   if (superballRunning == true) {1 j* V9 b( Z* q/ k# \
      calculatePosition();& P; q9 ?* p' f* {* g
      if (document.all) {5 `% R3 J' L# a+ D- b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 j/ p1 y8 V& o# y0 D         document.all("supertext").style.top = yPos + document.body.scrollTop;8 a/ b4 [" N" n% z
         }5 U) b( P. [0 o2 L" ]8 k
      else if (document.layers) {; r6 t" d0 ^0 n1 u2 `3 d. \. G
         document.layers["supertext"].left = xPos + pageXOffset;
. f8 X2 ~. Y( L4 C" x0 q         document.layers["supertext"].top = yPos + pageYOffset;: S- W6 ], t4 d4 a
         }( J2 X* Y9 j! N1 J; P* ^
      animatetext=setTimeout('moveBall()',20);
+ X& m$ r: J" \) m      }
( U4 p* x+ d4 ~1 M5 l' U9 H   }  t' D9 P+ a$ z5 e& d4 _, C

8 r. E3 {8 K, P7 v7 I7 Tfunction calculatePosition() {
9 C  n2 F) q' J6 p   if (xDir == "right") {
$ b5 x1 N2 f5 v% |      if (xPos > (xMax - contentWidth - BallSpeed)) {9 g7 u% i2 O; f. w- [! L
         xDir = "left";
2 t8 y' A6 {: m         }
- A' ^3 q2 Y2 v, I4 l' q      }
9 j: M& c) @2 x/ g# ~/ Y   else if (xDir == "left") {$ d9 @% n/ M% g" y
      if (xPos < (0 + BallSpeed)) {
' V* ]+ s3 n# F% r         xDir = "right";: n* M7 W8 B- c: O
         }6 i/ y7 w& u* ]0 d$ `
      }; o* u& V, ~- `- C' P1 O: w
   if (yDir == "down") {' O7 K) E8 q! m, s. f) G( Y
      if (yPos > (yMax - contentHeight - BallSpeed)) {
  I) ]% D1 J3 h1 y+ |         yDir = "up";
4 f8 p& `1 a' M0 P8 T5 l         }2 Q4 s: c8 e8 f
      }
, X$ `) T/ X$ {7 U& \  |   else if (yDir == "up") {
# M4 K( W5 D2 i: ^      if (yPos < (0 + BallSpeed)) {0 x5 a# q, N$ T1 H& G
         yDir = "down";
# b% X- ~' D; O+ B: P$ l3 G         }
7 e$ [5 E- ~; U* i( r0 J7 j! {      }
- J0 r! r; \/ [! j  w7 J/ O   if (xDir == "right") {
  }6 x+ V6 L5 T0 e. K5 c      xPos = xPos + BallSpeed;
4 F3 Z4 Z0 I6 f3 v4 A! k7 S      }( t$ A" L0 Z+ x# F8 E+ i
   else if (xDir == "left") {: D/ g' f# h, B8 P$ b  x! ?- Q
      xPos = xPos - BallSpeed;
6 V% u( z, u) i; B, k. ?  Z      }" G3 E7 s9 z; X
   else {
. N/ f' w9 {+ A      xPos = xPos;
* Z5 `' l0 u3 R* j0 {- H5 h# x      }
; G& e6 b/ c! s! K  v3 x9 |6 T   if (yDir == "down") {9 Y2 r' q# t: D* G- l$ D' u0 i
      yPos = yPos + BallSpeed;
" R, I( |- t' y4 H      }
" k$ y+ ]; _+ B0 E! i, k: g   else if (yDir == "up") {
" l) K* {' P, Y' _  w7 j      yPos = yPos - BallSpeed;/ p7 _& k- p7 s6 ~5 ^" j
      }
) U' @. f. I( U; v/ g8 A   else {3 u: q- t* H2 Y' V5 \
      yPos = yPos;* Y  N# f* K1 _) n  t* i
      }
. T% C( F! c9 L+ I   }
0 r: Y9 d: j4 V: l$ o2 H# a* K. e. _) @# G
function hidetext(){) W) ^+ }1 p2 D* u2 ^% [) }. N
if (document.all)
2 [; r( c, n# p; C$ |; f& [9 m% Usupertext.style.visibility="hidden"
% P( s- X$ \; b0 Q" ^else if (document.layers). X. b' {5 a# l$ f$ L- ]
document.supertext.visibility="hide": \5 L' H3 P4 ]( `
clearTimeout(animatetext)
& C9 e* z( D& K( \}
5 k$ F, W# @8 d( `- c" Z2 a" @3 A4 a$ D9 w( k  w
if (document.all||document.layers){* |6 G. o* p1 n2 s: v9 B' x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 u/ s8 {  B9 s  K& @# W: r/ K9 C5 Gwindow.onload = initializeBall;" ^: G. J$ P6 o; x6 y' y# I
window.onresize = new Function("window.location.reload()");
, U6 F0 |  i4 ?. {& x! E}
& g& O# J! M8 X) N5 s; R' d, p3 I4 o+ v8 b3 c+ q$ {
</script>