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

zw2004

<style type="text/css">
: W" [0 A2 U+ j0 B& ?# r0 S7 k1 J+ W#supertext {- {0 q# m: h! d3 D9 F; Y
position:absolute;
, a" m8 H# b! fleft:0;
# L7 K5 Q2 p1 o5 [* n: g$ v, k+ _top:0;
) `5 g% j: O5 v6 n1 |visibility:hide;
& x( Z; v1 ^/ u5 }visibility:hidden;6 g% o& a+ m! \! Y" e4 `# z3 e
}3 b+ e% K! R$ {( g" v
</style>
. t# |' G, E8 D4 Z/ h* }: \* ]<script language="JavaScript1.2">- Y9 I0 s3 Q7 W0 o2 U
<!-- 改变下的字体的大小。颜色-->
- t1 A+ r+ _4 x  L% |3 r  B& _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 {% F; d& J( Zvar hidetimer='';* S! w5 I3 P1 R3 h- L' ]/ f: S
<!-- 改变下的弹跳速度-->
; @" V; j) K( [7 I/ D5 uvar BallSpeed = 20;9 r% C3 ?; q& }5 v1 L
var contentWidth;
( T$ }* O- u) f  [2 `" Uvar contentHeight;
# l, m7 }7 t5 S. lvar maxBallSpeed = 50;
5 M  D& M% U" O+ d9 p' Y: D7 X& P" |6 g3 E. r

5 a/ S: J; p8 j( q' l0 Ovar xMax;6 N4 A9 P6 _5 ]* C5 Y
var yMax;, i1 u" i/ H0 s- |# p
var xPos = 0;$ }' R6 Z2 _3 o8 X  w
var yPos = 0;
' s! T( y+ N6 B( v4 L  b3 yvar xDir = 'right';: _, Z; w" l( Q; y0 ~& `
var yDir = 'down';
7 K, t) g9 S. u) j! V& Ivar superballRunning = true;1 O7 L0 s, j, y. t
var tempBallSpeed;
" p. d" e8 K- Xvar currentBallSrc;
6 [+ ^* z5 j$ O( Evar newXDir;
1 m) S9 Q: J/ m/ G& R( z9 Dvar newYDir;- s7 o: M3 I( H$ l# K
* J  P9 E  l6 u: R1 D7 o
function initializeBall() {
- ~, z: m/ m' ]5 w' X" U, G   if (document.all) {
7 z2 L' f! d1 T  x1 m      xMax = document.body.clientWidth
  L3 z* z/ w5 y. K( k; u      yMax = document.body.clientHeight
3 {4 ?9 Y5 _7 Y  K  ]4 K      document.all("supertext").style.visibility = "visible";
+ [1 ~7 t" q2 O* P2 F% D4 o      contentWidth=supertext.offsetWidth
# d! |. l" K) v* t      contentHeight=supertext.offsetHeight' a4 |0 N* Y% ]6 O  j' K5 z
      }
0 n- ~3 I" a* y   else if (document.layers) {! O( q( l7 d$ X& Z5 ]2 M5 o
      xMax = window.innerWidth;# F8 K, `! s. Y) O& \7 ~4 n+ a
      yMax = window.innerHeight;3 ]2 Y' k% q3 e# D/ [$ ?& |
      contentWidth=document.supertext.document.width3 X* G% Y* t- t
      contentHeight=document.supertext.document.height
; D2 O) K& v2 C      document.layers["supertext"].visibility = "show";) J* q# R2 `4 H& m5 N
      }+ D' K# R+ @6 f( l; o* ~/ S
   setTimeout('moveBall()',400);
/ i+ N( m: s8 P. X! m% u   if (hidetimer!='')+ k/ U( a7 k7 G) Y- R
   setTimeout("hidetext()",hidetimer)( L. G& B* w$ X1 d9 i# \
   }
, X( u, i5 W/ I2 ^4 ]% M% d  h
$ _* h& `& `$ `. Zfunction moveBall() {
6 \' ]9 j; S+ {, _5 q, A   if (superballRunning == true) {( w  |2 K# A1 ?# e
      calculatePosition();! q6 l" ?$ ]# B# l# X* S
      if (document.all) {
+ L6 u/ j& j+ D/ j( {" ^/ g& P         document.all("supertext").style.left = xPos + document.body.scrollLeft;  C* i, n# j$ M) c/ r
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 M) ]6 c$ M# Y0 P7 i: X: V, y
         }
, f: m& I- E4 m  e1 q      else if (document.layers) {
6 A2 }% k9 [' V' R2 D         document.layers["supertext"].left = xPos + pageXOffset;
6 m7 X  {+ t1 A" v0 Y         document.layers["supertext"].top = yPos + pageYOffset;9 }) S# S/ Q' H( l% }  k
         }' {7 g: w. C% v8 P
      animatetext=setTimeout('moveBall()',20);1 g" Z& x" H, D4 M  s
      }" S; S  Z7 U6 a( v- F/ Z0 P  A5 O1 D
   }
/ s2 H1 O5 ]. p3 o6 y: h9 t+ P* |5 b4 R( Q3 u& K. _# h. V) n; U
function calculatePosition() {
+ N, U' j' L2 A* V5 q   if (xDir == "right") {
( f' ^* x! ?0 K: b. L, {      if (xPos > (xMax - contentWidth - BallSpeed)) {7 |) v& j2 Z) e% H
         xDir = "left";
9 u3 @% X& w2 M3 p/ W) m. F         }
; v5 `7 g- x. e+ A2 m! C, I      }
7 U+ e# m% e/ T" ^+ D$ |/ `- x   else if (xDir == "left") {
# ^/ c, D' w6 Q' ~0 M      if (xPos < (0 + BallSpeed)) {
) p. A; w, S1 \$ z) g0 Z; n: o4 S         xDir = "right";
5 {- \; H* f+ w5 v         }
2 p7 L* L# n: h& P0 Q      }
  C" t- A9 I" l! a$ [  a) Y) g   if (yDir == "down") {
+ w! p1 k; D5 Y3 g      if (yPos > (yMax - contentHeight - BallSpeed)) {0 k0 t  A) b$ M; h
         yDir = "up";
1 ^" N5 X$ x7 ?9 d         }2 g! g" r8 b+ ]% J0 q6 P! ?
      }
( b$ E  Y2 }) N* D1 W; m+ o9 {   else if (yDir == "up") {) C/ D0 w( ?/ S) |* X% l
      if (yPos < (0 + BallSpeed)) {
$ `' ^6 x# @3 V0 {* G% ?/ P         yDir = "down";+ T! ]% j3 d3 a- m% a; \
         }' D$ L8 w% ~9 ]- k1 C
      }
  Z: f: p6 I4 O  f% }5 U   if (xDir == "right") {4 W. ~6 `0 D7 a( G* U
      xPos = xPos + BallSpeed;
  j" R, O( ~; A# W" @" r4 P+ s6 u      }
# M3 S$ `; j# m" L: a7 Q) |$ C   else if (xDir == "left") {, u$ h, z2 S" p' s: }: K% t
      xPos = xPos - BallSpeed;
- v) \  i$ t; x  Y      }- n/ H5 s1 R! y* C) ^& ?
   else {
1 P% ^4 m- e9 i# u6 Z      xPos = xPos;# C( F+ e2 h3 D% d( }$ r
      }) m/ ~( C+ R7 Q) C/ |- M) `
   if (yDir == "down") {7 f4 B8 Y5 t( @5 O, i
      yPos = yPos + BallSpeed;
& q6 M2 ^+ f/ F) v, w+ e      }
4 }0 L: F( |# ]+ J! s7 C8 k   else if (yDir == "up") {
1 L) N: u" l# Y- A' s8 O1 E% w7 [, c      yPos = yPos - BallSpeed;3 o8 T& _! P& c0 U# e
      }
; {( ~* U* A* F   else {, S+ U7 U& V5 @7 `% |
      yPos = yPos;' g5 P# y; {7 G, m
      }
( S6 _1 Y5 ~' H7 t   }
! Y$ n9 A2 q$ `1 d) C! I& z
8 A, B3 ]" T$ F8 a7 Q4 e! ]function hidetext(){
- u  w( W/ s$ a, B5 Y0 L; T9 bif (document.all): n' q2 y7 \3 A# J  _
supertext.style.visibility="hidden"+ ~0 J0 I: B$ s0 D
else if (document.layers)8 r8 B2 W; h/ e' z/ U7 H
document.supertext.visibility="hide", g( k4 I8 p) x: x
clearTimeout(animatetext)
! S& O+ e; a& ]+ q}
6 ^' N* x0 t0 A; i# h
4 l- ^4 l% |- Z5 {if (document.all||document.layers){4 A3 H/ ~/ _  C. D7 f) E0 B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). E1 p5 E% B1 \& F" H0 c
window.onload = initializeBall;/ k1 a& ~0 D. J& g& I+ m7 h
window.onresize = new Function("window.location.reload()");
2 y. ^6 l1 s/ b+ _7 y}
( C* Q3 L, a$ G0 f) j$ Q( ~) @+ R
% x0 _$ E1 r8 \2 B; G2 M( c: g</script>