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

zw2004

<style type="text/css">
/ P% f3 _8 u; G( ?" q, c% f#supertext {
' D3 c1 J8 r% s% gposition:absolute;
9 c1 R3 K; m6 n! X& @& z- D6 K5 Mleft:0;5 o4 Q. z" ?) L: T3 Q
top:0;6 q- a2 P: {' ~" Z
visibility:hide;9 s, K- F7 r" R0 W) o8 @
visibility:hidden;+ h+ q4 ?7 _4 F
}
# G# T5 ]/ y. K% C$ e$ @</style># D: G6 z! P* M3 P0 q8 C% _  T
<script language="JavaScript1.2">
9 O& p5 F8 z5 ?! G) _2 Y<!-- 改变下的字体的大小。颜色-->. U$ ?+ t, p# N; L% G. w. S% I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( |6 ~3 g. G7 I$ r) K
var hidetimer='';
9 F# m7 C- n4 m3 v8 j0 g<!-- 改变下的弹跳速度-->
2 X3 X+ S$ Y) @6 ^+ uvar BallSpeed = 20;
5 ]+ w7 v: ~) ~% P0 ~" W1 Ovar contentWidth;
0 e! I, r" A8 {) M3 \var contentHeight;
1 }" G* C0 m8 U1 X* a- c3 \var maxBallSpeed = 50;
# {4 V1 ?4 Q4 h& ^3 }" [2 u6 [& @
$ Q1 f* C( f; e+ y$ Q" [
4 B! o. J* s2 E  I' nvar xMax;
5 u, [) q; R6 b% c! ?+ fvar yMax;
5 [+ s5 r! D2 P" K! Y" {% C$ uvar xPos = 0;- X2 u! o( v. F, s* h. J( D( C
var yPos = 0;* \- X' b& S. }, F/ C
var xDir = 'right';
$ u+ W5 H* w! f  ~% x5 E5 ovar yDir = 'down';
8 t0 ~- x% Y1 j, v) b. {2 Y% Bvar superballRunning = true;
& w4 }% H3 ~  r0 `8 n+ Z( I; D" Xvar tempBallSpeed;
5 e: B5 p+ [. G4 Q  U/ [0 vvar currentBallSrc;- s7 V. \* R+ s9 T1 c: a
var newXDir;( Z9 i( `3 {: A' Q* p3 b$ j
var newYDir;
) f1 t7 ~: @5 Y. W8 d* I: g3 J" b8 n0 w' r" c
function initializeBall() {
  k) D4 {+ p- h9 q. T7 T  }   if (document.all) {$ V/ F1 ?( t  p* A
      xMax = document.body.clientWidth5 Q2 M7 ?& k" n! |) u  M
      yMax = document.body.clientHeight
' S! ]/ w# l2 u# T4 _: G3 S( b' s      document.all("supertext").style.visibility = "visible";
" f: P2 |0 I4 f      contentWidth=supertext.offsetWidth7 ~# t4 }( W* v- y# w
      contentHeight=supertext.offsetHeight1 Y1 ~- ^5 f; f( b  _  e0 X, m
      }
# @' _' b9 ]- ]! G! C  i+ Y* n( A   else if (document.layers) {! m2 _% n# f# d
      xMax = window.innerWidth;
0 @0 B# d, V, C$ `      yMax = window.innerHeight;
) e' D7 p. D+ p6 r7 F      contentWidth=document.supertext.document.width; @# L! |0 @4 C- d
      contentHeight=document.supertext.document.height5 F* H3 V( G0 m% o$ ~0 @
      document.layers["supertext"].visibility = "show";
# q6 `8 j4 ?! B! O& D# b3 f      }6 g7 r- |) X# Q/ Z9 j
   setTimeout('moveBall()',400);9 g0 G- u- h- h9 _
   if (hidetimer!='')8 y# O0 G) q7 R  B7 N( a& E
   setTimeout("hidetext()",hidetimer)
" c% ]' q, g  m4 {- r& e   }/ t# H! C" N* N' P& l

7 e0 `) g. Q/ ]3 kfunction moveBall() {- @: M5 c* \0 U% Z$ T0 E' t
   if (superballRunning == true) {
7 r' z) O6 O  c5 H5 m      calculatePosition();% F' `0 H8 s2 ~+ d$ z: O% h
      if (document.all) {# S( u. Q8 J4 U7 Q8 j2 h  B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; G6 M, j7 A- I6 c9 ?" V         document.all("supertext").style.top = yPos + document.body.scrollTop;2 ^( b2 q; m; x0 T
         }
3 O0 q) Z/ C7 {# {" f' U- Z      else if (document.layers) {% ], g  X8 }4 |$ i# }* a
         document.layers["supertext"].left = xPos + pageXOffset;
2 e2 u9 x# w0 u         document.layers["supertext"].top = yPos + pageYOffset;7 F5 e# D( R6 X. W- F
         }
6 n- d3 o/ N, g      animatetext=setTimeout('moveBall()',20);/ y6 a) J. I8 F! c
      }
; i8 [) [- u$ B: ~3 R) T1 r   }
2 q* D" @* k/ H4 U, y, W, Z, n, k+ O3 B+ M# @. M( |) i* w% n/ e
function calculatePosition() {. m9 r# D2 F9 h( W% r( C6 x
   if (xDir == "right") {
2 j( o  u2 e8 C" m/ z$ j9 Q      if (xPos > (xMax - contentWidth - BallSpeed)) {, h( s) g# @  ?2 Y4 H, ?
         xDir = "left";: X- J9 g, l: u/ w( Z' F
         }& Q; c9 w3 G; @" Z
      }
, V+ b4 S& R( P   else if (xDir == "left") {6 Q- ~- H) V8 }, n4 O! j: X) [
      if (xPos < (0 + BallSpeed)) {1 }8 K6 K$ F8 ~
         xDir = "right";" e2 F1 r3 o" J3 a" j- p: q7 `
         }
( P7 f! H, f; p# P. K1 \: e% K      }
& l0 O7 G, q' n) H   if (yDir == "down") {
5 j: n6 l+ O* P' `      if (yPos > (yMax - contentHeight - BallSpeed)) {
, ~: G: J* d2 t         yDir = "up";
) [$ F( i* ?7 z, c         }! x5 A0 I8 J% Q2 C' e8 Q$ V
      }
! d7 n; P- f5 \5 _* m   else if (yDir == "up") {
/ [; @; j( G- x8 i      if (yPos < (0 + BallSpeed)) {' d2 C: S! r! D/ o+ [' M
         yDir = "down";/ ~# D+ T; E' k7 O/ ]
         }6 W& `1 B% }, M. G5 z! E# z; r
      }4 j6 \9 M9 R: y% @6 N$ W8 l0 E" y
   if (xDir == "right") {$ f. K2 ^0 c' _4 h5 k
      xPos = xPos + BallSpeed;
# t  C4 w% B* J2 L) s: \* Z* m% b      }8 K  X7 f/ V! [/ O: ^# ^: P' H
   else if (xDir == "left") {3 z4 m& \5 t0 q' M+ b- r, I& y
      xPos = xPos - BallSpeed;
' y. Z% ]5 M" q: w+ c+ n, w" p) q      }
2 ~. J4 y$ J) U9 v8 R9 S9 {   else {
$ |  l, `5 Q. u* L      xPos = xPos;
/ S" M4 `' f  j: b* K      }8 r+ J+ K3 D) E& ?1 y
   if (yDir == "down") {3 \9 j& B, ?6 e' k' |/ T
      yPos = yPos + BallSpeed;
1 A) k$ k3 v  Z; Z% k% [7 J      }
" c" ~% Z% H: C+ ~   else if (yDir == "up") {
2 q3 H) f% t' m3 {6 Y% b$ o      yPos = yPos - BallSpeed;) X) D  E2 B% ?' r
      }$ n6 L. T6 E% j2 ^( L& u
   else {
2 f; \# R. a& }      yPos = yPos;1 P7 j. \: F. H7 i
      }
3 r) E$ l. U1 E, H" r   }( [5 p/ H; x* C, x* w5 W0 e
& g0 M8 u0 U' I& y+ o# m
function hidetext(){# C9 ~/ i4 k% P& e3 J8 r
if (document.all)
0 q# Y) O' [' @$ \" bsupertext.style.visibility="hidden"% A" q  ?: y3 U* A5 `# I4 w$ R5 m% f
else if (document.layers)
& |, @& ^( l( \* B8 F) K% n6 udocument.supertext.visibility="hide"
9 l  d! d8 l" i: H  l1 K: A' tclearTimeout(animatetext)' l4 A, J9 e9 M6 l0 W! T; Z8 c
}1 f! g  E, |5 F" h3 [
/ u% a& m5 L: x2 E4 A- v. N6 t9 m" d5 ?
if (document.all||document.layers){$ ~4 X4 b/ }( P  E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 B  f/ x4 d# A: l5 Iwindow.onload = initializeBall;% a% D( Z9 F  R4 E9 w  n# u
window.onresize = new Function("window.location.reload()");
6 Y' j" d, J; O& N- a}
6 z8 [) d# _9 O1 R! m. H8 Y- g4 R5 v8 w4 E) E
</script>