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

zw2004

<style type="text/css">
& Y& v( V% M6 T/ J# M% d0 D8 k. W#supertext {
6 [4 Q4 ~1 S8 n3 k3 q2 D# Z" yposition:absolute;
# |9 Z0 N, H3 uleft:0;, w" B, o; }) u2 m8 U" W$ |7 V
top:0;1 S9 [, K; S0 q, M* @
visibility:hide;5 ]( A9 u+ ~9 p! U3 |2 Z
visibility:hidden;
+ O  n" r9 d  E1 r0 p" p4 A}
9 H! d% }7 v# V! M* r) E</style>
: b; y8 \& y7 P% w& m<script language="JavaScript1.2">3 Q6 p: N5 r& K+ I4 z6 P7 S7 e+ k" L
<!-- 改变下的字体的大小。颜色-->" z& P! m! z+ P* _" z& ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') e! X9 c$ a  K# i3 H* F% k# z
var hidetimer='';, A0 f1 y- n/ u; N" r3 E" e
<!-- 改变下的弹跳速度-->5 J3 G* [$ x, U: Z$ _6 W) Q
var BallSpeed = 20;  e$ `1 Y7 U0 f- t+ c: t9 S- B
var contentWidth;; a3 i, H: h! s; u, L/ S
var contentHeight;: ^) \1 z0 z8 M: k* I5 ]" Z7 s
var maxBallSpeed = 50;" S! o8 @# G" v1 T: B0 H2 g
3 J! I9 v* [0 L& x' ^

: R) V- S' s  v6 gvar xMax;$ G% j6 n6 K3 }4 F( D, x
var yMax;
. b6 r6 ~/ b# Nvar xPos = 0;9 d: N$ h) `$ k
var yPos = 0;
/ H" Z' ?& `$ n( _var xDir = 'right';
/ a$ t2 a( b' Z2 s  ~var yDir = 'down';
. {1 H$ z: a6 d1 y& F! o2 dvar superballRunning = true;
( f) w0 W; B  \: U" rvar tempBallSpeed;
; Z+ G) l7 b5 r9 wvar currentBallSrc;7 R# B+ n4 I# t6 T$ {
var newXDir;
3 N8 U$ _- b- h3 R; I( O3 a; avar newYDir;
, j: Z$ k. }8 `6 s, r, l9 I5 i* S8 S. O
function initializeBall() {0 @+ @1 f2 x2 V+ x2 V+ A
   if (document.all) {: {1 C. c" K+ B$ Q! p6 A1 U
      xMax = document.body.clientWidth
' B* G' t6 z5 C1 e$ S  ^      yMax = document.body.clientHeight. L: K2 v. ?6 C0 j4 c; u6 @
      document.all("supertext").style.visibility = "visible";1 W" U* Q- N. U( i" w: ?
      contentWidth=supertext.offsetWidth
6 u1 G9 b0 w/ N0 F      contentHeight=supertext.offsetHeight1 h5 v; g) n/ ~' u- T0 b% F4 w1 v4 n9 V
      }
3 P1 z' O; _9 W0 }8 j   else if (document.layers) {
4 }- Z# O' C" D9 a3 m      xMax = window.innerWidth;
( \& J' |$ I5 C; X9 ~0 R% _$ K      yMax = window.innerHeight;
0 L* D% E1 L8 {$ a$ z( N. M$ j      contentWidth=document.supertext.document.width
  ]* r3 U# x$ [8 n; V1 e      contentHeight=document.supertext.document.height+ Z! S0 d8 O9 ?1 P) e
      document.layers["supertext"].visibility = "show";3 ?- b4 ?6 |* i& J3 d
      }' X% e' N0 n' Z0 ~  ]
   setTimeout('moveBall()',400);
1 c7 N" ~1 ^3 r# R' ?. I+ _   if (hidetimer!='')7 `' L) F4 {: y. }
   setTimeout("hidetext()",hidetimer)- h- H6 q+ ]5 M7 a1 q' K7 Y
   }
6 s5 `5 V+ S& y3 x& A: \) O7 X/ [8 ~& O& ^. `% r, e
function moveBall() {" c8 e' \4 H* N$ a
   if (superballRunning == true) {
2 ^( O8 b" `/ \9 O7 k3 Y      calculatePosition();. e: k9 g* j5 ]' n. m+ Q
      if (document.all) {3 Y  H% e( F2 @/ Z: h/ p7 i
         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 L" a. f0 K  S8 Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;
  B% g  ]+ O% l0 G' n6 g3 k         }. g0 g& b" v9 t( G! f3 }, P
      else if (document.layers) {2 [; ?+ P# G- v) q6 z2 y2 u, c/ D
         document.layers["supertext"].left = xPos + pageXOffset;
4 I& c& X8 B' H8 f" d7 y% ?         document.layers["supertext"].top = yPos + pageYOffset;
/ d4 z+ H% b6 U7 ~$ F1 ~/ M# D         }
; Y& V/ r/ r. S      animatetext=setTimeout('moveBall()',20);! E3 h- m9 o* J' m/ W5 D
      }
' Z( P8 ?; |6 d   }
$ Q! F; x0 p. `$ H8 Y
, A+ R1 X" f5 s4 S: Z0 d0 f: vfunction calculatePosition() {8 [) W; a* Y# J* s- F4 X
   if (xDir == "right") {6 B/ f+ K) u8 N
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 t/ Q1 n0 e$ R2 B& C5 z) k# R. Q
         xDir = "left";9 O  M/ H8 `) L. x
         }  e% K0 _0 b% h8 N" g7 \/ E
      }3 ]1 g( ]8 \( w6 ?/ }0 K- Y
   else if (xDir == "left") {
) m, G2 g( b6 p+ R2 b9 U      if (xPos < (0 + BallSpeed)) {
" q* y0 d/ a  s) ~& Y( y# ?         xDir = "right";
" T0 N: Y, X- T/ {2 P% x         }3 ~6 {* t) L9 t) w: F* q& v
      }: h4 E- ?7 F& q( H5 b+ `
   if (yDir == "down") {
$ N) p9 q! g. m7 `' s) O  T1 ^; a      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 w5 `5 O# H. x9 i% k) r, a: t         yDir = "up";
4 a) |- M  d  r" \' C5 m         }
/ w+ c3 W0 ^# {( U% f( G      }" u6 ^5 z1 H7 @$ o
   else if (yDir == "up") {  e9 n. d  n5 P$ e' r6 ^# q, j: @
      if (yPos < (0 + BallSpeed)) {
9 n$ ~+ H+ [; r, _0 Y" V         yDir = "down";
1 i$ c& F; z8 Q         }
8 S3 h! }. H- F" N" G( [9 N% j! O      }( B2 x/ i/ `5 Y
   if (xDir == "right") {
4 g% a( [- v, N8 a# z. Y9 P5 J      xPos = xPos + BallSpeed;, }' H8 p. ?4 N( S" X' c0 P
      }$ `: E, [7 d9 e( v2 u
   else if (xDir == "left") {; s! p4 n+ j( S5 ?/ y( [. Y
      xPos = xPos - BallSpeed;
$ c: N# g" u8 P9 K& b      }
3 }$ d( r' K" E+ p- S! c. W6 J   else {% l, j9 A2 i- l4 }0 }" d+ X
      xPos = xPos;3 L$ q3 W5 ~+ D" [( k0 K2 \$ T
      }
( P) T7 T' m! N( I   if (yDir == "down") {1 e- Y$ {& y# N
      yPos = yPos + BallSpeed;' A4 |0 p2 i+ b4 n+ E0 q4 b/ G
      }
; g; U$ o# a8 \# A* `7 Z   else if (yDir == "up") {
+ F. n; k  F9 j4 ]      yPos = yPos - BallSpeed;
& g: {/ C# e) p% U9 i1 Q4 x      }  X- Y- p% i' l  p4 ^! `4 C
   else {
+ g1 `6 J7 d  T/ t* u      yPos = yPos;
, L# R( Y9 @3 U6 W2 y      }3 p1 R# O# B0 m6 J. P. E
   }0 g3 s- p; M$ X; Y: l$ f: m0 w
8 D7 t0 V, l; c9 d  U
function hidetext(){6 g2 u" g! z0 _
if (document.all), \- s  S4 W1 C/ \+ b0 @& h5 o9 t
supertext.style.visibility="hidden"
1 N, B& _# N; U3 A( `else if (document.layers)
5 T8 Y  U6 r" X: ?document.supertext.visibility="hide"
2 _& {, ?; {% V  h: v. SclearTimeout(animatetext)
. H. C5 p" d9 J* `}
$ Z, U) R3 }2 V' V5 u8 p6 u$ U/ z# F! L4 l# H
if (document.all||document.layers){
+ x* o* ^- D5 |# a0 `+ S- u3 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& S; `# T$ V* o, _; q4 g, awindow.onload = initializeBall;1 c( Q2 f- O6 y# x, O
window.onresize = new Function("window.location.reload()");3 N+ s# B9 Y6 U2 T& m2 k8 z
}, `5 V- @' e; I/ }
( x9 j: P0 M0 i* `
</script>