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

zw2004

<style type="text/css">
8 G+ ^) D( y* c& _) f#supertext {6 `' s) o2 o  A; b( z# }8 W1 X
position:absolute;% `8 u) c2 K9 t7 Z, T6 H
left:0;6 z5 f# P! _& }
top:0;) f1 g  N% C" g; v' [# K0 @
visibility:hide;
2 h2 f8 K0 ^7 g  d; K( Gvisibility:hidden;2 w& N, f) O4 R! P. V
}
  y6 Y0 e8 \% W& w</style>( N0 o+ _# P; V, {& U/ |& m  G6 l
<script language="JavaScript1.2">8 Q8 e- J0 @# Q' Z) w3 v
<!-- 改变下的字体的大小。颜色-->- K! x; A, b7 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 _8 _' \* o" p# J
var hidetimer='';
# t; m4 ?0 X6 \<!-- 改变下的弹跳速度-->
$ D. q- i0 ~: A" J! Q+ pvar BallSpeed = 20;# E& l  ^8 C0 Q0 Y
var contentWidth;+ F& c4 Q, J2 x, w. a, j! g
var contentHeight;
) j9 o. @) x- ~& N& bvar maxBallSpeed = 50;1 k4 B/ P2 F9 U/ V& b% L2 \
, c- V1 f9 X; A7 m( J; V; T# g% g

" u- Z5 W; B, _8 h) n: x" N2 }) pvar xMax;1 b9 \- P- g8 C. C, w6 `( f9 _
var yMax;
1 H' o' K5 m4 Z) m4 Mvar xPos = 0;' o/ _7 D3 n2 r5 t% l: L" W1 e
var yPos = 0;, S8 x8 B/ ^$ g) {% u
var xDir = 'right';5 S  Q% w5 Z& m9 Y# P, J
var yDir = 'down';
9 V$ U& _& z7 wvar superballRunning = true;3 j$ n2 S, v; a/ ~; ]
var tempBallSpeed;' c6 P/ M* n1 \, m' `% N/ {% f
var currentBallSrc;
1 J, S, E( B2 e1 D: H: B% Bvar newXDir;0 ]: w6 c! W$ d5 A0 [1 H
var newYDir;
; F9 ~$ V3 B) _4 R' l0 x0 q: X  l7 A5 V
function initializeBall() {
+ j2 ~9 z+ O5 Z3 u5 h' y   if (document.all) {
2 `8 T4 l# m- y! q      xMax = document.body.clientWidth
, |# e; h  o' p7 f: ~+ j      yMax = document.body.clientHeight1 [& T; Y; k1 H) M% O: `  j. l! o
      document.all("supertext").style.visibility = "visible";* m6 N, b& u2 l* m
      contentWidth=supertext.offsetWidth7 d5 Q) f* p& |0 m/ g% p9 G* L7 V
      contentHeight=supertext.offsetHeight
6 G2 i! v8 Z( l$ h' R5 q' Y      }
5 m3 D  C3 W6 n9 ]. C) R   else if (document.layers) {/ n( T2 F# Y% t
      xMax = window.innerWidth;
2 Y8 F: H3 I4 l2 \  D9 L3 A      yMax = window.innerHeight;. J0 r8 s9 ?+ C
      contentWidth=document.supertext.document.width
9 j1 @# z4 l6 b9 o      contentHeight=document.supertext.document.height4 Z: f; ~1 e) m) ?! w, l# u: w7 R
      document.layers["supertext"].visibility = "show";
3 w& ?6 Z- V4 Q: z      }
9 v: h! l0 |* B* f   setTimeout('moveBall()',400);
7 {2 {, `: A! D+ O/ F% ^   if (hidetimer!='')& b% Z' v7 k' h& X: j
   setTimeout("hidetext()",hidetimer)' H: M  O2 u  q6 m& D& O) q
   }& K6 _: c# c+ n+ k* g3 `

' s+ h/ u* S) Q, |/ ]4 Wfunction moveBall() {
- R' S7 I0 A1 r% v6 W   if (superballRunning == true) {- P4 u- d! o5 R7 v6 v0 N& k, I
      calculatePosition();; a4 u3 V! m0 }
      if (document.all) {* Q/ z# p3 ]8 R# f) `
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 X* i4 U) [0 _5 {. R$ }         document.all("supertext").style.top = yPos + document.body.scrollTop;  F) I, {' c1 j3 D  w1 Z7 q4 p
         }
0 s5 p+ a: E" a      else if (document.layers) {. E) w0 W- Q% Q. H" _
         document.layers["supertext"].left = xPos + pageXOffset;
+ b" H  ^' f2 K3 n         document.layers["supertext"].top = yPos + pageYOffset;
3 [  Z1 K" z3 ]+ M& U# C         }
8 o; s0 n/ f8 J( A7 u* w! }6 m      animatetext=setTimeout('moveBall()',20);
0 n5 `8 X, |+ g" _) T( B      }+ |) @4 P5 N% t
   }4 x# I7 R5 ?  P# i

+ m0 V1 d. G) x6 l" E9 dfunction calculatePosition() {/ I; w7 x6 J2 b3 T
   if (xDir == "right") {8 v5 D- E! L4 K& A6 Z$ b; `
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" m8 G5 c4 W& Z2 f         xDir = "left";
3 |+ d7 t5 ]" G; I- V7 E. J         }) o* S3 F$ ?9 Y3 m$ l3 l
      }
- I9 K2 h) Q5 C   else if (xDir == "left") {: s9 u# m5 r3 o! f
      if (xPos < (0 + BallSpeed)) {
& |8 E, m/ Z: G' O5 C4 h' @         xDir = "right";
; q8 M! [6 x" X9 J5 b* t! V         }
) o. Q# L+ }* s) ]      }% M, a: ~3 b# {$ P% T" X8 _
   if (yDir == "down") {; ^" S" b9 [- w+ Y
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 w& i, e% i1 I1 y% l1 T% i$ e         yDir = "up";1 H8 @" [- Q& v& n; A9 F' O
         }
. d9 z- D  i4 [7 [+ m      }* e0 R/ \. [8 L3 B
   else if (yDir == "up") {
) [/ b+ c" F3 P      if (yPos < (0 + BallSpeed)) {  K- K6 n- b: E
         yDir = "down";
! ]: W; g7 s' C         }0 o( _/ B0 M0 U; ^
      }$ `$ j$ |. k' m: i3 W
   if (xDir == "right") {
( h) q- w; ]" g" x; O+ n3 U      xPos = xPos + BallSpeed;
& W- n' E3 o  G& B( j3 V      }
8 d7 b+ c2 G- A$ x, d) ^1 q, d   else if (xDir == "left") {
0 h, @- f: _: R' `9 ]! t/ ^" j/ T      xPos = xPos - BallSpeed;% b" X+ |: Q+ Q2 k
      }
% b& Q% A6 b" f' y( N* s2 `   else {' W# l+ `& j: B9 g0 Q
      xPos = xPos;
, D9 p# |+ d3 e4 ]. z, e$ B  g      }% \& X+ m/ o$ O8 m
   if (yDir == "down") {
5 a* g: K: z5 T3 W      yPos = yPos + BallSpeed;$ D- p7 L! p1 E* z$ c, h7 w4 J! W
      }# |1 O8 ~2 H: L- C3 N% S4 V& V
   else if (yDir == "up") {
% ?* f7 n! ~9 q* p8 {! {0 o      yPos = yPos - BallSpeed;& N  R1 v& p1 y
      }* D0 Q5 E1 {2 \( A, m2 _8 \( e
   else {/ U, d! E, L% l7 s7 I% a
      yPos = yPos;
4 U! j  r; \# L0 t0 x$ Y      }
5 v7 D7 k8 j9 x: Z   }
" ~5 C" {5 P0 {3 I- M5 g
  Z  j0 Y* Z0 Xfunction hidetext(){8 Z' ^5 l: F; y9 O. _- z
if (document.all)3 w! x- J* E0 V9 E8 q! R2 J' b  s
supertext.style.visibility="hidden"$ s* d; R+ S2 o2 u/ b
else if (document.layers)2 x5 K% i4 s0 ?
document.supertext.visibility="hide"
, F+ L  F& v: d" c, Q- gclearTimeout(animatetext)
  R8 o$ o  t3 @; Z6 u6 |+ I$ X}
+ y, k# n/ o" Q0 C3 x  w8 d/ e2 T! e: V( [; V0 w
if (document.all||document.layers){. w. i1 X: H+ E5 r' q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 C: W, c& d1 _" `& J
window.onload = initializeBall;
- {! Q( w) H) Q) ~window.onresize = new Function("window.location.reload()");
5 b8 c/ {  S7 |; ~9 u}
4 ?; s2 c. s' I+ P2 d: K% R% D2 U- F3 i$ s6 j& q
</script>