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

zw2004

<style type="text/css">
7 y0 `! D4 _, |# k: x" M2 r#supertext {
. q8 f8 B9 }% R% F: ]; _4 M& Mposition:absolute;% u+ L# U6 ?7 I* x; V, W: G
left:0;* J- O! P! d" D, t6 V2 x
top:0;
4 b6 x; g% B5 @1 w; [, vvisibility:hide;
; `# B, I( E: j* @3 }visibility:hidden;
2 s' t; {) [* Q# O6 n% H1 i0 s}7 E+ t8 w5 j/ L2 s( G( J
</style>
9 p+ ]9 `$ D6 R8 M+ {) V<script language="JavaScript1.2">1 Z) d6 [. u" _
<!-- 改变下的字体的大小。颜色-->
4 f, y7 e7 M! Y/ V/ q7 tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 G7 z2 x" ~0 b) Uvar hidetimer='';: R$ b1 s# P/ X: A# `+ k
<!-- 改变下的弹跳速度-->
8 X2 T- c3 \2 X1 s3 t( lvar BallSpeed = 20;4 X3 @- X: c9 ~; f
var contentWidth;9 p# C0 Z, \" K" v  f, ~
var contentHeight;+ `7 J+ _* x) j0 [& f+ {9 a
var maxBallSpeed = 50;
% A2 w5 J6 i( Z7 V, p, M* ?- s
+ `3 C$ Q( `3 Q0 p4 E4 ?) q* x, s2 z( ?( l: Z
var xMax;0 T: T4 H% j( |# I
var yMax;- G; r' z  j+ r5 Y" r' U6 {! z5 J
var xPos = 0;
( \& }5 Y4 `% i* e5 y9 B" C/ Ivar yPos = 0;, Q6 p, C& Q0 s, o4 W6 x
var xDir = 'right';; m& N: Z( Z+ L6 e
var yDir = 'down';+ j8 F$ f3 S+ y+ A3 X1 N. C
var superballRunning = true;: P! H' J) P: O+ q0 R) y
var tempBallSpeed;
$ z* I( z1 _% i) e. y1 S( c% ovar currentBallSrc;
6 x+ w% ]8 z4 i7 x0 q4 Gvar newXDir;- e0 e6 E! A* b/ l6 n9 `
var newYDir;: B3 B7 M( u. z; q- m$ ^0 H+ W
, A6 H3 D, L( W, i4 ~  ?3 a% t
function initializeBall() {
/ [* w5 Q; j  h0 O) X9 g0 G! b( N4 `   if (document.all) {  e' _0 P- i7 k; Z7 E
      xMax = document.body.clientWidth
* u" F" I4 h7 y2 r      yMax = document.body.clientHeight
6 w. j* H' r# i" Q* _# h- \! `      document.all("supertext").style.visibility = "visible";
* X5 w; [1 W5 P' Y4 q      contentWidth=supertext.offsetWidth
, o" v8 w! X  D) Y/ H* d      contentHeight=supertext.offsetHeight
! G; @4 [( Q1 y# x9 @" C8 ]; d- }$ ?- O      }
2 O/ E$ a7 ^: X7 `4 ?; }: K   else if (document.layers) {3 ^7 I: t9 S& o2 {" C
      xMax = window.innerWidth;
7 Y: Y  }  l! F7 J# ?      yMax = window.innerHeight;
0 h& J* r. G: K1 y+ M% t      contentWidth=document.supertext.document.width
$ c* p5 S5 `8 ]" y      contentHeight=document.supertext.document.height
/ u+ Q& Q% P0 M* h      document.layers["supertext"].visibility = "show";' H4 J9 J* n, B; l5 Y
      }
& S9 Z7 k7 u7 O9 a, w   setTimeout('moveBall()',400);3 V" ?5 s1 J+ u. R# e
   if (hidetimer!='')
% i  _8 R* ]* R   setTimeout("hidetext()",hidetimer)/ T9 E! |+ Y0 ?3 y0 u
   }0 z( _" y: B7 r. F% E
' T% M( h0 _. H% ]3 @$ d! w% h# y
function moveBall() {9 ^# _2 _9 t7 j3 v
   if (superballRunning == true) {
+ s% A% a0 Y  R      calculatePosition();6 Q' K5 {$ i8 t
      if (document.all) {3 P( h% \8 r/ L) q: u
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  j( n5 l9 @$ |* @$ c6 g% i
         document.all("supertext").style.top = yPos + document.body.scrollTop;& N4 D' y' S. m" I9 S, H  B
         }
4 O0 p# B+ e% n      else if (document.layers) {: A9 W/ L  X7 @2 t
         document.layers["supertext"].left = xPos + pageXOffset;
" T: K3 h7 @/ l% C         document.layers["supertext"].top = yPos + pageYOffset;2 H* V) H: W# W# B. \( I' l
         }
' s% g, H1 X; q( I$ H. l; |/ F      animatetext=setTimeout('moveBall()',20);0 b- a" y) P- c. D. {5 ~- V1 K
      }
! U& V5 F  Y& x   }6 C: \2 \: d; z8 z0 H) G
& Q- r. U; E  ]2 b! P$ u
function calculatePosition() {
( u2 R' E+ ?4 }( M8 |# p   if (xDir == "right") {; k! S3 m9 ]  ~8 X
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 E7 Y+ ]1 O$ o0 Y' U5 O
         xDir = "left";/ v) C+ a$ W" E) q3 i/ G5 y
         }% ~3 \2 T- n1 Z% f) [* b
      }) X6 K  H. T7 {( C) D- Q7 o9 R
   else if (xDir == "left") {# }7 v  e- n" n' J. O3 M( U* h7 I; F
      if (xPos < (0 + BallSpeed)) {- q# s+ H' ^/ t( Q4 k
         xDir = "right";
8 f0 n' o& q6 @5 c! c         }
- I* d2 R2 o7 B9 X4 t0 T9 f      }2 C4 i6 S) d6 d8 A
   if (yDir == "down") {7 a9 C, S: E0 [& J0 u* j
      if (yPos > (yMax - contentHeight - BallSpeed)) {" C( o, }3 p8 {5 ?
         yDir = "up";
# ?- r6 E6 R  f8 U- U         }
0 X# N& S% C7 l8 F2 C      }  o7 d; q4 ?' ]# F. T
   else if (yDir == "up") {6 _9 l8 H) G: |* S% g- h, E
      if (yPos < (0 + BallSpeed)) {
- U; S- I( V" d         yDir = "down";
% j. e2 l  x2 i4 E2 a5 X6 a         }9 T2 t+ G' s+ t, D7 ^0 P
      }( B% {9 R: B8 k2 D+ K& k+ o" o
   if (xDir == "right") {
3 q; ~) b; ~- s      xPos = xPos + BallSpeed;
( S( B) X- ?) l8 d5 b( u0 R/ Z      }3 j. V, q! E7 O! }+ l# R0 D! n
   else if (xDir == "left") {& A; A9 e, m/ q! v2 y
      xPos = xPos - BallSpeed;/ b' k% w4 B  i1 k5 A
      }
) J( w2 u! D: ~- P   else {
" A3 t. F9 V8 [+ T8 K" I      xPos = xPos;5 N( h) Y9 e2 _6 m
      }
& p5 S& ~3 E' k& A! ~1 p/ I) N   if (yDir == "down") {
* y; D" x$ U& T1 ^5 d; _1 Z      yPos = yPos + BallSpeed;9 A6 O) R. m( l: r* B8 @: k
      }7 D5 G" O; x0 r* `4 S" Y( q
   else if (yDir == "up") {
. c/ d& V7 @; Y5 h, V      yPos = yPos - BallSpeed;
4 k. e6 y. b7 n6 j      }
! j' w; n% d+ u, C5 j; a   else {
/ R+ K  d* M; V2 b4 d/ A      yPos = yPos;
2 i9 |0 ~" G% |0 o+ Q      }6 \" u/ l; {, G* V; Y: ~5 a
   }
6 @9 s5 e) G+ i( S8 v) q$ Y0 z0 J3 [+ B2 z8 f  f  |; ]! a! D! q
function hidetext(){
: f: I% Z+ T, bif (document.all)9 g$ U4 S5 R7 i4 y- F3 Q
supertext.style.visibility="hidden"
5 u. @: m9 f6 D9 {0 ^+ B# Melse if (document.layers): `8 c$ c; `$ R$ Y3 k0 j  r
document.supertext.visibility="hide"3 T: o% C2 ]8 D, `: G
clearTimeout(animatetext)
9 E4 s: m; b) Q+ D* \8 ~' _}
& r) i+ `0 d0 q# w9 P* ~/ v0 L
1 O7 i9 ^* j7 c2 pif (document.all||document.layers){) y8 b1 v2 O, f6 A0 _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; V6 y) ]9 I  R* J  U$ U; ?& Bwindow.onload = initializeBall;
5 P+ W3 }9 ~7 Owindow.onresize = new Function("window.location.reload()");5 g+ N5 B0 [: Y3 b, C0 Z3 d
}
  z- y+ D4 X+ E( Z: j' q# Y$ A' D) D& g8 W2 s9 L
</script>