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

zw2004

<style type="text/css">
# @/ w; E7 u8 y7 g# f) [: h#supertext {) [7 K9 H- f0 h$ U  i
position:absolute;) a  y& y* ]" o1 v
left:0;
2 \6 u; y) X5 ?8 H0 |1 h. @top:0;2 G8 W. C/ R1 p9 v6 I9 B, B* Y
visibility:hide;
% Q- M* f# y( b: l. E$ w% xvisibility:hidden;
8 `( r9 q5 B! O8 D: ~( b8 H}
% @8 R9 [7 c: {' q3 E# U% w  T</style>+ n: y+ h6 m& o0 ^) y5 Q& U' g
<script language="JavaScript1.2">: g* s' Y$ e' [; H  I
<!-- 改变下的字体的大小。颜色-->6 _- q8 d3 k& Z$ C1 o7 G* y% G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. [5 U  J4 p- C0 K0 s4 Lvar hidetimer='';
' M) o# V. }0 b$ g<!-- 改变下的弹跳速度-->
+ I. ^7 D: H6 h8 s# M7 Wvar BallSpeed = 20;
: U5 _  k% e* P8 o  [! l9 f. evar contentWidth;
5 g2 `) E7 l" e  L: G+ Gvar contentHeight;$ s$ _3 B/ \3 v; a+ ^
var maxBallSpeed = 50;
- S/ a. ~4 u% a3 r8 y' I( p9 G7 W2 E7 \+ b

& ~3 U/ y& \! n! W% O# t% |  S$ X" Nvar xMax;( R. k( p) E! c% r  @4 T3 U- A
var yMax;
/ f* P7 y3 l% evar xPos = 0;/ j0 D  c2 a: ]
var yPos = 0;
% `. r  Z& m. |9 R# [2 N2 Svar xDir = 'right';
- ?( f9 f& v; m' a+ kvar yDir = 'down';. V% L. L% w! Y/ @: @4 d6 p
var superballRunning = true;- L. H5 W% W+ e  }  {& w+ p% y
var tempBallSpeed;
4 P: [' ^1 t% q# Evar currentBallSrc;
+ Y0 t+ ]$ |# z; Q0 H4 Gvar newXDir;+ R) K3 r; j; C4 g3 N8 {/ X9 ]4 T
var newYDir;
$ s7 `  ^8 {- z2 `8 Y5 Y- ^6 s2 p+ k$ d, [
function initializeBall() {1 S% T. ~7 f6 H2 C
   if (document.all) {0 E0 t6 H% p; g
      xMax = document.body.clientWidth
+ [/ [5 }* z5 j: l7 h$ C      yMax = document.body.clientHeight
" r- L+ j' k/ b8 d6 R4 g% J      document.all("supertext").style.visibility = "visible";+ a* }6 N8 R# M0 r  s8 M7 i. ~1 o
      contentWidth=supertext.offsetWidth3 i& _% j! ?% b9 y. [& s5 O
      contentHeight=supertext.offsetHeight, X7 y- P8 Y  o- o1 v& I+ o) _
      }/ L3 |7 R1 q$ c2 n, h
   else if (document.layers) {
# b# S5 u  t# |/ s* C. k. ^! R: k      xMax = window.innerWidth;
5 ?) z, r# s9 K      yMax = window.innerHeight;7 Z# P4 D% X* C8 V
      contentWidth=document.supertext.document.width; v% y. k( b9 K9 A! \
      contentHeight=document.supertext.document.height, r- G. X- n4 i  m) Q. L7 f
      document.layers["supertext"].visibility = "show";
& s0 @) `8 g: w& m      }. m( o! i7 c/ E  J0 U; ?+ }+ D
   setTimeout('moveBall()',400);
! H( N4 @/ J$ v+ u! e   if (hidetimer!='')1 Q6 w1 X7 `( A; Q- m: S) v
   setTimeout("hidetext()",hidetimer)7 T; d7 x- `/ D. V; @, b
   }, C5 W1 t0 P' A  \+ Q  ^: z9 c8 V
/ |3 I7 c" V. G9 ?* B4 r1 `% e
function moveBall() {" g( l( h: |5 B" u2 o1 K
   if (superballRunning == true) {
0 k4 m8 ?: g: C      calculatePosition();
$ ^8 `; A# T2 k" m/ ^      if (document.all) {
+ D0 S" p9 ]/ r( u' n         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 D0 n0 f5 l' S- j2 s! V         document.all("supertext").style.top = yPos + document.body.scrollTop;$ l' A3 b- i! b3 R
         }
* j+ q( }3 J8 H      else if (document.layers) {
+ V- _( b( d3 R% o; N         document.layers["supertext"].left = xPos + pageXOffset;" e- H% Z: @6 J2 z7 v4 @9 p. h
         document.layers["supertext"].top = yPos + pageYOffset;
( t9 ]  V+ T1 B         }
' {3 [7 w4 k" X5 L) h1 m      animatetext=setTimeout('moveBall()',20);; Z4 C( t6 |) m2 Y, K9 h
      }" x! z6 H$ `, N; Q7 b3 o
   }2 ?& L  J) v4 a9 }0 |

! A& t" Q) e0 L6 A7 cfunction calculatePosition() {" x- `1 e5 x- n8 R/ e
   if (xDir == "right") {* k" p! y1 {) _( A& }
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 O, n3 _( @0 U
         xDir = "left";9 J0 q3 e) {$ n7 |! \* @# X
         }
+ j9 b4 E; y; k0 Q      }
! R" G- _" A3 w6 m* c; f  j   else if (xDir == "left") {
7 `. S+ h8 d( M' i      if (xPos < (0 + BallSpeed)) {1 u/ d$ y- D  R) u' Y
         xDir = "right";
1 L- a; D& s0 _; |7 M- G9 N         }  j& N* E8 W* D  d% u
      }
, g2 I8 p" a9 F- f   if (yDir == "down") {
" Q& ^! |8 M7 X( n) B" u* x      if (yPos > (yMax - contentHeight - BallSpeed)) {3 o" J3 d' Z2 T4 n9 e0 }
         yDir = "up";) o" w. M1 i. @+ i) o
         }
( ~: b! A: p5 Y      }: _: i+ g% C' h, w6 k$ _% r
   else if (yDir == "up") {. H/ e2 k0 O$ {
      if (yPos < (0 + BallSpeed)) {4 d; |$ C; S: w- t
         yDir = "down";
" M' ]1 F8 Y* j         }- C% P7 H4 K! p- c9 q! z* ~
      }
3 l1 `, [! O) P) f& }   if (xDir == "right") {
2 G+ w; v) g+ B) d5 g, D/ i      xPos = xPos + BallSpeed;
( g& l; H' l6 p8 O$ E' B7 G& t      }# `  c3 g1 {6 O, e1 Q
   else if (xDir == "left") {
8 V! m" z' {# p      xPos = xPos - BallSpeed;; E/ b% N9 d* B+ H
      }
% o5 }, y  q  x   else {% g  H. u3 B- X' j' n8 w' s
      xPos = xPos;
. h. S3 r4 C/ |1 h+ |- C      }# Q6 @0 z/ V, t# d
   if (yDir == "down") {: f0 m7 _0 _( B5 L  G" W
      yPos = yPos + BallSpeed;
0 x9 N0 h! r% \# t7 }: m+ [5 j      }, g8 x" T% U9 _& ~
   else if (yDir == "up") {. l4 |9 D/ n9 J
      yPos = yPos - BallSpeed;
/ L- Q8 ]; X7 T, D/ y& J      }/ c& W. w+ |# t: Y
   else {4 w' r# D+ R) @7 `
      yPos = yPos;
& \  B& w' Z0 m. U4 g      }
* e+ u0 ~- Z4 q   }
' J" K0 {, G% b8 o% m/ Y6 A4 L$ R; Z, J2 h  h1 j$ `$ c8 W# z2 I
function hidetext(){/ Y5 o- K% p  ]3 d1 Y% ^$ |! C4 i
if (document.all)
$ ~1 |& |, }; u! e  f. h* W; R; a  S2 qsupertext.style.visibility="hidden"/ x9 g: B8 B  g0 \
else if (document.layers)
  R/ I8 {$ g) L' xdocument.supertext.visibility="hide"
0 ]6 e$ g3 U# D5 V, ?clearTimeout(animatetext)" `, H. \) P! E+ ]( G  O
}
! U7 x; X2 m$ P+ y$ x5 ]
+ n$ I. f, B3 P* G  @: xif (document.all||document.layers){
! u; O* \- M( V" r1 E- }& Q# mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ z1 C) b' O5 K  ?1 ~9 A
window.onload = initializeBall;
2 X" C% G# D3 T" v( t* ?window.onresize = new Function("window.location.reload()");
3 G; R/ U( ~( L! ~5 v$ g- I}% [8 m, L9 f& c. J6 Q8 ]
" ]! v: Y) }6 v$ ?; K2 a. C& ?
</script>