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

zw2004

<style type="text/css">
/ n+ s, n" l. _( {2 j$ ]8 E#supertext {; T* a- D- }4 y5 ?$ \9 O- G. e
position:absolute;5 V- Z/ @1 D8 A/ ?7 X* t% S
left:0;
+ H) l7 O$ r' ~9 Utop:0;
  ^3 d, n6 W6 c& h0 t5 \! r. bvisibility:hide;
4 E- [5 c- |' y7 {- o2 Q9 Wvisibility:hidden;7 m) D. i8 ]# p+ I' p
}% a7 a6 m$ \1 t
</style>
  Q  u( M# E5 V3 k; L& B/ W- h<script language="JavaScript1.2">
; Q; a: c6 o" K<!-- 改变下的字体的大小。颜色-->
9 r  c' S9 \6 R+ ~# \$ Mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. z5 E9 m- \- Ovar hidetimer='';
& i0 u/ V9 I, I# m9 [5 s<!-- 改变下的弹跳速度-->7 D& j6 F4 V3 P! N' f& q3 C
var BallSpeed = 20;( m. R, a7 T: J* h6 X
var contentWidth;
7 `' f( \1 O+ a4 g) o9 rvar contentHeight;' H7 p/ ]+ p" |& \/ ^0 |& L/ q4 E: o6 s
var maxBallSpeed = 50;/ D  e& k1 Y: z4 `$ x

7 X8 C4 U  H/ ^" R& k% F/ W' E
1 |; D/ X) l# A4 pvar xMax;) H, Z+ d: _& d. v% F9 C9 i
var yMax;2 y! ?0 l! D6 M( R  X
var xPos = 0;
5 f  ~  F4 U: i. H: P+ ^6 Nvar yPos = 0;
1 S5 K& v7 \. c/ B) D: G3 rvar xDir = 'right';& t, Z; g7 y3 v( R2 _: L* W% i( V: {
var yDir = 'down';# s% O8 h6 }/ J1 O  j/ O
var superballRunning = true;
6 j* o/ D5 m9 ^* }# T6 Vvar tempBallSpeed;
( j0 q( _: o- ^2 r. {var currentBallSrc;
+ m! ]6 f1 R; ^' H; ^7 ]var newXDir;5 L8 Y  n. l: `" K
var newYDir;9 \- ?/ j6 a. t' c; [

4 h2 _: ?2 l$ o( ?0 q& K  y! xfunction initializeBall() {) ?# u, u4 @0 F
   if (document.all) {/ g- J* v/ h) b; a
      xMax = document.body.clientWidth( T) J/ V& J) c6 P" E- U
      yMax = document.body.clientHeight: c) |: U2 b7 @
      document.all("supertext").style.visibility = "visible";
9 Q, d) m3 i) ?9 V; d& G      contentWidth=supertext.offsetWidth: F6 t0 ^5 U0 r. b4 }9 d5 g
      contentHeight=supertext.offsetHeight
7 \4 S/ b$ `* [" J. [4 W      }
/ h* `: r3 [& w% m6 X   else if (document.layers) {
6 X( M! k/ _1 ?6 `5 t* R' b      xMax = window.innerWidth;% j5 y' G" G3 W: f# U8 i
      yMax = window.innerHeight;
" z. \2 n" j$ B  X& G      contentWidth=document.supertext.document.width
: f8 O0 `2 ^+ s% M% E, R5 _: T      contentHeight=document.supertext.document.height
. Q4 m9 r3 c0 v  e7 K      document.layers["supertext"].visibility = "show";
6 m( ]& N& V6 B& v' b      }
+ f2 J: s, r1 j+ Q, {   setTimeout('moveBall()',400);1 [8 ^* ~' V4 ~- {, m% P, f6 |
   if (hidetimer!='')  `( |" A5 Q+ H- r# j
   setTimeout("hidetext()",hidetimer)$ A/ `1 L3 v6 r# {
   }
( {/ U4 B5 S- ^8 S. j/ p5 l$ p) c: @- y& c( _7 m
function moveBall() {* g9 ^4 u7 Z1 ~& r
   if (superballRunning == true) {* L  Y( e" J) Y( X
      calculatePosition();" R6 k) z- ?( D" F( v
      if (document.all) {
  I: j" u3 Z" R& r! m         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, S3 C. V' I7 x2 l         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 V2 q# o. V  i: S         }( ~7 H& t' x5 Q8 o# M
      else if (document.layers) {2 m# k# m, h" \$ y5 W! p, i
         document.layers["supertext"].left = xPos + pageXOffset;! [! w6 p  H8 D5 W/ P
         document.layers["supertext"].top = yPos + pageYOffset;% L" \  {6 j/ c6 i) x( b7 C! u% n
         }
, X; x7 l4 P+ f      animatetext=setTimeout('moveBall()',20);0 Z9 Q, O% A0 ]( y7 ]
      }: I0 K7 D1 }; t9 N1 }8 B
   }" \# \* ]+ z4 `6 N* S

6 ]1 i- x; R( T8 Mfunction calculatePosition() {7 U" j2 @+ y! U; i$ a" b/ I
   if (xDir == "right") {! T& s% P" y/ N+ A9 ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# Q# [2 I% p  z& o4 j! d& W& _9 A         xDir = "left";
0 Z% H) h7 y% ]9 T: k0 V- X/ a5 U         }* |  i$ K& @# D9 T! d
      }
/ I- B- c: p1 y) u$ z   else if (xDir == "left") {+ L* \6 u, ~3 s/ q+ _
      if (xPos < (0 + BallSpeed)) {! b$ l6 h0 s9 D# d% c1 B
         xDir = "right";
& a' J- z1 A+ D; x         }
& ]' r! X" L3 E; i. T      }$ Q1 ~' ]  l& I* p' y  v8 B
   if (yDir == "down") {% q/ q5 J) V4 }3 ~8 ]- }
      if (yPos > (yMax - contentHeight - BallSpeed)) {/ ^, o" ~) |) F) p
         yDir = "up";& p: m6 i/ D6 @7 ]4 j
         }
" K8 T( h& v2 E      }
8 p' G: \: l$ ~9 Q2 C, r   else if (yDir == "up") {
9 _3 W  f5 [3 C7 s      if (yPos < (0 + BallSpeed)) {9 `0 W3 z8 i+ U, d6 y' h* N
         yDir = "down";) a7 q/ P8 |. p
         }0 a2 \6 ?+ q+ O, c; P
      }
3 k) ]$ j' Y: l, Q   if (xDir == "right") {
& R7 s; f. N& y8 G0 ?) M- z      xPos = xPos + BallSpeed;
  W$ m9 W# A7 O      }
( V3 _: y* M* \$ Q+ x- `' @& m   else if (xDir == "left") {- C; ?0 u. J4 o2 t5 v# T. t5 ~1 E
      xPos = xPos - BallSpeed;: y5 O" u% d9 V9 u- Y8 z
      }
% Y/ L0 ^- n( x5 C   else {+ ^3 K* N. b& u+ I( |" F7 h1 N$ W
      xPos = xPos;1 t* g( ?- N# F# `# m$ ?+ I$ V
      }
/ Z: L3 V& O* p9 u1 T1 U4 K& A   if (yDir == "down") {9 `1 M3 ]8 P5 C+ T; n3 I1 R' p. ?7 t
      yPos = yPos + BallSpeed;
! w. w2 h8 \, ^, N0 K* m' P+ e      }
# E! o! Q6 e9 H4 |0 K/ H   else if (yDir == "up") {, Y$ r: l8 W1 r4 `
      yPos = yPos - BallSpeed;9 K7 E/ r* w4 @' B+ }
      }
. R1 Y9 F" T* ^2 K, l   else {! P  {. \8 E8 `9 i$ K- w# V5 z& p
      yPos = yPos;6 Y4 p4 h6 _1 j2 K
      }
3 D8 i8 I" @" ^* q. [5 Y2 W0 G   }5 X3 j: n2 D, k" T4 b& n

- m- e( J8 l' P, p$ P. \! Kfunction hidetext(){
$ I/ O; p$ {* T6 ~/ u9 N/ sif (document.all)
  L. Z; R4 @* m) k* O' Q5 Y; O. a: ssupertext.style.visibility="hidden"
+ c; r# g. Y2 m; {" e5 v; S* `else if (document.layers)
. \' j; [/ y8 {document.supertext.visibility="hide"
7 W% o( m  s7 r# K5 |) `clearTimeout(animatetext). R8 n' E; i' [! g2 C  M( x+ k
}6 n; _% c4 G, f$ y. C9 W
3 P: L- T: ]- S, ^" n
if (document.all||document.layers){
! d( y" Z6 ]9 ^0 ?' t; F% odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! V* ?' [& I7 ?/ d( w+ ^window.onload = initializeBall;+ t: W% v, Q  F+ C5 {* b1 r! ^2 m
window.onresize = new Function("window.location.reload()");
+ W5 W' U6 r! o}
+ p" Y3 m; k9 g$ Y2 A; b/ I% \
0 T. y8 ?* U, G2 O% v</script>