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

zw2004

<style type="text/css">4 w& T! v. x7 g
#supertext {: ~  N0 |0 s# n4 f
position:absolute;! h  a8 E" v. G  _/ a; K1 }8 \& _8 R6 ~
left:0;, [7 D' p& F& t( T
top:0;3 H7 G; }) z/ n) F  Z, l* w% J( n
visibility:hide;
! D& u+ T$ ]0 j& yvisibility:hidden;' x. R; E% Z* a" q0 S
}
/ M0 H( Q: O9 r7 ]+ {! C</style>' O4 Q2 V: X, j+ _
<script language="JavaScript1.2">. @3 `. N. _$ ?1 y6 H
<!-- 改变下的字体的大小。颜色-->- E, `+ K9 |5 P* F% N( G, Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ O8 i1 p+ B1 q
var hidetimer='';: U  f+ f. @  J% y6 Z8 L4 D
<!-- 改变下的弹跳速度-->$ d" Z4 H; Z# j' _. T
var BallSpeed = 20;
3 y& T1 y& r" N8 q/ @var contentWidth;
5 r8 {$ C( N) Z4 p9 fvar contentHeight;
# r9 ]- e. ]2 B, c: ?+ ovar maxBallSpeed = 50;. s* B2 K7 b( C) H
; A' a; R. z5 D7 J7 ]1 k0 W
% e5 S* i& y7 c% \
var xMax;3 b: Y& k+ z2 E
var yMax;
) b& @% b! Y. C, `var xPos = 0;
  f3 Y4 P! i0 {( z/ p6 H  mvar yPos = 0;  Z# y. p9 v! h: q. \3 q
var xDir = 'right';4 G! L6 y+ N0 ]8 l
var yDir = 'down';
5 |# Y  C7 V" Fvar superballRunning = true;( f: l* ?6 g; }( z
var tempBallSpeed;  K1 ^+ ~+ [" m4 m( }2 V$ Z
var currentBallSrc;
/ @, D8 ^/ P1 x7 A, Bvar newXDir;6 N/ b, ]) n6 f: C
var newYDir;( O; B8 X) r% V7 g/ T3 @

: {" D# v: m# lfunction initializeBall() {
  I7 d4 g8 Y5 s4 Z   if (document.all) {
0 `( N0 ?7 M) n9 u      xMax = document.body.clientWidth
  W, h9 U4 {3 p* X( Y& N      yMax = document.body.clientHeight
# u- Z8 d5 u( n* }5 n      document.all("supertext").style.visibility = "visible";
$ P; o, j5 f+ [      contentWidth=supertext.offsetWidth1 i# Q$ _3 U0 C% A& ?2 v3 b) h
      contentHeight=supertext.offsetHeight
5 q1 X5 X. ^' H5 J      }" [) }1 ^+ f6 M) }3 S
   else if (document.layers) {
& h% J! v: Z1 b" [; b% n      xMax = window.innerWidth;! \* P, W6 ^/ N, `# s" U" V
      yMax = window.innerHeight;$ e; q, }/ Z' p1 C4 [; x8 u
      contentWidth=document.supertext.document.width0 k' p1 i' \1 ^2 e- u7 E
      contentHeight=document.supertext.document.height
3 q5 J) D  Q0 h# i! S( Y      document.layers["supertext"].visibility = "show";
( q3 M; G4 r) [6 w4 T+ r1 v      }
: }3 C1 z" d0 n2 {% @" ]   setTimeout('moveBall()',400);
' p2 Z' f- j& N* {; k   if (hidetimer!='')
8 U) |  V4 u0 s   setTimeout("hidetext()",hidetimer)$ K& o+ I6 u' N5 T0 }
   }
8 K1 I5 E' g9 l: k. u2 P1 X; }
8 E+ C5 z$ E5 k; H9 V% cfunction moveBall() {% D4 B$ z. L. S1 Z4 W
   if (superballRunning == true) {4 J8 M# |) \6 B
      calculatePosition();
* p% Q4 K* r/ I- f5 |9 o      if (document.all) {
- ^- g) q+ g( x/ Q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! O0 [% z- M  x6 }' q( i* S         document.all("supertext").style.top = yPos + document.body.scrollTop;
  N) b5 Y7 h" z         }' G+ O# w9 G; T" a
      else if (document.layers) {
: G" ^' n4 G' L* r0 p/ S: D/ ^         document.layers["supertext"].left = xPos + pageXOffset;
- ~9 R" v6 i" y7 s& {% F9 S         document.layers["supertext"].top = yPos + pageYOffset;
3 k, F  r$ f; h/ _$ K) |         }
% ^, o( n% ]' s/ a5 G3 X      animatetext=setTimeout('moveBall()',20);& E/ q" s. N6 n; K5 `
      }
, [" r) d3 z* E# V3 [" }8 Z0 r$ {   }
; N* D1 x- @( X& H8 C1 I0 r
& ~! q8 F3 [  [& L) ^( ^; S; Rfunction calculatePosition() {8 b6 @  ~  u. \" U
   if (xDir == "right") {9 A- B* {1 g4 |0 @: i
      if (xPos > (xMax - contentWidth - BallSpeed)) {& g* Y. p; H2 o2 \
         xDir = "left";
2 x/ K: `  _+ r6 K+ f2 j; p         }) i  z2 V- R0 p/ l  m/ ?1 M$ O, m
      }
- j6 Y5 K& M4 X# b- L1 G. l% \   else if (xDir == "left") {
8 _/ Z5 X( j1 Z8 z/ c5 j& y" A      if (xPos < (0 + BallSpeed)) {+ K% }. ?7 a7 w+ g4 [* b
         xDir = "right";: d- d/ _% c3 a7 ?! |
         }
& q/ j2 Z- `; d" g- q* h      }5 k3 s3 |& }# [/ `' h2 x. P" ^
   if (yDir == "down") {3 O/ y& h0 u3 g1 O0 E. ]3 l# @+ i
      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 A8 d" l' j/ Z5 e7 D; b         yDir = "up";
' b& y8 |3 x8 A- g2 k6 ?         }% l8 \$ J3 f/ m# t+ W/ k. S
      }
9 B7 F6 h+ {  x9 K0 n" ]* f1 ~   else if (yDir == "up") {* @4 \$ ]3 c; k- @1 B/ J: i
      if (yPos < (0 + BallSpeed)) {  H& d/ b; k. w% c, }5 b
         yDir = "down";
$ J2 d, l( D! U+ D; K         }
7 k( ~# X2 V1 ]      }% J* T' g8 U" X
   if (xDir == "right") {! L) [% Y; Z$ J0 |3 u
      xPos = xPos + BallSpeed;
8 J/ B7 N4 X1 \5 k  S, ^8 Z" p5 K      }
( U. K0 g, O8 Z+ Q3 O" l, ?: g   else if (xDir == "left") {
2 Q5 p2 m) T5 z+ x( N/ q) A/ o      xPos = xPos - BallSpeed;# R; @" c; E7 u
      }
5 {, P/ D, x! T: E# @   else {
$ j( t/ A+ @1 A+ [/ Q      xPos = xPos;
" L0 [. \$ X& W      }( A2 ?8 d& B( z; J
   if (yDir == "down") {$ p4 S6 s/ R( _5 D& b* q) \2 }
      yPos = yPos + BallSpeed;/ S/ a1 @" J0 l1 a8 a: R( `
      }
0 J) r/ _. T- Y* F% k$ T   else if (yDir == "up") {3 J% t5 ?' _: W% A, P! L7 L
      yPos = yPos - BallSpeed;- h: R# t% ]: c1 L4 [$ u+ f# C9 j
      }
5 \9 A% C: {' ]/ g* p5 f   else {% j9 [3 e2 A" @6 C9 t' D" E( q8 K
      yPos = yPos;2 c. g  m6 f+ H  b: X
      }% [$ ]6 l# k* ^3 \, T  c/ q% ~: T1 c
   }4 E* k6 F" B; T* }) u$ {8 k
4 U- x. Q3 L0 ^% O, W7 E/ E# Z
function hidetext(){
0 k* j( k! f9 zif (document.all)
$ k+ c- {9 M9 r9 k; Asupertext.style.visibility="hidden"" c. G* b6 H# h, ]
else if (document.layers)
7 y' d5 Y1 g0 S- v6 B' o* t0 r  Fdocument.supertext.visibility="hide"/ C9 g9 f  u2 u+ p- i
clearTimeout(animatetext)/ _- a' |. X; G& m+ Q: u& [
}
- D9 f0 _; D5 m5 g% P. d9 w% N- g6 {6 f) p
if (document.all||document.layers){& B6 [! l# ]3 o# g
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( r0 y9 x$ h9 Kwindow.onload = initializeBall;! Q/ N7 M# m8 S; W5 x
window.onresize = new Function("window.location.reload()");' f. R; {  |: G% g" @( c( r4 N
}5 E, G' w8 @6 Q0 K; H
8 n- X. s, @  i2 ~7 E' C
</script>