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

zw2004

<style type="text/css">
  M. D' T( c0 @7 b#supertext {
4 ]/ i2 }/ ~" Mposition:absolute;$ c4 j+ t  g2 F: U. [  d
left:0;
7 }) P1 L* h. b' A  V( d) Ytop:0;
7 }/ L0 Z" h! H& ~visibility:hide;2 z$ l- Q$ t" B2 e' f! f! s5 A  K
visibility:hidden;; t- X9 y0 |1 @% a! Y
}" M% `; `2 G9 J( H9 |
</style>& J- [- r! l" z4 T
<script language="JavaScript1.2">
/ U: Q# _$ j. ?5 u# L  v<!-- 改变下的字体的大小。颜色-->6 e6 S, X3 i" x* D0 m; g+ G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 `/ D$ }& p  D0 @) A" C4 q
var hidetimer='';
1 L$ E# o0 d% J" T<!-- 改变下的弹跳速度-->( W, x& c0 ]3 a: b4 _& `! K, L
var BallSpeed = 20;
* p9 g9 ?7 Y# }0 X! ^- G: ~1 ~) bvar contentWidth;9 d$ z4 ], a) x: \" o' {
var contentHeight;  X8 Q% Y8 A5 S+ ~; @: z
var maxBallSpeed = 50;; s5 R, M) e+ ^" _+ m3 {! y

3 U! P0 J/ ]) A) [) k3 m( o/ a% ]6 m2 R( p0 B8 F! F
var xMax;  M& n; P9 y& b# F) m1 n
var yMax;
. @; L7 ~0 o" C1 f4 Z: _- b3 Kvar xPos = 0;1 E; \7 f/ s  Q+ l! p
var yPos = 0;
  G# M3 y2 D/ z! i/ zvar xDir = 'right';
5 ]9 S  B( b$ z. K* Zvar yDir = 'down';0 X' C# u- O4 I0 L" i
var superballRunning = true;
1 {; \0 [# H6 i+ d' e: avar tempBallSpeed;. N; ^+ r& n9 Q6 u/ s6 M; F0 `
var currentBallSrc;! v4 g* q; d8 j# b; Q8 t$ _6 P3 |- P  }
var newXDir;# l  x% \1 |6 m# A/ j: M  G
var newYDir;6 \& y% E/ U; r9 n5 k
  J5 ~+ ?& L/ v2 M1 I
function initializeBall() {0 {; G% s) i5 ~& s
   if (document.all) {
4 G5 b/ J# @! d6 C0 ^1 e* h      xMax = document.body.clientWidth
+ K, v' |6 U3 n* ]2 J4 ]4 n      yMax = document.body.clientHeight
, Z, V9 x3 w% \/ X2 B      document.all("supertext").style.visibility = "visible";
. ]0 h" D& E2 k* n' v      contentWidth=supertext.offsetWidth, p8 Q. ~* d3 |9 p4 r. \
      contentHeight=supertext.offsetHeight$ D! A* P. M4 [7 @$ ^% M5 x
      }7 R; o6 O% j8 ]6 [# ^
   else if (document.layers) {
) h5 b" w. A+ a* w! n8 c  p% y- ~      xMax = window.innerWidth;
( P. g$ q. s# F* A, P      yMax = window.innerHeight;4 ~7 V4 s! L4 {4 o9 f% g
      contentWidth=document.supertext.document.width& _* ]! W( J4 E" x
      contentHeight=document.supertext.document.height9 t2 D4 g1 m: ?2 C1 |
      document.layers["supertext"].visibility = "show";
! c% b% C/ K/ h5 L      }
4 E: ^# m* |) n- h+ w4 L1 N$ l   setTimeout('moveBall()',400);
6 _0 ~3 z% k: z/ o2 ^   if (hidetimer!='')( ?9 i. Q# l& ?  \/ Q- J
   setTimeout("hidetext()",hidetimer)0 ]5 @+ F! }1 n- C$ e( [7 L" x8 I) _
   }0 u! S0 w; g4 R( k0 T* y
/ k' N9 \- `& J$ Y, b, i
function moveBall() {
, B' \/ K! y% Z   if (superballRunning == true) {* w% T) B  z" b& {) T+ M
      calculatePosition();- @$ L, h" K- F( m( E) {  M
      if (document.all) {
2 Y5 G0 h) j6 X% P- S. B& p- E         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: K: K' |) a! F; V$ Z5 ]         document.all("supertext").style.top = yPos + document.body.scrollTop;$ l. R' k4 s9 m3 F
         }
2 E" W4 e9 K7 j. w( n1 V# J6 J      else if (document.layers) {- E3 s1 o% P8 E
         document.layers["supertext"].left = xPos + pageXOffset;
: ^) D/ C' s6 M         document.layers["supertext"].top = yPos + pageYOffset;: b0 ?8 C& K( K6 |/ I/ b" B
         }
6 u8 g% v- k# E0 L" p% A      animatetext=setTimeout('moveBall()',20);) O6 u! i; B" W/ c7 k
      }
: ^/ \; T! i+ Q- u; m# x5 k" e   }
8 s( [, d# H0 k; y" k, _0 e3 V( N1 ^! n3 D" V
function calculatePosition() {
# I+ z$ L9 v6 A8 D4 D2 E   if (xDir == "right") {" D& E1 J5 L) R3 i) h0 u
      if (xPos > (xMax - contentWidth - BallSpeed)) {" f( J6 `9 w6 u
         xDir = "left";6 E! T) _- b5 \5 h8 V" W
         }( l( {6 _8 H; H  a; ]4 h* w  }
      }
. V0 C* k* ^( u6 d, B& R   else if (xDir == "left") {
& A/ p, W6 m! `( \; v6 v      if (xPos < (0 + BallSpeed)) {
, h, D4 ~# j2 @0 U' ~         xDir = "right";# J! [$ M0 |" F) }
         }
! b" l4 F. l2 P, l0 Z      }( i0 l6 ~% o, h+ i8 U4 X3 s1 g) k
   if (yDir == "down") {! r1 P. k9 B& f3 G; V: h
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 @/ ]  b7 Y# J6 |7 d
         yDir = "up";# b4 E' O8 ]( K1 B" _4 f& y
         }: I* r! c8 D' \# Q* D& s& w
      }  H' N9 w5 ]  q. w
   else if (yDir == "up") {8 R* ?6 u& V3 @; u. A2 }$ v
      if (yPos < (0 + BallSpeed)) {
! t' {. a0 p) [         yDir = "down";
& _6 d/ C' y+ [7 o         }0 v9 ^  M  D8 `2 v$ Y( F
      }
7 e% ~3 s, b1 h  I8 s9 f3 C   if (xDir == "right") {
2 t3 h% T& f) Z1 f* P      xPos = xPos + BallSpeed;* \* R! K! F" q" O" F# O% L
      }9 P' w2 I% g" D0 U# l0 j- Y
   else if (xDir == "left") {
8 U# D' d7 t$ g" ?      xPos = xPos - BallSpeed;
5 C5 f1 y8 o: h- f9 T) d      }
5 |6 x2 l2 {, C   else {
0 L. t/ P# Q3 v7 x$ @3 P      xPos = xPos;5 C. K. Y. v- V' }
      }, X+ j4 W8 r; r1 q  S. R  @
   if (yDir == "down") {$ X3 T9 l3 I( b5 z. ~9 z. \. K
      yPos = yPos + BallSpeed;
% Z' U* I) i) F. j0 P      }
8 q, ]0 m3 B5 ~! ?0 i$ N   else if (yDir == "up") {
& G9 `, E+ f! Y7 {8 [* B      yPos = yPos - BallSpeed;
9 U( t& U9 {, |: n7 [, l      }% |2 Z4 T# t" j
   else {
$ X6 ]/ r, L5 H" N6 G7 B      yPos = yPos;6 C7 _0 m$ M2 y2 N. ]
      }9 B8 k6 J3 L  [: b* I6 _$ C
   }
* M3 Z! A* ^% ^7 Y! O- h- U( ^: }2 a) U4 C4 P; O1 i
function hidetext(){# u3 M" h1 f4 I% _1 [
if (document.all)3 W, J" t4 f6 n% \6 l
supertext.style.visibility="hidden"
0 Q! y! D. O! p3 C0 a% belse if (document.layers)
- U2 x0 u2 S: r$ c' Rdocument.supertext.visibility="hide"' H2 P. \% N$ B5 J# Q0 k9 i1 M
clearTimeout(animatetext)2 j4 ?* U  Q8 r
}
% n/ ?9 h0 Y& X. g
- d+ K8 ]6 p4 z- H" _$ y) Dif (document.all||document.layers){
- ?( [4 j( Q. |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 i$ L6 ]! T& l8 w# p' V: `window.onload = initializeBall;
# U5 S6 ^: q/ F6 A. Iwindow.onresize = new Function("window.location.reload()");: E, M3 A! ?; y7 W& ^( c) e! I
}
# H1 T( l; W2 c3 F1 V; R: @/ p/ s% y/ ?0 `5 ~% ^
</script>