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

zw2004

<style type="text/css">
$ A1 v+ p  I5 W4 U5 C#supertext {
6 }; d0 h  |, g, z# Y3 ~6 V6 ~8 Jposition:absolute;
8 i2 W. b( \+ f( }! xleft:0;
: `1 I" B! k& a: T. ~top:0;3 n5 T: Y- k* K7 O8 A) d0 W
visibility:hide;
* S' Q6 Z/ `; x- Y1 Qvisibility:hidden;
2 _5 `6 H; L7 i& f* a; n! F% U}" ?- J4 f5 v8 y
</style>/ u8 l  w$ l& v3 K% Q, {. e" |% f" A
<script language="JavaScript1.2">
+ |/ S7 x  J) \  Y/ D/ v<!-- 改变下的字体的大小。颜色-->
8 f4 U5 f4 s) hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ n) a2 Y- N; x5 P/ X- ]
var hidetimer='';/ i) h" @% l* K0 A  I5 a
<!-- 改变下的弹跳速度-->
5 A9 U5 X2 @! H2 F: T1 |var BallSpeed = 20;
* w& R$ H9 J3 J$ \) U& uvar contentWidth;
; V1 Z7 X; V0 o4 Lvar contentHeight;. U. `; u8 `. b4 @4 J; ]' L2 u
var maxBallSpeed = 50;6 P3 \1 e, u; y2 L; z

3 D' _6 T7 b( K! H  m, E
7 U" h2 J1 j' v  y+ h. ivar xMax;% k2 s3 ]2 a6 Q) o+ U9 y! k5 S. k% u
var yMax;7 c3 e0 C2 e% {2 B5 |) S
var xPos = 0;, A$ O/ q0 G. D, b
var yPos = 0;
0 t1 |. D. u/ E" lvar xDir = 'right';. h1 K" t4 q* t! C# w# K
var yDir = 'down';, [: x( j" }, |. y1 J
var superballRunning = true;
8 j7 P2 }  k2 Q! h: Vvar tempBallSpeed;. m7 {4 G( @3 G  {: O) L
var currentBallSrc;2 \) R/ {8 `) W# k' [0 g
var newXDir;
( f( @) ?) @& O+ I/ |4 Mvar newYDir;+ H$ v, A" H: O% P
0 P7 {' {; T4 d; p
function initializeBall() {" @3 u$ z2 H' ]4 ^$ i8 ?
   if (document.all) {
& \7 P4 A6 Y$ T& g1 t      xMax = document.body.clientWidth
+ y) O# L; |8 W) H/ g' f/ `) l      yMax = document.body.clientHeight
( v. `% u, ?9 V$ |      document.all("supertext").style.visibility = "visible";# [0 |7 T8 }% i$ d6 K% l
      contentWidth=supertext.offsetWidth3 d9 W# J3 m9 w) U  D
      contentHeight=supertext.offsetHeight
% e  {, d; O( J/ c- g) c      }6 o: n, g& C# @# t
   else if (document.layers) {( O/ W2 L. y. E: y: }7 T& j0 _: v
      xMax = window.innerWidth;
! T! j( y2 Y( M& V* V4 h& N. I7 M  Q5 U      yMax = window.innerHeight;* b. e. R& ]3 G
      contentWidth=document.supertext.document.width
6 `  z; P; ?+ D# S      contentHeight=document.supertext.document.height
0 q" k4 j8 `" r9 @& t      document.layers["supertext"].visibility = "show";! T* }& `/ r' H* y0 _9 V0 r
      }2 i. T  Z; K. ]7 j# J" j* f2 c6 F
   setTimeout('moveBall()',400);6 |! R7 E4 B! Q0 l5 X9 H. \; T, P
   if (hidetimer!='')
9 y- I! [0 g8 |% e   setTimeout("hidetext()",hidetimer)0 d0 `: W# {2 P1 f% ?
   }
$ G+ v; D7 ^2 w4 Q8 c- _8 Q( b2 e6 Q' K( u5 I" w# ~$ k
function moveBall() {
: _5 E* b7 _: Z   if (superballRunning == true) {
* P5 U, l% a: E/ }% R      calculatePosition();
" k/ a6 k* e, {      if (document.all) {- `; h& v3 y0 E! p
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& s" c3 W+ p, n: L: H0 j8 x         document.all("supertext").style.top = yPos + document.body.scrollTop;+ R! [7 u, L! K
         }9 W$ N% s! m( E  o6 [6 Q9 ^
      else if (document.layers) {
! J4 W1 s+ i% W. `8 S  i: @         document.layers["supertext"].left = xPos + pageXOffset;
5 y) O3 J, x) d1 Y8 @  Y0 ~4 U/ r8 R         document.layers["supertext"].top = yPos + pageYOffset;
! K0 K4 b2 s0 p  b         }
" `0 C8 `  X4 a6 }4 C; M+ A      animatetext=setTimeout('moveBall()',20);
0 ~/ N% H; O6 _, X6 w' e      }
: i, {3 r! ?* a4 [+ n' ]   }
9 Q. P* ^" s- u) n$ l& E+ B0 E" ]6 d
! P* u. n# N) x0 I8 w) dfunction calculatePosition() {, s' q+ R; V% l
   if (xDir == "right") {
# b9 E0 N& F' P4 I3 y9 g, I      if (xPos > (xMax - contentWidth - BallSpeed)) {( W& |7 e& V$ Y% i& f8 K+ V
         xDir = "left";
; o! e( c3 R& t         }
5 g# D" _1 U! s" ?7 }      }
" V. S2 H; c$ C0 T" u; @1 ^   else if (xDir == "left") {3 a  L; k- j5 K1 B' W1 a5 E  l
      if (xPos < (0 + BallSpeed)) {3 O3 P" p" |5 S# @; ]
         xDir = "right";
; J( s$ P% y  o: f5 r; e         }
$ k# k) j% L& B      }
1 s9 x/ m! x" s: R! z' J   if (yDir == "down") {4 u& w: V1 i; m1 X6 {" g
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 @5 I( B0 ^  _3 z
         yDir = "up";
1 r( A7 L+ I: m, l1 X6 F( ]7 h         }. m* ^; p0 K$ U6 j. R0 e% R
      }# N- S3 }: S# b# b% S
   else if (yDir == "up") {& ~& n4 M3 `4 C) {! C# y* h8 \. L. m
      if (yPos < (0 + BallSpeed)) {
' r' z9 U0 P* j1 {$ P         yDir = "down";  [  P' q: J& m" l1 b/ w& y& Y- \
         }3 [# X" Y. V" M/ F
      }* Q# Y, }( C" Q+ o
   if (xDir == "right") {: q. {4 \  [8 \" E/ Y3 y4 l
      xPos = xPos + BallSpeed;
5 {/ y6 Q% O) T; [( J      }
7 J# h3 D% [$ j6 z2 o8 h: |2 `   else if (xDir == "left") {8 p5 B# x" V+ r8 `: D, S; [. J" L4 \
      xPos = xPos - BallSpeed;
8 _* f; _. I: Z) D* O! y/ Z      }
  e4 J/ h- f/ d- L0 P# }   else {
  N* W! C  O; _: f; j) {& z      xPos = xPos;
9 c7 D$ @1 t8 Y3 o6 ^: i% k      }
4 B& k! \' \# @6 H( k) [6 _. G   if (yDir == "down") {
% v+ X) }4 ?4 y4 `: D      yPos = yPos + BallSpeed;
0 t$ o- Y- v, d& i+ ^* b% u, n      }
& j" L2 D6 C$ W% g; b. K+ k+ f   else if (yDir == "up") {
2 q0 E7 F# t0 i      yPos = yPos - BallSpeed;
8 b% `3 k! d5 l; w/ D      }
: u" `1 h- s: y9 J8 \   else {
5 A  p2 S. u  P* ]$ d      yPos = yPos;# r# K- D; w) L9 Y
      }
* q' ~) O- T7 z& t   }
+ b  A2 Y0 G1 ~( ^  v- c) q2 j. j" @8 ?9 x: L) v) P6 R1 x" ?
function hidetext(){
9 J) h: M) c2 S8 C  }, q9 b9 uif (document.all)
* v  y; }% `% z3 tsupertext.style.visibility="hidden"# E$ L5 f& |. g: A3 H3 p0 A
else if (document.layers): X6 H/ D7 N  @1 F( e! N# n% ^; Q
document.supertext.visibility="hide"* K% C/ \4 ~) o  k: d
clearTimeout(animatetext)
  e* V& {$ F8 \( ~9 k  R5 p& B6 ^}5 g, B3 X$ @8 M# L
- E+ q0 d$ z' l
if (document.all||document.layers){; S5 W* v8 J  D/ v  I' q$ _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) ]# m  D5 k/ i8 ^+ ~! x( ]) x6 g
window.onload = initializeBall;1 C& r" c" _* b) f1 H8 O( s
window.onresize = new Function("window.location.reload()");
7 }' I( ?  y0 V  U}
+ G* T" I  R: F/ p
/ Y" b0 g. U$ u( `+ G5 e: W- {</script>