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

zw2004

<style type="text/css">0 t9 K( Z: d  P- B
#supertext {
" [( r! a# S% M, W: t- @: V' L- tposition:absolute;
. R$ U3 ?5 q9 bleft:0;. ~( W; y' K0 g5 g# c- B5 I: h
top:0;
, v+ f; i! c" A  }+ n4 }. r& Tvisibility:hide;/ K* B0 w5 K4 H  a- g4 A, b
visibility:hidden;/ N$ u4 `( ]* z1 r
}3 k# }: ^  F0 z2 t* l* r* m. q. W
</style>
8 c+ P  a  l, x<script language="JavaScript1.2">1 G0 Q9 G- t4 l
<!-- 改变下的字体的大小。颜色-->
$ E. t" }, w0 p' M$ Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# N: S4 y0 E5 H/ U% ?9 Ivar hidetimer='';. i0 P8 @) Z# w* |4 G$ K
<!-- 改变下的弹跳速度-->0 L6 C" F8 M3 C  L# v
var BallSpeed = 20;9 y' ]  I4 j8 Y) r- M, r8 _
var contentWidth;6 ]/ X9 H4 _* u" x
var contentHeight;
- D9 k, L) P- ?* p8 {7 X2 Z4 S0 Kvar maxBallSpeed = 50;% p* W* B: H) e) C- W; R

4 o* X# u7 L. }' L3 b; x6 v' d, J/ Z6 i- o5 i6 G1 M
var xMax;+ t1 G/ o! V% |; Z, L4 e6 a
var yMax;5 M3 e1 s& ^$ T( Q
var xPos = 0;
: M9 A1 t+ W" Z6 t# |; yvar yPos = 0;
1 e+ ^. R1 d/ M% W# V0 E5 xvar xDir = 'right';/ i* G4 Y% w; B/ N/ {' `
var yDir = 'down';9 R) ?' D6 M2 I; o$ |/ d# l
var superballRunning = true;
! w: T. Z! ^2 d/ u3 Q: Z; fvar tempBallSpeed;6 g. a3 i* k( Y( m- M8 q! Q
var currentBallSrc;7 f" h  n, U/ R3 Q, j
var newXDir;
  ]% B& X! v( d1 p* p) svar newYDir;3 r( e" m3 e+ k0 w# I$ b/ C/ V& Z( N
/ l6 l. ~4 Y0 j5 v! D: e/ _6 L
function initializeBall() {
5 `( O$ t+ [4 {# w2 H3 E$ W$ Z  P. [   if (document.all) {9 Y) A1 k9 B" t( E
      xMax = document.body.clientWidth
# A$ q6 Q! i) h/ e# a; o      yMax = document.body.clientHeight2 k/ Z+ V& }+ h# q! m
      document.all("supertext").style.visibility = "visible";( B" a1 V. o: ?1 V) }3 S9 ~
      contentWidth=supertext.offsetWidth3 q$ n) U0 {( l( Y, O; p
      contentHeight=supertext.offsetHeight$ J8 ]2 J! I) @4 a( c" E' p
      }* s/ Y6 n; v2 {) I
   else if (document.layers) {
( E4 q. r, O3 L* u  d, ?      xMax = window.innerWidth;
( O) d) W$ w- h. i      yMax = window.innerHeight;9 v1 n, R6 V6 S% R7 A# L
      contentWidth=document.supertext.document.width" @8 j/ D; C2 T; F
      contentHeight=document.supertext.document.height
- D0 N8 i* _$ Z; L      document.layers["supertext"].visibility = "show";  I& ~- k: r+ u; m7 |0 R
      }5 x( G* A0 n, Q) P  b& |
   setTimeout('moveBall()',400);! ]) F1 t) N. g/ i- D
   if (hidetimer!=''). I5 W+ w0 \% s) L+ p, U
   setTimeout("hidetext()",hidetimer); U5 c) b: e. C: m- l! d. U- m
   }
0 Y: p2 S) Q9 m) }# o# F6 R: a- {
2 ]6 Q& N, M# q/ tfunction moveBall() {) U. |% \! f# P2 S
   if (superballRunning == true) {
! v" g' z2 o+ e; k: R      calculatePosition();6 ~9 f1 N3 D3 d, I0 c: ]
      if (document.all) {3 Z5 I' Z2 `4 K3 ?$ c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, u, b) ~, Z& Y" j+ {4 l- |
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ w4 b! Q/ V: p, p# Q; l5 |/ h9 p/ S         }7 K. R) v/ {& P0 F- {5 T& a
      else if (document.layers) {& Q8 C! t* S, V, i, @2 m- w. t' l
         document.layers["supertext"].left = xPos + pageXOffset;
: }0 i. {2 K8 `5 p2 R) }         document.layers["supertext"].top = yPos + pageYOffset;& j5 |- Y2 i1 F3 e2 Y
         }
. k- [7 c, Q6 [* x      animatetext=setTimeout('moveBall()',20);
2 `; M. B3 c$ V# _      }
$ d7 j/ P9 p7 d   }
% |7 }9 w4 [$ \" ^4 l& ]
8 l+ i* X! r: r3 d% ?2 pfunction calculatePosition() {
6 ~. j: n3 n# |2 i9 P   if (xDir == "right") {
8 o( J6 x1 M/ j) w1 [      if (xPos > (xMax - contentWidth - BallSpeed)) {
& R5 c& ?( \" ?/ B* ]2 [. N3 L- a         xDir = "left";
1 [: G2 s+ _) X( g6 R! b         }
# `% L1 g% \6 H      }- m* i8 t% e. R: ^. s! A6 A
   else if (xDir == "left") {" L  @' l2 {; o
      if (xPos < (0 + BallSpeed)) {) }5 @& |1 ]( q
         xDir = "right";
8 V& V! O& {( Y" Z6 s! r9 Q4 F         }- S9 W/ N: `; r' }3 P
      }
) s$ V% }6 x. x4 }  q5 W( Q   if (yDir == "down") {7 m6 O! w, T* A! y0 Y" M
      if (yPos > (yMax - contentHeight - BallSpeed)) {
* F) G' l) Q  X1 T6 N         yDir = "up";
: G' G* Y) k- L6 C  J+ w( a( D$ q         }
5 p& f7 H# q( \/ P; c8 ~# e      }' P& L" |  E0 d0 i
   else if (yDir == "up") {& g& p6 E7 L  P+ \
      if (yPos < (0 + BallSpeed)) {
! s4 j' W* v' }5 ]; J         yDir = "down";; D) U3 w; ~) u4 q7 u, v
         }
  J# J! B( j. s0 m0 ]# i" e2 F      }+ J( t/ V/ q$ P% }& h+ b: q" e
   if (xDir == "right") {
: {. M6 ~7 ]( e5 U1 D: Q      xPos = xPos + BallSpeed;8 R" W8 l& W, d1 ~* P* Z
      }
5 U( x& \" F) y' H$ j   else if (xDir == "left") {4 p4 X6 R5 V8 s
      xPos = xPos - BallSpeed;5 W4 f! ^+ ~# M( m  |7 b* T+ z( T
      }' E" g$ [2 @" ~, ~, q
   else {
( D- k3 Q3 I5 @      xPos = xPos;# a% a9 d) f. t) P" b4 i
      }4 y! K! n( i2 W; E5 a% Y
   if (yDir == "down") {1 R0 e9 Z" v5 y7 r- a% O$ v: J, T
      yPos = yPos + BallSpeed;
9 o, e' H( U& i  ?3 f      }
7 f+ A4 F6 ]" b6 N& Y. r   else if (yDir == "up") {
1 q( E, v9 t; k# M9 G) o      yPos = yPos - BallSpeed;4 t9 D' J4 U# c% U' ]- q
      }$ o# P# O2 r' C1 t$ a1 |
   else {% T! t( ~: p9 s" h. c" o1 C6 b( [' }
      yPos = yPos;
; N, w( p: \# g& T; {      }
; [; s4 Z* A( C7 u  z1 p   }8 ~% y3 P& C8 a8 A& e" P) M

) s" ?/ c- b2 a) q0 d- ~function hidetext(){
0 g7 f$ |8 |) e+ hif (document.all)* L2 ~+ T+ B; ^* a, v( q# P
supertext.style.visibility="hidden"
, [0 g: B& C5 c1 q, V% k$ Telse if (document.layers)
0 p5 A! \9 d  s' H) x. d7 f' S4 jdocument.supertext.visibility="hide"7 Q9 H8 Q) n8 c4 ]6 Q
clearTimeout(animatetext), `+ F% |4 y( l1 z
}
2 d# T5 y: o: U5 R; P
0 l, _: |3 [* oif (document.all||document.layers){
& v% a( W0 @9 adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 Z: r0 b' u; {' Y
window.onload = initializeBall;
, q- u) H  B9 c; t3 n7 Owindow.onresize = new Function("window.location.reload()");( Y( B7 }/ L2 Q8 @# G# _4 \
}
& J& F5 g0 l: u' J0 d3 U, `, l" R! o4 _: w4 K; s
</script>