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

zw2004

<style type="text/css">
4 P! Z) }" E/ K#supertext {. `) s0 S/ n8 p& t2 u3 t1 I: O* ^3 [
position:absolute;
/ ^- O/ t) @8 u6 r" m  Yleft:0;
  _8 w/ Z8 @# C+ otop:0;1 v* P( n6 a+ Y: B( @; m0 ?( F# _
visibility:hide;
- ]6 X+ X$ M) o0 H4 q9 X' f  I# jvisibility:hidden;6 E0 V1 O" z7 R& b  A0 J  J0 J
}
0 ~- d$ Q$ e+ y: a4 {6 s5 F</style>4 w# [/ C$ v% P* }+ M2 u
<script language="JavaScript1.2">
" i+ `  @1 Y! v! \2 d6 ?" @5 \<!-- 改变下的字体的大小。颜色-->
4 W; Z; l0 I: t) K+ Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ I. D% ~) [$ H9 B# `8 x% a4 I1 }+ i
var hidetimer='';
9 |# u5 N6 o  [; `<!-- 改变下的弹跳速度-->  o/ J4 D5 D5 J5 ~+ D6 \! E
var BallSpeed = 20;
" C  n( X9 u$ y) P4 B/ lvar contentWidth;1 G4 U" n7 o& s0 e0 ]0 ^
var contentHeight;; q6 J( v9 N6 V; A! H; x
var maxBallSpeed = 50;
1 I) E/ n, f0 E+ y& j- @( |6 k4 o9 O7 _* |& l
: @- \, C- o4 ]# U. h3 n
var xMax;' O% I1 w8 [/ y" e
var yMax;+ }( h( `6 Y9 L
var xPos = 0;! f- L8 s7 s! l, ?5 t
var yPos = 0;1 A  f0 Y* z8 N) a7 T9 M
var xDir = 'right';
7 C7 j; p- ^1 K% U1 tvar yDir = 'down';# X- h8 }0 b6 X8 Z6 l" o+ L
var superballRunning = true;
% l& t. q& u6 n8 h  Rvar tempBallSpeed;
; Q  t7 V" d2 b4 Hvar currentBallSrc;1 U. M" C# h0 Q& C1 C1 E
var newXDir;
/ ~7 ~0 N  |# P: P4 _var newYDir;) U3 t3 `- p4 U' T& e! H' ~
7 b9 \. Q( r& A+ {3 \, N7 g
function initializeBall() {
8 O! g& F) r- x9 G   if (document.all) {
" m$ \- s9 s3 d3 Q6 P; V7 u      xMax = document.body.clientWidth  J1 [. [, r# [0 o4 B
      yMax = document.body.clientHeight; m$ S: R! r  ^. e$ L5 T8 h: M5 o+ Z
      document.all("supertext").style.visibility = "visible";' @) d5 o+ x. f1 X' Y2 x
      contentWidth=supertext.offsetWidth
( n6 D% ]0 L  r" d, Q8 A* }  S      contentHeight=supertext.offsetHeight
( i) s6 g& |2 _, X* t. f7 R$ U      }
) [6 |2 Y! k# a3 _! D2 |( @' P) I   else if (document.layers) {
8 T' w# c6 d+ z, p& G8 ]+ }" |' h% R      xMax = window.innerWidth;5 F& I; p8 c  j' X  o6 r
      yMax = window.innerHeight;
4 r6 }. k2 f8 Q) X8 m+ q4 K      contentWidth=document.supertext.document.width
$ s1 y! x. l" T% \1 K; |0 S' \      contentHeight=document.supertext.document.height: @& A' F; ^0 O' u
      document.layers["supertext"].visibility = "show";' t+ O# X# l. f- z
      }2 w7 n4 G- f1 \8 H8 ~1 w, z
   setTimeout('moveBall()',400);
, B! _. g( W+ [( c6 O5 C   if (hidetimer!='')5 V% S* `$ t, ^- L: P
   setTimeout("hidetext()",hidetimer)1 \# P  o" j- x0 W! `+ Y
   }
/ f" M) n2 G5 l
& N% R9 n. [! ufunction moveBall() {
+ @) n* H# j9 Y2 N/ F. k   if (superballRunning == true) {3 K+ ]( ?6 q! s/ i
      calculatePosition();. o) \7 B& Z, z
      if (document.all) {( n, `# o6 i$ W$ s/ {, D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ g5 J# g/ I9 s' c4 v. J
         document.all("supertext").style.top = yPos + document.body.scrollTop;% W% p8 b4 N6 [: r2 k8 }. V9 }0 ~/ E/ P
         }
" t: `! z7 r, c0 R      else if (document.layers) {
9 ^6 }( D2 A" }5 @1 a+ b5 U         document.layers["supertext"].left = xPos + pageXOffset;. Z: ~% o, O7 s+ U8 o$ ?
         document.layers["supertext"].top = yPos + pageYOffset;! G: x; P5 {! q  _  C9 I1 \
         }
3 x! a: [& {7 h4 m8 l+ D      animatetext=setTimeout('moveBall()',20);
0 z3 ?4 e0 m" ^3 N7 I. @0 X9 J      }
7 ^6 L& L+ o7 ]7 K9 e" t! Z   }3 @- Q7 B' b% [0 {3 p& S3 j
& q9 b, u3 N! M3 n) j
function calculatePosition() {
: J' Y$ W4 K' V& m   if (xDir == "right") {
1 s# X1 Z) P! O( P      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 Z8 O2 I, }+ J0 x7 B- J/ F) j         xDir = "left";
0 i0 W4 n! g5 G         }
3 _5 t; @, t" t4 M: Z      }/ E! u. A+ M  v! \% m4 t# _
   else if (xDir == "left") {5 }" F. T' u; Y$ c+ |
      if (xPos < (0 + BallSpeed)) {
5 r' C2 f- k, c. ~         xDir = "right";% A; @( ]5 e- Z- A: O/ n
         }
0 [2 S, u* P  Q* r9 K/ q. ?  {      }
5 B! c7 ]. r: ~+ O- y3 B   if (yDir == "down") {5 F$ ^+ d. [8 @/ z
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 ?/ o9 A8 p) }) j; x0 Z
         yDir = "up";
& R& d- q) H& Q         }7 j; D$ x* z$ @% |' ^  }
      }& ]2 p7 m# X0 q# G2 d
   else if (yDir == "up") {
+ r- k* W! }4 W$ n" j4 v7 r3 o      if (yPos < (0 + BallSpeed)) {$ e' H8 b$ `# _; F6 z
         yDir = "down";! t" X4 P9 L% s' N
         }1 M5 l& i/ h' @6 n7 j
      }, i2 M/ v$ u2 f. h7 l7 L
   if (xDir == "right") {6 m7 r- T# X8 x% c& a9 x
      xPos = xPos + BallSpeed;8 X; o3 i9 I$ S' V! x4 p- h, p& }- X
      }
: B$ ~" \9 l( u: O; \" }   else if (xDir == "left") {2 [9 Z  V8 L$ m+ r' m1 E
      xPos = xPos - BallSpeed;
& t  @5 v3 R- D& {3 A      }! I! K+ v- e8 y" n
   else {. n& y+ m+ }5 F: x, o
      xPos = xPos;
  m; J5 p/ f4 A% G      }
9 h1 q1 U2 E1 f   if (yDir == "down") {
: x& g+ \  p4 X3 M4 ]  U      yPos = yPos + BallSpeed;9 u" |, Q7 {! R+ C" V& }! S  _
      }/ f. ]  O% b" k: d1 a: P
   else if (yDir == "up") {1 D! Y  J- i* D4 L
      yPos = yPos - BallSpeed;$ j6 T: b4 ]$ @( P/ x/ w
      }
* a7 B6 ~# N4 T% w; [+ |) Q   else {8 ^% X& I+ B. H. b$ V
      yPos = yPos;" N( V/ E* x4 G( O) L  a
      }9 y1 r; L3 T8 t4 J) A. }* b
   }
7 u4 E% v2 S) b, H' q) A
* q) p5 H. A, H2 {9 T  O" {7 Zfunction hidetext(){
; I/ ~; X; E! k  \  Oif (document.all)
( ]% x! ~) e3 S. Q/ A9 F6 jsupertext.style.visibility="hidden"
$ p. f+ w2 C* }: P. m5 E$ k5 velse if (document.layers)4 K1 e1 s1 m5 z' F* [$ c
document.supertext.visibility="hide"
3 a& f/ Z1 [$ {" k9 }& I* C% M9 YclearTimeout(animatetext)& F0 C) X( |3 G7 H4 H
}
9 C7 d2 f* W+ K* E9 O. i; D  k, {9 \- N8 n: K
if (document.all||document.layers){3 O) s. A  X  v, J# _3 \, l1 f! O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 Q8 N9 m& h0 j, E: r5 V& i
window.onload = initializeBall;) l* W7 C4 P2 ~
window.onresize = new Function("window.location.reload()");* w6 z" Z6 P" \8 P
}4 {8 x* j1 ^" a' a: z( f4 X
  L+ s& q) l$ Z# h+ J6 C- \- ^: J
</script>