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

zw2004

<style type="text/css">* P+ E- a: c* ]; A9 x' m
#supertext {, l, @) r; a* E) K  a; Y% V9 O
position:absolute;
, j0 o# p; P; d8 w  f- Q3 F# dleft:0;( f: N$ _" R( d1 F/ Z" R. L
top:0;
1 w0 H2 z# a. J, C! i3 Vvisibility:hide;
2 ~; i4 D$ {0 s8 y. tvisibility:hidden;
" k3 o# f! J' y5 d& L& U! `}
- m9 p6 Y. K3 k% i</style>
4 J5 i, }4 y# \3 v3 d! X<script language="JavaScript1.2">
" j2 j0 q, v2 G. N$ c* t/ @1 g<!-- 改变下的字体的大小。颜色-->
( E2 j8 q; Q9 v5 xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ Z" `; ?# X) R8 q
var hidetimer='';
/ O! E7 {& J) A. ]- X% C<!-- 改变下的弹跳速度-->0 B  a* n: j7 o8 [  F
var BallSpeed = 20;
% A" t+ @+ O/ S+ p, Wvar contentWidth;) a) k, f' w! O# @
var contentHeight;
/ e6 `  O  U8 T5 q# _1 S; Qvar maxBallSpeed = 50;
* S2 B9 `$ B( N" H, }" D9 ?
* y, c* W: K; `  c% s, }. B
+ @- o; ~2 F5 h' w# v4 {- Mvar xMax;7 E- Z, \! `3 f6 `
var yMax;
, z) y7 ~; j" ]$ Uvar xPos = 0;4 k$ s, z2 J1 e  l0 x; S
var yPos = 0;
1 p/ X7 v! E! I9 M7 R3 B& Jvar xDir = 'right';
0 _+ \( B7 Q. y, ?/ Qvar yDir = 'down';  d) g* [  \( ]
var superballRunning = true;
) O9 b+ l1 i7 P% Q4 z) k8 pvar tempBallSpeed;
" p. v' m8 z4 o# f0 {" hvar currentBallSrc;
8 A- X! o* L8 Mvar newXDir;
! w7 x- c! |' K. ivar newYDir;
0 m& a* m7 O. C4 O
% w% e% G" ?. [8 c* o7 cfunction initializeBall() {
- n1 X. q9 |; ^* n; _2 ]   if (document.all) {2 j8 W7 Z' L2 S4 F4 k* e! `4 f
      xMax = document.body.clientWidth' g- N$ a7 _4 D; B  H9 a! S
      yMax = document.body.clientHeight3 g0 B+ @" K, S9 S# s
      document.all("supertext").style.visibility = "visible";
4 x& O7 B! ]4 `3 N/ e. j4 D4 d      contentWidth=supertext.offsetWidth% f1 E5 f1 h- R- D" I
      contentHeight=supertext.offsetHeight
' k$ u  b2 Q7 j9 d; b, m      }
" ~! o5 W5 e# a+ t" v1 {   else if (document.layers) {
% H, c4 Z# e% N  a' `9 W      xMax = window.innerWidth;3 z7 s, ]. e4 E+ \
      yMax = window.innerHeight;/ m9 C; O/ B% B- ~" c7 Z
      contentWidth=document.supertext.document.width
* n% Q1 J6 g: ]: N, Z" x* V      contentHeight=document.supertext.document.height
8 A9 q% l- `1 E" |% y" K+ C* E      document.layers["supertext"].visibility = "show";
! A# t, t( Z: H) {/ S9 ~( Y8 A" i      }+ {6 D, j4 h5 ]/ n" E! B1 I$ Q
   setTimeout('moveBall()',400);
/ M! t& H5 n2 f" |1 M5 D; k3 R   if (hidetimer!='')
; B: @- G' Z8 D& b! g& E) D   setTimeout("hidetext()",hidetimer)2 I$ _! E7 ~4 i8 m& T
   }
2 t  Z* i. P) F
7 d# w8 S6 a) B  y) dfunction moveBall() {# y; p. l- n" Q# k7 c7 \
   if (superballRunning == true) {
( S1 O* |/ Z2 B- C% ^. w      calculatePosition();# _! e- S2 x; D% b8 o3 [; @7 k
      if (document.all) {
1 n; t, U! N. E( c" w* H- O0 w         document.all("supertext").style.left = xPos + document.body.scrollLeft;- G, x1 m/ ^0 U2 L+ T; r
         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 N4 K" F1 d& b9 M5 O4 m* l3 i, k" m         }
' ]& g$ q! ?% k* Z- i      else if (document.layers) {
- U4 S" ?+ D/ l$ o/ s. E         document.layers["supertext"].left = xPos + pageXOffset;) T5 z# O0 r# ?  G( M8 W
         document.layers["supertext"].top = yPos + pageYOffset;6 T6 u4 b4 G1 K2 g
         }
( ^& m  ]" M; |" H. J      animatetext=setTimeout('moveBall()',20);
9 ]4 F  v- O9 E      }9 t1 R$ O2 R9 S! U. s
   }* p9 k& G. t; E! y$ U* r& a* s) d

9 J6 i8 T8 z4 Z( A0 b9 Efunction calculatePosition() {
2 W" P& k) s$ G  U8 r   if (xDir == "right") {5 G0 a8 s& E* E! H1 r) H  t
      if (xPos > (xMax - contentWidth - BallSpeed)) {
- G8 T* t7 x/ b+ q* m# g         xDir = "left";
+ v0 l7 R. l/ m/ ?* `         }
& N' w  x# \+ x0 j* w      }
/ I$ v' d* p, B' C5 W+ t* g   else if (xDir == "left") {) E8 [' o7 J  i0 m, g
      if (xPos < (0 + BallSpeed)) {3 e& W  M2 _8 `1 J$ {
         xDir = "right";) z. E( ^5 v$ ~& ]" Q: @
         }
2 S; q, R& j# E) j) Q/ V      }
/ o" a) C" @0 C   if (yDir == "down") {# t  r  K+ Y' G! g
      if (yPos > (yMax - contentHeight - BallSpeed)) {  d. Z5 w# R0 o: @3 l  G+ H/ t# X
         yDir = "up";
) u; {1 b2 ]4 A- B3 T! ]3 f- E5 a         }
* v7 @) P+ a! P" A      }
" [: Y8 `3 d6 g; Z" g& m   else if (yDir == "up") {3 O% r- }9 T% m9 x
      if (yPos < (0 + BallSpeed)) {+ T! t+ A" M5 i( G9 S$ \
         yDir = "down";
3 k7 r. S2 z2 ^# R- O0 q+ C         }0 J. m! ?5 r5 y1 d9 t
      }1 _" K0 ~. d6 l2 P0 E, l2 @
   if (xDir == "right") {
' `/ w" ^" r$ D! o! B% f      xPos = xPos + BallSpeed;. }+ T9 B$ a; s0 X3 u2 i
      }
$ o. E8 B+ [+ J; R  J   else if (xDir == "left") {) v! R+ G' i( m0 w
      xPos = xPos - BallSpeed;
' H9 K$ J; F9 |, T* Z" Y      }5 q! `$ r4 s9 e0 r. }1 N
   else {8 X9 U, e0 P  z! ?( ?* _
      xPos = xPos;- J9 ?* W! w3 Y3 ~
      }
& N- c( X( @5 c   if (yDir == "down") {8 R' B' ?* D) t+ t/ u
      yPos = yPos + BallSpeed;! v: S; O& l; b8 `3 x
      }
9 G: z5 A1 y- ^& o# @& P1 h   else if (yDir == "up") {
  [6 k6 s2 j& o      yPos = yPos - BallSpeed;
) q! Y: X7 z1 `* n      }' e$ }+ J  d: w  x! T, l
   else {
. s7 O2 d2 a' \/ r8 I      yPos = yPos;
( p) N; ~% w" E, G  |+ w      }
2 ?3 }; g9 S5 a. e   }
) E% ?" n6 m, h0 i8 e2 ~- D3 t  z+ W2 X& p  X+ ]! U
function hidetext(){0 c8 ]0 L5 W7 D! |+ m
if (document.all)
3 p* G3 z5 A7 Y* I4 J7 ]7 _+ tsupertext.style.visibility="hidden"$ q% \3 z3 I& q3 G2 ]) N$ i' K1 B
else if (document.layers)
0 v8 x. H' y# G, e  wdocument.supertext.visibility="hide"7 ^* a  y* D9 v7 ^
clearTimeout(animatetext), S  N) e- V+ c! }2 @! P! z
}. W  G5 ?0 ]2 e1 w6 \& l; Y9 s
* V# ?6 Z( u$ p0 L( z" V% k: L! V
if (document.all||document.layers){+ {$ K( U3 q" D- e/ ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* j( _% e: l+ B
window.onload = initializeBall;# t1 }, g, U) n2 I% _' w$ G, }
window.onresize = new Function("window.location.reload()");! B: O. b7 `8 G1 [+ m, D
}
- D" }6 r/ K. H5 T. X* x0 A; d! Y6 N, I- y! D
</script>