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

zw2004

<style type="text/css">
9 o0 J# w9 x: ^. B5 m#supertext {$ d: T6 y7 W. m( x" o; _; R; n7 G
position:absolute;
& f; O! A  u+ T  O/ [- }3 pleft:0;) W& @6 r" R4 b. {  j
top:0;
7 k" L8 J8 }9 }9 B/ B, G& k( `visibility:hide;
  r6 v! Z) T) z5 _visibility:hidden;
" \8 ^# d5 ?: p+ y5 Y1 C}; ]* @# F3 U9 [) ]# j( n
</style>: U: a" B, o7 f. w
<script language="JavaScript1.2">6 N2 m. Y3 A* l' p- m+ b
<!-- 改变下的字体的大小。颜色-->. g8 i  l1 h# }9 u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- V* r( V5 F6 s4 m( s6 ^var hidetimer='';
2 G5 o4 X" _6 S3 m. E<!-- 改变下的弹跳速度-->
, |0 M5 @# w: {2 F3 rvar BallSpeed = 20;8 l/ @. `. x% i9 e
var contentWidth;
- T& J8 i/ e2 p0 v- O# Evar contentHeight;7 y9 u6 |6 a. l# I$ a
var maxBallSpeed = 50;
& P8 h# u* p& E0 P# M3 W+ S/ H
. t1 ]* R: a% B2 q, s0 u! f. ?
4 O" M4 k2 L2 H" pvar xMax;, A( e. o2 i) f( K
var yMax;
7 T" u" a( f1 K) R1 Z5 U' Lvar xPos = 0;2 x3 j& l, r' R  F2 A/ w: P
var yPos = 0;
) Y; \0 ~% e2 m. Yvar xDir = 'right';1 j  w5 E  _; b6 [
var yDir = 'down';
$ B6 ^9 ~; Z0 D% qvar superballRunning = true;/ u( b1 r7 S& z7 b2 x/ l* r1 ^5 R) u
var tempBallSpeed;
" \5 r1 l5 ^) ?5 P$ h) U" r/ T  i; m; kvar currentBallSrc;7 q/ F1 c, I6 o/ J
var newXDir;
0 T1 |8 T( {3 \$ W9 F8 i& i/ w' ovar newYDir;* g/ X2 ^; ~/ @9 h( V1 l$ [- G

3 F. w3 p+ g; [& G) u+ k6 _4 \function initializeBall() {
5 `  `! X7 J5 A  m) _0 T   if (document.all) {5 k( X/ o" |' J; v% J- L0 U
      xMax = document.body.clientWidth
) _  p" T0 [  A9 G5 [+ s3 A      yMax = document.body.clientHeight' V% L( `$ c3 [1 u
      document.all("supertext").style.visibility = "visible";5 P, I5 g4 b% c3 s
      contentWidth=supertext.offsetWidth
# e6 r: }' q* U3 X& I, y0 I6 D      contentHeight=supertext.offsetHeight) h- N' S! u' J4 i/ ~9 o
      }
% F3 V7 n! b/ N  j) k/ n; U   else if (document.layers) {; c$ U* h( j5 \$ |
      xMax = window.innerWidth;. V7 J# v; u, |% m6 F% |3 y
      yMax = window.innerHeight;
' _0 Q* g. O/ x; n  u+ o3 R      contentWidth=document.supertext.document.width8 ]+ `0 o" |' C3 l( n
      contentHeight=document.supertext.document.height
  i- X0 T5 t8 R. X  S( I      document.layers["supertext"].visibility = "show";. n' X% f' a. F7 x% H. c
      }
; K  x7 V/ m% F. o! _; X3 p8 }   setTimeout('moveBall()',400);
2 n9 C8 f( I* V' [. ]* ?0 |   if (hidetimer!='')9 N$ i2 X- R2 ~* _( _) m
   setTimeout("hidetext()",hidetimer)
7 x  o! a& S. T, W- _" `' C0 V4 K/ f  ^   }/ V7 x: T) l9 V4 V

5 F2 c& g3 X: |3 g3 W9 C& Pfunction moveBall() {( P* _7 [- d2 @& j
   if (superballRunning == true) {
1 p1 [7 v' i( W9 y, x; ]/ ^, A      calculatePosition();" \3 G! R/ e/ K3 }4 t0 R4 ?
      if (document.all) {
8 Y. i0 w0 R7 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 ]$ u* l4 K  Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;. \3 X* C1 e3 {) G2 ^
         }
$ a& p9 A' a  l) V4 W      else if (document.layers) {; F( V* v& |7 \& q4 ^9 M3 z
         document.layers["supertext"].left = xPos + pageXOffset;
6 `. T1 g/ j  H- y, u         document.layers["supertext"].top = yPos + pageYOffset;8 K. k4 x1 U! l& E9 N+ K( S: N
         }2 Q2 M$ ]; ]6 N9 I# j
      animatetext=setTimeout('moveBall()',20);
! L( ?4 b: T+ |& |3 J      }
* B; H, ~6 }  m. o6 K   }5 b3 v7 u7 m, t/ U( F1 n

/ Y" B2 I8 o# v0 z6 K# \0 z( hfunction calculatePosition() {
" b/ o2 A8 h- E# r% M' j+ L   if (xDir == "right") {
5 Q0 l" Y2 w: {3 ~      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ g) G% M0 M3 V8 F; [' E6 t& \: P         xDir = "left";
* N( D8 h; ^- l- s         }
- h0 q* H% w* U3 p      }
$ C: r, i* E0 C" u   else if (xDir == "left") {
- i; u0 W) g1 X# l# J1 O4 R  ]6 i      if (xPos < (0 + BallSpeed)) {
$ q: F; ]3 _( S         xDir = "right";0 D- o2 d; B7 C1 P* A: ^
         }
: \  n$ e! A: [. v      }) f& Q3 c8 F8 B- q* j) X( d) ^
   if (yDir == "down") {: p2 O0 l1 S8 Q. C( k9 Y2 @
      if (yPos > (yMax - contentHeight - BallSpeed)) {- }0 Y) }- m# L; c' x* m" H
         yDir = "up";7 T& D3 W, v! J" q  i4 O0 `
         }0 u2 V$ L. Z! ]1 D/ H4 r, V4 m1 U
      }! \; K; G( _# ~2 k# F
   else if (yDir == "up") {$ p- `: q6 t+ X. `, x
      if (yPos < (0 + BallSpeed)) {4 F9 A$ j+ e5 E( L8 ]" e
         yDir = "down";  r+ J! O' L3 v/ \! Y# m
         }
) E% _$ i2 L: |& q      }
6 o; i; I9 q" _3 ~* B   if (xDir == "right") {
* S8 j) h& c9 s      xPos = xPos + BallSpeed;
5 N6 W2 n/ F4 w# X5 L7 H( P; q7 i      }' _2 @! S7 \3 A- Y
   else if (xDir == "left") {
6 p( B9 v. p& x      xPos = xPos - BallSpeed;4 ^; d+ E( y# D1 T# }* S0 T
      }
3 s( @! z5 w, a% W" }  A! o( Q   else {' w- e; U$ x, x  o# ]- N8 n+ z! K
      xPos = xPos;
- A! }7 h6 m3 e5 y      }6 q; y& A& T' P. ~* o
   if (yDir == "down") {
( G5 y; m% j; \# t' x' M( _      yPos = yPos + BallSpeed;& J' B7 X5 v# a  [" }! A) j
      }
2 Q% D- r( V/ ^# X  E   else if (yDir == "up") {
: }: s& X) O5 w* v- E0 ]      yPos = yPos - BallSpeed;8 s$ n7 W. p; w( T3 e
      }
" n5 r0 h) `* Q- `- ?* t3 A   else {
' r% ?% n8 B7 _9 e$ @: q: _2 I' T      yPos = yPos;
3 \) D& k! e& }, c- W$ F2 P      }
+ c; R1 Y7 T7 `) N) d) F  H   }
( i4 i6 Z2 g4 `
/ `7 q7 ?" M6 S4 E/ ~2 Dfunction hidetext(){% d" r6 |6 s1 A3 B1 N6 x9 r& P
if (document.all)5 u$ ?3 _0 e* r8 @$ {; \4 P1 a
supertext.style.visibility="hidden"
! ^6 b0 u4 G  U" F+ i. }8 N, W) Aelse if (document.layers)$ y0 @9 z  z! ]( ~* g  o9 p0 w
document.supertext.visibility="hide"
- K# j5 a- q3 kclearTimeout(animatetext)  I: n$ _1 l, ~% ^* R0 s& `* a
}/ ^# d+ f( z, q& H! w
9 }0 }* K% \# D# U6 }0 o
if (document.all||document.layers){/ M/ w* T* U) ?1 f* {( A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  `5 B( P( O' k; w+ G: m; b' owindow.onload = initializeBall;
2 s7 f2 e0 K/ ewindow.onresize = new Function("window.location.reload()");- X, C( w4 h. p
}  m, s6 C4 l! a3 R- x

/ o- G' Q7 c( I; B; w</script>