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

zw2004

<style type="text/css">& _1 W" g6 M- s/ Z0 b+ k
#supertext {! j9 J0 u/ y# T2 w. d
position:absolute;- Y$ J5 `5 L. I# n! [, L* u/ I
left:0;
5 E; \1 Q0 V' M# U, o* n2 stop:0;
5 H) z, i# p5 Z7 O! z3 M6 {5 lvisibility:hide;4 h! E+ d9 ?+ I% ]
visibility:hidden;/ J& _$ s- W5 ?* q2 @4 W) t* s
}
- e9 {3 |$ W+ h: g4 X# L+ l# t</style>
, c1 w) R6 Y+ D+ Q8 R1 k/ O( C<script language="JavaScript1.2">
3 n( b8 m  h5 u<!-- 改变下的字体的大小。颜色-->
6 x9 ?& D/ O1 i1 \, vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* l6 ^, _( u$ B% Q% h* V$ Y0 L6 \& |
var hidetimer='';
9 U2 x1 U* R4 w3 R. r4 @<!-- 改变下的弹跳速度-->. s! J9 u2 h0 V+ b2 {3 q; c6 Q
var BallSpeed = 20;9 u/ O! m8 [6 K6 q! S
var contentWidth;- u  B/ u. Z- a3 G5 E; k
var contentHeight;' S( a: J  }6 Y/ j- }( e% i( @
var maxBallSpeed = 50;
) d3 u8 m" h4 }2 `3 o8 D% N1 u0 q; n& p; L3 J
, W% v, p1 T, @3 Q6 _2 f9 Y7 O; J
var xMax;
! D" _" A1 E0 O! z  c/ Q) hvar yMax;3 v9 `$ k+ R5 s6 ?
var xPos = 0;
; t7 j4 f" O: G4 p) Y& f3 a) Qvar yPos = 0;
; ]/ P1 a/ K( }9 t, g; B! lvar xDir = 'right';
7 h4 K; F! }3 }) t! W- R( [: Yvar yDir = 'down';
! k4 P: K+ n6 B2 @& T6 k- uvar superballRunning = true;- H# }- j) H, [" W7 U
var tempBallSpeed;0 S2 K2 r' R4 s/ p) O" G" v
var currentBallSrc;* I' l! ^1 }4 _1 [  F3 N
var newXDir;
9 x% i1 Y7 e) m5 W- ivar newYDir;
$ l/ i! C% k/ V; w5 W# F; A8 P& x/ Y2 x& ^4 K
function initializeBall() {
4 C! X) d: A( M; J1 n5 }( N   if (document.all) {+ L# {0 b  Y/ o# L6 J: `# d" X
      xMax = document.body.clientWidth
& l' |1 h1 z1 z! c      yMax = document.body.clientHeight
2 L# t1 g/ B# m- h7 A3 L      document.all("supertext").style.visibility = "visible";
3 W6 |5 G0 }$ m0 D7 k      contentWidth=supertext.offsetWidth
& c' Y5 U8 I" ^9 X# k( i  E      contentHeight=supertext.offsetHeight( A* q/ `0 h0 H6 b5 B
      }* h8 A+ `& s7 L, H8 [
   else if (document.layers) {
3 S) |5 Q2 p, H# R2 _- u) ?7 X      xMax = window.innerWidth;
3 [* F: o" [( X: }6 `      yMax = window.innerHeight;
) G! u% K: l/ x3 H2 O, F& `      contentWidth=document.supertext.document.width( T* g: R1 s5 n8 H
      contentHeight=document.supertext.document.height7 P, C/ b4 K  S9 P
      document.layers["supertext"].visibility = "show";
' Q6 N% x  q) `" W      }
! ?5 Y3 q) @* J+ t" F. r   setTimeout('moveBall()',400);0 m7 X0 x9 m, A2 v
   if (hidetimer!='')
, G+ U/ x( j8 V0 y7 j/ ]   setTimeout("hidetext()",hidetimer)
% v# ^5 f1 G7 \/ n6 N. Z) i   }
6 ^2 z3 _4 l3 o. p2 }4 q
. v' M9 v0 H* H9 E3 Kfunction moveBall() {5 p$ n; a, i& {7 _" W) h' _
   if (superballRunning == true) {
4 `4 t) J# z- b0 d6 q* c* D      calculatePosition();
9 e  a6 @/ ?' y; V5 G1 V' l: m      if (document.all) {
( H. \, j0 x" }         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; p$ a; Y, i; ?- V3 U         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 O8 U1 Y# G0 _4 N         }/ x+ f0 |6 c" z
      else if (document.layers) {9 B+ P2 q- k9 H
         document.layers["supertext"].left = xPos + pageXOffset;
3 ?- O! E2 b% g. n- I         document.layers["supertext"].top = yPos + pageYOffset;
/ c4 S, Y/ p0 I# j7 C( B  z         }
4 k0 e2 o, o9 R- N; @      animatetext=setTimeout('moveBall()',20);
: x/ a8 l, A. }9 \+ }2 T      }3 _2 E9 f. E# X/ l$ d9 Z. C
   }
  h/ g6 a5 L. z
3 J1 _3 \4 J0 Y2 J: kfunction calculatePosition() {$ n5 @3 d" B; i/ I  O8 @
   if (xDir == "right") {
6 u* o0 D9 [) U      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 X# L1 s& {. y% c! ]6 E         xDir = "left";% |- y9 e" Z, g6 y! U
         }# c3 [4 I0 K, D6 _2 X9 n( l
      }% a" v  K1 w7 s- @) v
   else if (xDir == "left") {  n. @7 b, p; n2 t" l1 \
      if (xPos < (0 + BallSpeed)) {3 J! B4 ?( l+ G  |' Y
         xDir = "right";) m4 o* m) b  ]1 O
         }" @5 ^; P& x6 `" N9 I- u- l$ T, x
      }
! A6 k% W% Q: {   if (yDir == "down") {& l) u- Q8 }0 m5 w
      if (yPos > (yMax - contentHeight - BallSpeed)) {" r& ^7 |4 m) e' I" H( T0 F" {( J* l
         yDir = "up";
  ?4 q" e2 `5 E$ D         }
  ?" M& s/ u' p      }7 J# q! X+ b/ O4 W
   else if (yDir == "up") {4 h0 a4 i$ u1 H+ }
      if (yPos < (0 + BallSpeed)) {
5 p: z0 V# q, o5 S8 Z         yDir = "down";2 ^$ u3 |- K+ N4 _. t9 j: K
         }
9 @! n" P$ c& m% K      }
/ `& {7 }& @8 M. d: f$ N   if (xDir == "right") {
: H: @" L( Z. \) Y3 b* d$ K0 `      xPos = xPos + BallSpeed;
; s7 A. q# _+ ^! F# V      }
* `9 C3 a" }: S6 K/ A% M0 `   else if (xDir == "left") {* s+ x5 }7 f+ w
      xPos = xPos - BallSpeed;7 H& F% p8 e" q7 O4 J+ B
      }& J. l+ {2 E, R
   else {
; m7 H/ m9 N8 b# ?9 o      xPos = xPos;% Q$ {# ]( R* h- n7 a
      }* l5 X, e# g0 ?/ v0 c; h7 \
   if (yDir == "down") {0 l8 ~- g: ?5 c% ]' W
      yPos = yPos + BallSpeed;
  R9 }1 v* r1 C# A7 Z      }
3 l; C! {& [+ O3 V9 g' N& s) |) h& e   else if (yDir == "up") {
* {9 L1 d. j% [3 l; h      yPos = yPos - BallSpeed;
2 F3 G  K1 c# z3 c' R) A      }
( c% f/ T  d4 G; Q   else {, m# w  X7 e. J% ~
      yPos = yPos;: X4 L0 ?8 Q: ~3 P: ?2 o
      }4 M6 R) p* S' `3 k
   }6 m4 A7 ?9 @8 s0 }! B

' y9 @5 s. @9 F/ e+ R" afunction hidetext(){
7 Q( n+ b- N" f3 B6 N% ~3 ~6 Qif (document.all)) c! E4 f- c3 P7 N4 t5 [7 |# i
supertext.style.visibility="hidden"
) \# l7 d- m; oelse if (document.layers)- n0 t3 J3 i* h1 \
document.supertext.visibility="hide"% ]# o7 h, g$ j# d. D
clearTimeout(animatetext)
6 M5 a- Q/ B9 G5 p& [) `: A}" M5 ]5 ?0 T* n; s5 k2 g
- M; k& i6 i( Q7 j
if (document.all||document.layers){, I7 m4 ]. X4 m9 L1 L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  K* _7 w1 o% b$ S$ \
window.onload = initializeBall;! O. S9 j0 E& r( P; E" e( J7 n' S
window.onresize = new Function("window.location.reload()");: I( N4 Y& t  |! h  V1 g
}. o! m+ _; Q& J) T+ W5 ]0 ]
+ |# Y. n# E# I
</script>