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

zw2004

<style type="text/css">
8 y1 v+ T* h- E) g. h0 R7 q1 P3 P  \#supertext {
) u  H, C  @  Y! j, q8 M+ M" Yposition:absolute;  J2 o0 \% y8 L
left:0;7 {+ @( y4 L( `6 a: \. Q' t
top:0;
) g  K, Q- [3 v2 \* Nvisibility:hide;/ n. ~/ ?+ k' F5 o7 u$ w
visibility:hidden;
0 S; X4 D( r  k* V) G8 B* m8 M}
% q( o; s( |9 M+ `</style>
. \/ u% V8 V& Y" A2 g<script language="JavaScript1.2">. Q% z) F7 H5 J9 I! k& w
<!-- 改变下的字体的大小。颜色-->3 @' u1 [+ }& O" |3 f8 W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" e; _; V: V( M, d  d
var hidetimer='';% |/ `3 D% Z& ]+ o- Y$ l
<!-- 改变下的弹跳速度--># O) S( i+ P3 G5 K
var BallSpeed = 20;
# F7 a( P  [+ d  s5 ivar contentWidth;: C$ Z% R  h% G, i  {5 A
var contentHeight;
' T6 L: [( N! K' c% evar maxBallSpeed = 50;3 U6 |% b# C/ g3 S2 a

8 x4 r1 x) S0 U! Z1 @
* j7 A! G  t) d6 O/ @, S/ evar xMax;6 u# j3 I  N. R
var yMax;, M$ t9 }9 B2 a7 `5 \% o) r! f& m
var xPos = 0;$ U/ J% M5 t' j+ }
var yPos = 0;+ E7 i$ p& I4 Y, a" m; B9 q2 d( c
var xDir = 'right';
6 v. B3 S# I. Z( F/ b& yvar yDir = 'down';
9 ?8 Q5 S* E( h. `2 ]+ S3 u: |  Fvar superballRunning = true;
( C, w* ^' t1 f, p# S4 Svar tempBallSpeed;
4 \" i1 f( _, G& U0 gvar currentBallSrc;
9 L: J+ H# _) |) H3 h, Y& Xvar newXDir;
$ b3 b) k6 q1 o' u3 _- t  Lvar newYDir;0 w1 U9 O  T/ A
; A9 U4 Z- d! ?, {) ^( M
function initializeBall() {/ h9 }- U1 Y' f# @5 u( |# z
   if (document.all) {
9 q* |/ O- `8 e, ?) d* @9 w      xMax = document.body.clientWidth
2 m7 u5 z1 Y  L9 c$ H% k$ C4 {& M# P      yMax = document.body.clientHeight
6 v& H2 X/ N. T2 \2 k      document.all("supertext").style.visibility = "visible";2 S- d% |4 y" O* v( {
      contentWidth=supertext.offsetWidth
. h0 w) z, ^- G( ]% k8 y' A2 |      contentHeight=supertext.offsetHeight% l9 f- B3 T3 R$ X. ~' c
      }
. ]9 x' a# D6 {: Z. g   else if (document.layers) {
! Y3 a: r' G% e7 Q1 b      xMax = window.innerWidth;
" U$ _" I' c! S  I% M2 n( P      yMax = window.innerHeight;
( ^& E; k/ o/ |0 x. E# S      contentWidth=document.supertext.document.width
3 L+ u+ |, |1 }& m+ N      contentHeight=document.supertext.document.height
/ P3 F' e4 {+ Z) t& J# z  D      document.layers["supertext"].visibility = "show";
' N9 E3 [2 u" {% B0 Y( |' A      }9 G  d1 i. x4 q6 B, l+ o
   setTimeout('moveBall()',400);) H1 P: u. r0 x( t4 T$ Z" p3 r$ z
   if (hidetimer!='')
9 H$ U  _) k* e5 e   setTimeout("hidetext()",hidetimer); J4 i! E8 v6 w1 t- @, ?" c0 }
   }6 Z$ Q( M/ ~7 A# H$ A2 w- M

+ g* E6 {# O: a3 e7 y3 Ifunction moveBall() {
) N% e( ^5 O9 u8 [3 y   if (superballRunning == true) {
7 A- E- g6 z- B2 e: l      calculatePosition();
$ m& [/ g, ~6 q      if (document.all) {
& L3 q" O9 }3 k4 S6 p         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 H. h( l7 t* |# C0 @
         document.all("supertext").style.top = yPos + document.body.scrollTop;( w. O- z' w( ?4 j3 H  F- F
         }
+ h$ @$ K" B) C2 {. ?      else if (document.layers) {& G: J7 E$ u% n3 {3 B) \6 F
         document.layers["supertext"].left = xPos + pageXOffset;
1 W% u$ @8 m! u5 x5 I' T" F         document.layers["supertext"].top = yPos + pageYOffset;
  `" j, M% V; ?! ^; @' j0 w         }
, X% ?1 ~; F: c: N1 s  f; @! a      animatetext=setTimeout('moveBall()',20);% u3 P2 L' R. M3 H& }% V$ D1 j
      }
" x( L  R7 O6 ?" Y   }
2 x% h% P$ y5 n; {% {% |5 H4 U9 X. P" U* I( Q8 c
function calculatePosition() {
* k1 g3 G: V& P1 ~   if (xDir == "right") {1 T) r7 \. `. e$ n; ?+ n% Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 I9 y7 o5 S0 ]3 k/ o$ j
         xDir = "left";
; a/ Q3 C9 Y* _: _         }1 o" n/ z0 P' O- |  J
      }  S  B0 M4 j& ~9 Y$ f" z4 Y
   else if (xDir == "left") {# x; g% X; A: Y4 |( n
      if (xPos < (0 + BallSpeed)) {! o0 @% q# I+ @/ N
         xDir = "right";. W  u3 p- l4 b1 b& S5 \
         }, b1 B) j* ~' ~9 R
      }+ F6 r! q. A  `) Y  ?
   if (yDir == "down") {* d# Y' K3 C6 O# r  k; }( q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ I4 W8 O9 Q5 L( v         yDir = "up";! i* U8 S4 R# T& z
         }
+ S0 {. q" D; T& \      }
5 ^1 _. I+ R+ K" S6 Y7 b  e   else if (yDir == "up") {9 u% R' v) W# ~9 ]3 S' T( }0 f
      if (yPos < (0 + BallSpeed)) {# i- u: L0 F$ E6 t7 g
         yDir = "down";1 m( A+ _* L3 H( T5 ]: f+ |
         }
2 X! y! U1 g) g% {8 E( l  F2 {      }
( L1 k7 n1 c% c7 s  `: D7 e0 o   if (xDir == "right") {4 b+ ^! `; d" k" V. N" n: X9 V& N
      xPos = xPos + BallSpeed;
  e: l; J' ^! H9 \& J# T% t8 Q& s      }: B* i" e& v. j4 h8 x/ m5 o1 V
   else if (xDir == "left") {
% C/ _) {  t. u      xPos = xPos - BallSpeed;9 q4 Y1 ?! _. o0 B0 {4 n! ]
      }
5 E( {3 e; E% d- F   else {/ d0 S4 E  E0 ~/ H$ H0 \
      xPos = xPos;
' y( u6 g  t8 A7 N# b      }+ A; M' Z! o4 s  N
   if (yDir == "down") {1 [2 b7 _# v  C
      yPos = yPos + BallSpeed;7 v, s  g" L4 c0 F* N
      }
* B* a: u  F. n/ @3 n0 U7 w) A   else if (yDir == "up") {4 F6 v* v  K; I8 D0 C
      yPos = yPos - BallSpeed;
0 e: @8 k+ W! S. F( u0 T# M* [      }# {% j; _8 x  f- E
   else {, e6 A7 Z, ?% B; l" O% a. Y4 d
      yPos = yPos;
1 Q; L' R& \8 e2 `# z2 {# ^2 I9 {      }6 k" }% M6 L6 i9 W
   }
2 r% U8 M& }* C3 r% i! Q
& \8 _6 ^; c0 |' f  c) zfunction hidetext(){
. W0 ?$ i5 o) z! u9 T3 Z( d# uif (document.all): E6 H  N: {9 G
supertext.style.visibility="hidden"
" ?9 u& ~) X. C) a5 Velse if (document.layers)
- s4 j" Z6 t, u! q) R5 fdocument.supertext.visibility="hide"/ S' \- c4 K  w2 D( J7 G
clearTimeout(animatetext)2 L, o* p1 b7 ]7 Q  v7 m5 n0 P
}! U9 E& P: T; E. j, X
% f# n6 P' P4 M! a2 c7 k
if (document.all||document.layers){0 b2 e7 l: {/ c( _9 F" S) R' S* B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. }/ Z8 E6 R" Awindow.onload = initializeBall;# C9 B5 S1 W  v! j4 j5 n$ M. C) {
window.onresize = new Function("window.location.reload()");/ L. o% X9 z2 ?0 L7 |) g. X
}
* Y0 M4 X" j* K7 K+ ^) m
  J: R: b3 k: ~$ K" D</script>