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

zw2004

<style type="text/css">! P2 |( x- ~2 d# u' c% K
#supertext {
2 M2 i2 l  o( ~$ v, nposition:absolute;
+ `3 X) K& q2 t; q; C" a9 n5 Hleft:0;2 u! a: ]8 t: L) }, A  i
top:0;
- c5 D* A% u1 S* R- Kvisibility:hide;0 S) Y9 x/ C5 p7 w5 `
visibility:hidden;- ^; j) X5 K& J) d& B
}
: G: E: x5 X2 `  U; n</style># J6 O8 |+ f  O. _
<script language="JavaScript1.2">
$ V6 e: j4 T8 F, U- E: Q6 Q<!-- 改变下的字体的大小。颜色-->
9 H6 I8 A% q' @0 `var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 ?' Y: D+ k0 o' y2 @/ p6 N
var hidetimer='';
1 `5 C/ A8 Q( n6 Z: ]<!-- 改变下的弹跳速度-->
( _3 G/ b! H. O; p* a( R7 fvar BallSpeed = 20;
4 _7 ~& t" y/ f% ^& D. Svar contentWidth;
4 E. r5 G! I% ~# k$ Hvar contentHeight;* N* ~- j4 x+ N0 U, Q( U
var maxBallSpeed = 50;8 C9 y# }: o: v! |% N. s
" Q7 k$ ^  h6 T1 d$ W0 E

6 t- @: B6 [  C9 ~& nvar xMax;
/ `: o+ v; D8 x$ Y: gvar yMax;, u0 t1 Y9 _+ Y% Y# L
var xPos = 0;
1 z7 z  }! v9 |! U, E* O% Ivar yPos = 0;& G0 d' l: v) K& V' d: y% e0 S
var xDir = 'right';' A9 V1 l, U* X6 N0 ?  S, @
var yDir = 'down';
' s  y, b3 ?# C4 f9 ?1 ^var superballRunning = true;
. y. K+ ^* f9 V1 ^$ g* I# ^# Fvar tempBallSpeed;+ E& l  [# k1 m7 M7 e1 H8 w6 o
var currentBallSrc;
3 s; I& e' }7 O+ y6 Nvar newXDir;7 Y# T# D$ V6 [$ j; F6 Q; `
var newYDir;0 `& j8 W6 W5 x) B$ Y7 ]

+ y+ i: E! z2 v- z" {9 C& H3 wfunction initializeBall() {
5 ^" n0 z" t) l% ^% i7 I   if (document.all) {
% F/ N5 i# V% x      xMax = document.body.clientWidth  W; [1 z' A! i+ a. j
      yMax = document.body.clientHeight6 U1 @7 S0 b4 P' G1 {8 m* R+ R
      document.all("supertext").style.visibility = "visible";4 s# u$ F- x( J9 Q+ _4 R. V
      contentWidth=supertext.offsetWidth
$ H: w: ]2 k! g      contentHeight=supertext.offsetHeight* k- Y4 v0 z9 m' b: I, x; C3 V4 T
      }
' V6 p6 W) e* A5 V$ P2 @   else if (document.layers) {
) U% H% }- `- c" `3 M- O- |      xMax = window.innerWidth;
, U1 e* H, {7 z: w$ s8 W      yMax = window.innerHeight;
, z, P+ P' A  V6 I& o! g' U1 Z      contentWidth=document.supertext.document.width( {' S9 L2 Q7 |1 U
      contentHeight=document.supertext.document.height
) g! L" D+ o3 q0 ?2 i      document.layers["supertext"].visibility = "show";
0 d& ~1 [  a" N0 j* J      }
1 b, y! _0 @! f; Q0 E   setTimeout('moveBall()',400);- ~+ ]8 q4 t% Q, u; j
   if (hidetimer!='')
/ R$ K6 N" ]$ F3 h. Q, [   setTimeout("hidetext()",hidetimer)
& ^4 g2 X1 p- c   }
$ B. M5 {3 U% ?5 B- u( x, H) {; r
% B! t: c$ `* ?- s0 Y0 ]6 z' E' h7 Ofunction moveBall() {
0 K4 N$ u; U  b3 s3 x$ J# d9 y9 D   if (superballRunning == true) {
- \) H6 ~2 ]2 I      calculatePosition();" j$ U3 j3 ]4 }3 Y3 _
      if (document.all) {
% _6 A5 h: n' I, @/ p: g         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 [6 x( c( t/ w& G# [$ v7 r+ u
         document.all("supertext").style.top = yPos + document.body.scrollTop;. e& D% \0 v, z" D; f( g2 a% n
         }
- f. v% W! Q% F' N$ M' Z      else if (document.layers) {
: y  x6 ~- Q0 Z, c) u: Q         document.layers["supertext"].left = xPos + pageXOffset;' x+ F1 _3 C$ \5 T; E
         document.layers["supertext"].top = yPos + pageYOffset;
5 i$ c" ]* w1 P7 W7 |: {1 n         }
2 _: E4 f8 ?5 z( V      animatetext=setTimeout('moveBall()',20);
" O) q! p. ?% t$ }, w/ r      }: c% ^  A& q, @& Z9 W, Y
   }& N; X2 Z2 O: ?" ?6 y9 Y/ v, s' r2 D

) Z# c. h, p1 W  Nfunction calculatePosition() {2 p" |0 I4 c6 l8 A6 A7 W2 h
   if (xDir == "right") {
+ k7 L. i* C7 V! U1 ~      if (xPos > (xMax - contentWidth - BallSpeed)) {0 u. `+ _7 @8 W
         xDir = "left";+ R" K3 }: N0 g8 F8 c& V
         }9 i6 d; \' x# `, l3 s- T
      }4 k1 r! h) S- ?. e$ m9 [
   else if (xDir == "left") {
4 }2 _& u3 P- p/ Y      if (xPos < (0 + BallSpeed)) {
6 t# E2 O6 e9 x7 R9 F& i+ X* [% o         xDir = "right";
1 ?: @2 {1 }3 K& t% P  q8 }         }1 g' H" ]" E4 c' _$ d
      }
( C3 K- T" J: N/ U! M& B5 P  s   if (yDir == "down") {
% F+ r- T$ Z1 X7 N# ~      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ U5 T1 b# k# E# y) T2 B         yDir = "up";
) F/ ^4 \+ ]6 Y6 Q8 [1 J* [8 u         }
6 z0 p7 n* T4 O6 t1 d, E2 |: A      }- ~  e' J! O$ O3 C8 f
   else if (yDir == "up") {5 A) M/ ?- V" G0 S8 j' j
      if (yPos < (0 + BallSpeed)) {% |  z3 }7 p5 I
         yDir = "down";* m2 y+ \$ `3 ^8 R! l5 n
         }
% R$ r1 n7 M' H  [      }. ]- P! f0 h) ?: p" Q# B9 `
   if (xDir == "right") {
6 {( ^, O" ]9 R# r      xPos = xPos + BallSpeed;
0 J  ~- w8 V) p' E      }
" l( B6 I. `4 z7 A   else if (xDir == "left") {
5 o0 n7 w0 K! U! d4 x% H9 D      xPos = xPos - BallSpeed;
+ q( W7 P. W: C" ^      }
, x' P/ Z. S9 ^& \# \( y1 Z   else {
4 M2 I9 `) Y" C/ k0 M4 E      xPos = xPos;
' H3 U* U6 J5 \. K      }
! ~2 }. m. V- ?; }% `, T8 H   if (yDir == "down") {
4 K& A* z: p1 i      yPos = yPos + BallSpeed;
% r8 z5 e  s  X( \      }
3 u& |, y8 U' O0 b! ?( l9 O   else if (yDir == "up") {/ m* u0 g! l7 h. m7 n, L
      yPos = yPos - BallSpeed;
! O4 R$ a. u. C5 }" ~      }. Y4 {* r# B+ A; F: D& Y
   else {4 \/ m) j3 V7 G6 f5 h! z
      yPos = yPos;
) @. Z, I- M6 t" H      }( Q/ Z! |  [# ^
   }* W; R0 I( P. c) b

: F& [! t6 Y9 jfunction hidetext(){9 `  p% @: A$ {
if (document.all)
  R1 o9 _5 M/ ?/ Wsupertext.style.visibility="hidden"+ H; _3 F5 O5 D  X0 F& {* X
else if (document.layers)) J" V0 ~( X: H9 x2 n
document.supertext.visibility="hide"
2 g( P! ?1 s3 h/ x, b$ rclearTimeout(animatetext)( I" t1 p2 S" U/ ], @* U
}
0 U/ f& \& r5 P7 H; J: x4 ]" N8 c! R- @7 D
if (document.all||document.layers){
  W. G1 V- U& w4 \* J- j$ I! qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! {8 X0 p7 |% t$ C% R5 p4 s. l$ @window.onload = initializeBall;
' l) \1 F% u) y  |+ w; hwindow.onresize = new Function("window.location.reload()");3 t  L& T  Q" j- l1 Q: O' W
}. c! E! ?& f% |# j; p4 ?" o

* A3 g6 j. m  ~& f/ L</script>