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

zw2004

<style type="text/css">  K  ~3 C! \; ~. ]* ]5 I
#supertext {7 V2 d" C# \; L' D1 B0 z9 E7 u
position:absolute;
& \2 r( Y  \5 j; T) j% Tleft:0;  }& W/ h2 Y+ r: y/ s" i$ ~" x
top:0;
6 l) J* k6 t% ]visibility:hide;
* z* e. \% p1 _6 s0 svisibility:hidden;$ w9 t( k, x- i7 O
}. [7 ?" ~3 Q$ w$ u" O9 f$ D5 B4 t
</style>6 F- S0 C' J4 r  r$ H3 n1 q
<script language="JavaScript1.2">" D3 `. j. v# ]  _4 B) o# Y3 W, U
<!-- 改变下的字体的大小。颜色-->
  a$ f4 ~# X4 j8 p- a! ~0 O0 v, dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ {9 Y) x& v8 o2 t# s! Lvar hidetimer='';- p' P# S) c, Z7 y3 S5 s% T
<!-- 改变下的弹跳速度-->
6 ?. E. ~( C% b! z' u: Ivar BallSpeed = 20;
" R7 [9 G' z3 b' Hvar contentWidth;( Q9 Y" r4 H; C! A
var contentHeight;
/ x( k9 {1 l$ Z" ?1 ^5 Avar maxBallSpeed = 50;; \0 ~3 C$ J0 V1 m/ `& M( s- f$ t

4 B# D1 v5 K. N5 B7 F) j
& p. o; o8 J9 p6 \var xMax;! D3 ]2 y. [- ~
var yMax;# F8 v3 n* L) d, X* b: s& _/ m$ ^" ~
var xPos = 0;
" k, a' D9 N3 @$ pvar yPos = 0;
+ d6 a2 X6 u1 H. K% Dvar xDir = 'right';
; w8 {4 @1 T0 |var yDir = 'down';
' n+ Y2 D! V9 D4 K" J) H  Uvar superballRunning = true;" q7 H% |$ T! N8 B
var tempBallSpeed;
; X1 D. p- w, r2 J) |9 |9 k( P# uvar currentBallSrc;
3 n: c! E# x1 W4 Y3 \0 F1 Nvar newXDir;
& r' y! J8 l( u+ c% B9 Yvar newYDir;
  ]1 `% L0 T2 p: x! _0 b* N7 T; M3 Q& V  E$ n. Y- p
function initializeBall() {( j( C4 V$ w+ n: t5 G
   if (document.all) {( d8 u- {, P0 K8 k% j  `) I( y
      xMax = document.body.clientWidth& ]* N: Y! t' y* x* W+ O6 j% S" Q' t
      yMax = document.body.clientHeight
# z( U. A4 P+ h2 J. L  C      document.all("supertext").style.visibility = "visible";
1 K' l7 C  N+ J/ w: K      contentWidth=supertext.offsetWidth
+ ]3 n/ T3 \! e2 V/ |; W' [9 U0 j( O      contentHeight=supertext.offsetHeight: K+ B( X* p3 y. j' U0 E
      }
+ c9 `) z6 f5 R# ]3 q: c   else if (document.layers) {
4 C- b8 O% A( X: {5 W* ]      xMax = window.innerWidth;
* k$ k4 s! I6 o1 x( E      yMax = window.innerHeight;
8 ^# Z% d4 q  W! F# {+ _      contentWidth=document.supertext.document.width
  {+ c7 n9 s0 ^1 v      contentHeight=document.supertext.document.height2 g- b/ `0 i& r* R
      document.layers["supertext"].visibility = "show";
2 y" Z5 d' I& [      }3 s7 ^" K$ F! J% P
   setTimeout('moveBall()',400);
% D& e0 \/ P/ K* w& P. E, h   if (hidetimer!='')* o, ?# E, W: l7 t
   setTimeout("hidetext()",hidetimer)
5 w+ h+ i3 ^2 P. x4 q8 R. U   }
8 H/ x6 ?- K- A% Q4 r: o: d, g, h" }: [5 C5 j; X1 E
function moveBall() {
9 r% @0 ]) w" p  |7 C   if (superballRunning == true) {, @1 ?" r# C/ l7 }( c* v
      calculatePosition();
7 h4 {7 o$ G- b3 H5 [      if (document.all) {
, k/ c; w( Y1 f9 @& I' p         document.all("supertext").style.left = xPos + document.body.scrollLeft;. ?, p# e* j0 u$ [1 z# C
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( J5 z. \* ^2 m4 i: x9 S         }
/ W! g5 m7 P5 L& M+ i$ ]      else if (document.layers) {/ I/ \3 h7 `3 P' R" z
         document.layers["supertext"].left = xPos + pageXOffset;" D( I' g: T( s3 L2 _9 c! c0 V
         document.layers["supertext"].top = yPos + pageYOffset;
/ g' T; v6 Y( V7 W3 R         }
+ l, K) n2 d; ?7 O3 [/ h      animatetext=setTimeout('moveBall()',20);
3 n: n& d, w- _# Z; e7 Z      }' j: ^: W* i- ]) z# z
   }& Z3 e& D8 p+ w" L0 ~5 r

* O" c. v3 J% P  C% K$ ?! Efunction calculatePosition() {" d/ J7 H0 G% Y8 @( y$ z
   if (xDir == "right") {! K( J' Q- |% G0 m
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 F+ b9 L+ C. L. J" H* q# ?5 L         xDir = "left";
6 `- ~$ c1 p" `3 `1 Y) P         }- d7 D8 C8 V$ u: n
      }! B( p# L. ^" I0 M7 l1 m& C# k
   else if (xDir == "left") {* o* g$ F( q2 [4 F4 I
      if (xPos < (0 + BallSpeed)) {" G( h- m$ @& `1 }
         xDir = "right";
6 d( |1 d& ~( A' ?- B* ?, s         }+ _& L0 R  `3 C+ r
      }
9 S6 U2 k4 y0 W; ^   if (yDir == "down") {& B7 Q* Z# U- b( {3 y) j8 N6 ~  _
      if (yPos > (yMax - contentHeight - BallSpeed)) {! Z; ?% A$ a) W/ W* e5 G# |
         yDir = "up";
$ F' Q  d# E) _. n! @         }
9 A3 B0 ^$ h9 B. @4 A1 b      }8 s( U/ h. g; R( ?* a
   else if (yDir == "up") {
2 ~1 X- N, z8 P) G  z; D& u2 f2 T      if (yPos < (0 + BallSpeed)) {9 r% @9 T+ Y9 t- P: i+ C
         yDir = "down";
) D: ^+ L3 _) M) D' z4 ?5 C* J2 d         }3 U! }6 |/ o9 f8 X4 v: V
      }
: c( X6 X) I. e5 {& G" x5 e   if (xDir == "right") {5 G& ~7 J8 R( t$ m; I2 g
      xPos = xPos + BallSpeed;
0 w( \7 c6 Y! o8 i  g3 Z      }1 N3 O; D" G' ^. q
   else if (xDir == "left") {
  Q# z' Y! U3 d. ^$ t/ X  a      xPos = xPos - BallSpeed;8 D2 h2 O% r, r0 V" o, e
      }2 n; S2 J1 [5 w5 L# x4 u, M7 J5 v
   else {
) `& T1 x: e. Q: ?; o: N      xPos = xPos;! H$ O3 g+ d0 e' v! }) g; y& W; U( F
      }
3 S. t' @# u! b2 W) K" i   if (yDir == "down") {
$ g" N" y5 W" t  m4 d( ?& U. D      yPos = yPos + BallSpeed;# F; F. d- w9 _- S5 `' V- B
      }+ a' X1 A+ f( [2 {) ^
   else if (yDir == "up") {' T5 w( D+ n; ~3 {+ K$ q; S
      yPos = yPos - BallSpeed;- `0 ^; n) g5 I0 a
      }
2 l( _# i8 l2 \- G   else {$ ]2 b8 g5 o# s2 l7 Y( h
      yPos = yPos;
4 V4 w: X; u/ u' z5 N1 Z7 `1 s+ x      }
! {* Y( a; T& _2 b- ~3 r* b   }
* q; m2 W# ~& _' J8 K! P. X# \3 c5 n/ P, i5 z
function hidetext(){+ G2 L' R- m* r+ Z1 V
if (document.all)& B+ C/ m3 H: v
supertext.style.visibility="hidden"1 W9 V7 m* f# e8 R9 Q" {8 P, ?. L
else if (document.layers)) x4 V& z- ?6 }4 m: T$ K
document.supertext.visibility="hide"
! F. L# n9 \  A3 _4 r4 T0 f6 U" NclearTimeout(animatetext)
' L/ s  J% D4 \* H}! z7 I7 r! z# d

2 ]4 B; o+ y+ j: L1 S5 i0 l% kif (document.all||document.layers){0 W7 c6 i! E7 M8 y% }# b( o2 K/ R/ ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), W9 [; d! K8 N/ r, m
window.onload = initializeBall;- j( q* N' C/ q  {& M$ h' H
window.onresize = new Function("window.location.reload()");
- B- H8 I- W5 M* d}
0 b* |0 S+ r7 M& a" }( e8 M7 X1 p$ ^7 [7 [2 a# R% f! t
</script>