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

zw2004

<style type="text/css"># e1 m9 F) M0 t) ?9 s4 X
#supertext {, }4 p+ |' r5 r
position:absolute;
/ s$ o. t% L2 E. C! w$ Nleft:0;
6 O  D. b$ S6 wtop:0;
' Q2 h. I# T' v% d( wvisibility:hide;
# X; j2 N- S9 I. q& `- tvisibility:hidden;
  B7 }0 A1 O4 g4 u) v+ H$ n}7 K& t4 P3 [# m- k$ E0 H
</style>
# \4 l' w8 v7 o+ l<script language="JavaScript1.2">
! |* J+ r4 R* R2 }' H, h<!-- 改变下的字体的大小。颜色-->4 `# \) I  N- N. F  R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 B- U  F' k2 }# N+ Q
var hidetimer='';
0 V! R5 J5 x. D/ x& f8 B2 Q<!-- 改变下的弹跳速度-->
) R2 ~% k4 A/ ^: e: Q3 bvar BallSpeed = 20;
5 e) [+ {- z3 c) w% N7 P5 ?6 xvar contentWidth;
: u1 f7 [1 Z) ]9 p/ Ovar contentHeight;( k3 h% z: f4 r" S, r
var maxBallSpeed = 50;
, x% w1 }9 o3 {- r7 [: d6 D) F$ O2 {' d8 M- ~" u, r2 Q

; C9 m, }6 |. |( e: T: H* mvar xMax;5 G! ~( z, r: y! N& _* ^
var yMax;
* }5 k) V* U  E- ?4 [2 c0 U+ U5 i" zvar xPos = 0;9 _! j) C# H& G0 e  @4 A
var yPos = 0;' x9 T: x# {: l2 i
var xDir = 'right';
2 ~/ X% I, {& ~$ k3 J; T5 [, C' m* q) l# tvar yDir = 'down';
$ z. j) p2 D% _0 ~6 `* {var superballRunning = true;
3 j8 ]( {7 I! N" a2 S- mvar tempBallSpeed;
% L: m( {+ ^. }, m" ~  yvar currentBallSrc;8 H2 N9 h% N! d' z  R
var newXDir;
( t: G8 _1 Y/ N' u6 Z2 Bvar newYDir;% o2 w: \( w7 L1 ?. L6 v2 ~; l

. e5 g5 e) y: ^8 Q, Mfunction initializeBall() {$ q: |+ B5 `, G4 T+ w; |1 r
   if (document.all) {/ G- P* X! n+ R
      xMax = document.body.clientWidth
1 u4 P; r7 Q, E' E      yMax = document.body.clientHeight  z( Z) c  @$ R1 p1 K% S
      document.all("supertext").style.visibility = "visible";/ b% k9 F* y4 h& e* i* H+ n
      contentWidth=supertext.offsetWidth
! r9 k/ N1 ]/ P1 }- y( A; s5 f( y  d      contentHeight=supertext.offsetHeight. J' E* q2 }: _
      }" r8 L: c& n. z6 a
   else if (document.layers) {- B2 z- B8 o: r: d; D
      xMax = window.innerWidth;: e' I! R  `, O  f' h) [& H4 |
      yMax = window.innerHeight;
" V5 }* ?3 w# t- {3 f0 m+ d0 v      contentWidth=document.supertext.document.width: c( Q8 E9 d* R
      contentHeight=document.supertext.document.height
5 ?3 [5 ~+ F( r; S& k% \: {& I$ a      document.layers["supertext"].visibility = "show";$ `: A% D+ X3 Y& A1 Z, V! e
      }+ ?5 j/ [. P' v( {4 F/ u; i
   setTimeout('moveBall()',400);
" ]& [  P. _& a  C   if (hidetimer!='')
8 U" U6 K+ J4 M. _& I& J* C0 I* d   setTimeout("hidetext()",hidetimer)
4 }1 ~' b2 W( N, d$ d6 x( V   }
7 `9 x9 S# A  D" g! a5 `
+ m, i+ u0 N+ [function moveBall() {( M  c4 J7 O1 C* o6 [& g
   if (superballRunning == true) {
9 {( W) y5 b' |+ j      calculatePosition();8 W9 d% @) a1 A# }
      if (document.all) {
0 X* t) T5 t, ~9 s8 t$ R7 m         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 B4 B% h9 ]3 C1 r; K; d         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 k- o1 z  ^+ O5 l9 y$ Q/ D         }
" l$ T, t3 t% {! B      else if (document.layers) {
8 B* i+ x! U7 m2 d7 |4 D         document.layers["supertext"].left = xPos + pageXOffset;
7 R& A/ f6 v$ Q; [  ]         document.layers["supertext"].top = yPos + pageYOffset;# E+ O( v/ ?) ~+ I  ?* _% F
         }
$ x& f9 t. b9 e9 w: q; M# X0 N* e      animatetext=setTimeout('moveBall()',20);
8 H7 X% G# c" J5 ~3 d# a. k2 `  w      }
5 s1 H5 d% }  Q- c- T0 C. n! U5 N   }4 `( v8 r5 g" g/ K* _' S! C

- U0 B. @9 e+ D! D5 ?function calculatePosition() {
" n! L4 G+ o: y; `$ O9 `6 J; U& O   if (xDir == "right") {
6 V+ ?+ [: R8 `7 H" r% {      if (xPos > (xMax - contentWidth - BallSpeed)) {7 g$ T& V' x- f% S5 Y
         xDir = "left";
+ ~& K2 I9 [6 @" \8 x         }0 O; g7 Z9 f  s3 i: ]5 q
      }
( S! q9 [. M4 Z# o, I  ?% ?   else if (xDir == "left") {: Z0 U8 F, j: _
      if (xPos < (0 + BallSpeed)) {: |/ s& Q' u& r* @. ]% r3 m
         xDir = "right";
9 Z; x( F8 ?* l         }5 N: B- n. z! S: l& b3 a$ Z; w
      }1 j- R5 {8 b% c! ~" D6 G: s
   if (yDir == "down") {
" b/ {2 l; y/ k$ g7 U# A- K      if (yPos > (yMax - contentHeight - BallSpeed)) {
, p9 d- H8 l9 O         yDir = "up";+ m, @; f9 G  l9 S. R  Q
         }
4 H* e% E  q: V5 j: M; ?0 [% J      }: K! j3 l+ J$ C& q1 Z5 C
   else if (yDir == "up") {
$ u7 Z5 y1 e% {/ c7 ]      if (yPos < (0 + BallSpeed)) {. W& `4 T- k  e* r# t- g0 I6 k
         yDir = "down";
# m) E+ l- w! M# M7 u         }
0 _. k( J+ z) G6 y! {$ B1 C1 I      }
7 S8 ]; e: S8 Y* m; t' z8 D   if (xDir == "right") {
3 M  A/ ?* `" A! ]  m2 W      xPos = xPos + BallSpeed;
2 I+ ^: n% |0 v. c3 S( P' E      }
# Q8 i1 |; D7 t& \6 e5 C% F   else if (xDir == "left") {
7 K+ N9 \) [$ e& H# _: [# b( y      xPos = xPos - BallSpeed;/ i4 U9 J( e% \! c0 d( G
      }  @  h, k8 r1 n- S
   else {4 r' \' O. B% }( G
      xPos = xPos;" @7 e3 {% r% N$ S* m$ u
      }
9 q6 j9 T! T  r3 h% w1 h) j   if (yDir == "down") {
' V* P- z6 F2 `4 i( f2 p      yPos = yPos + BallSpeed;
# z/ ]9 L" L9 W- T      }
! l& Z" ?" F1 x) y  g   else if (yDir == "up") {2 f9 C1 N3 G% i; u
      yPos = yPos - BallSpeed;: s6 M1 Q9 @( e
      }& M' @3 N( @( ?' p/ t" m
   else {5 E5 r% T4 g' R
      yPos = yPos;
- m0 O. ]- `9 `, i9 J      }( j0 \0 x6 v/ m  J- e+ \  B: b4 z
   }9 S6 T% e$ ~9 n" _1 p# R  {/ P
9 @: ~! B+ Y0 ?7 k. r0 _& O& ?; v
function hidetext(){. Q7 x! E+ D  S( K/ H1 e
if (document.all)
0 \5 I( D4 F7 Hsupertext.style.visibility="hidden"2 `1 s& _$ m- E. {# Y8 e
else if (document.layers)3 m8 \9 s/ ]6 j: Z/ K6 O
document.supertext.visibility="hide"
5 s. j' [* \# X; HclearTimeout(animatetext)
2 w1 O5 @/ K2 o' d# |  F! q; c" v( C% R}
, }; k3 W% D2 b' j9 i( a/ X# I: N7 Z" K# v7 I
if (document.all||document.layers){" S5 q4 n2 J0 u  F7 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 `8 o0 W4 W5 Z& u, I- L0 uwindow.onload = initializeBall;, V' P' v; h7 L$ p
window.onresize = new Function("window.location.reload()");
( N+ v/ G6 R0 T! ~}
  Z! p2 O7 I& Y+ `
5 [/ I8 C, u1 F0 D6 z" L+ e% T</script>