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

zw2004

<style type="text/css">: i/ P- z+ p" c. g
#supertext {# c8 O. z% Q5 a3 u5 z: `: b. M6 q; N! y
position:absolute;
- z. ]# C( g6 ~9 P' R/ e* Zleft:0;8 Y) \2 w3 L6 ^0 L% |* {
top:0;" U: T" X2 _  c3 ]. a$ A. m
visibility:hide;4 V2 J- k% p+ H( s1 s' w8 Z( I
visibility:hidden;( N+ o) O, g) G# Z) `- E' g7 S
}+ F& O- D) y& }
</style>
: X7 e% y. u* j6 s/ n, m: b# v<script language="JavaScript1.2">) b; C: c( L( ^, k4 q5 v5 c
<!-- 改变下的字体的大小。颜色-->: E1 h5 q& o- s+ b- p- L+ F8 i
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', m  {% ^1 J( E1 n+ u
var hidetimer='';
! X  e" V6 i+ ~$ s<!-- 改变下的弹跳速度-->, N0 K" h9 U1 [3 W' ^
var BallSpeed = 20;
( r2 S( X4 o. B6 w  xvar contentWidth;6 F( h( e& t& F" x/ U! m
var contentHeight;
3 c7 V+ `, V& C' o* n* H1 Rvar maxBallSpeed = 50;
$ ]+ L: i1 I$ q* i2 j$ {3 V2 E1 ?" Z5 B$ ]) V. `0 i

3 n$ m# u6 K9 t9 C& D" ^var xMax;6 j5 x' K! r' d: K
var yMax;6 Z, t* {" X/ x' c
var xPos = 0;
- U  p) c/ _  h6 s; }9 U. i9 Evar yPos = 0;7 V, |; Z8 {4 R) p7 c
var xDir = 'right';' \& ?1 J2 |) T4 ], m; |1 ?
var yDir = 'down';
2 u# l2 E6 I7 Q8 E0 Avar superballRunning = true;. R5 U" N0 s8 y% E7 _$ J
var tempBallSpeed;: A/ T7 t0 V. d9 t
var currentBallSrc;% U) j6 u% `5 \1 D
var newXDir;
0 O  C  v$ ?8 j1 m0 Dvar newYDir;
% A0 ^( c& Q! x! H
  m7 I( t. y4 T4 T  [function initializeBall() {
2 V, V4 F2 l8 M  E0 |* A+ ~   if (document.all) {9 G" Z5 h* ]4 N# x
      xMax = document.body.clientWidth
3 x- I( l( z! G      yMax = document.body.clientHeight
0 {- X4 P, y# c' K8 X) K( i* M      document.all("supertext").style.visibility = "visible";
! i; r- [$ T" X% c, b7 r0 b  e      contentWidth=supertext.offsetWidth
9 R+ W) q" ?& Q0 n/ T% n8 ^5 @      contentHeight=supertext.offsetHeight
& K) A5 t5 B# H3 K+ C& @, g4 d$ g      }
4 e; J' B/ s" z/ c! ?   else if (document.layers) {
0 ~) Y7 |) D2 _      xMax = window.innerWidth;% ^) w; l' Z$ ]: R
      yMax = window.innerHeight;
; w1 O" }5 R# p, S/ V2 y- L- V6 X      contentWidth=document.supertext.document.width
+ o, x5 G4 T: }: T# b      contentHeight=document.supertext.document.height
5 B8 y3 w0 t' A      document.layers["supertext"].visibility = "show";: O+ _  w3 j# ?- X; U  p: I
      }0 T7 `4 R0 y9 A! d
   setTimeout('moveBall()',400);
5 D& }8 f2 U" _; E( b! m& W   if (hidetimer!='')
& [. h) Y& ?: N6 Q& H$ i   setTimeout("hidetext()",hidetimer)2 h$ e- j3 |. O8 y. b  ]# K
   }
& q% n: r, j5 {1 c! B
3 @, x1 e2 v1 D2 A7 nfunction moveBall() {! v: ~+ u& G  E+ v
   if (superballRunning == true) {0 ^( j( s8 g% k: Z# s- J- e2 K
      calculatePosition();
3 H4 w: T+ U* @5 W0 C% t      if (document.all) {
  I2 c7 s4 E; I         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 f2 p; j! [' s+ C
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 j* \& r3 i! \' ~4 I
         }
# |8 K' Y" X$ I: e! l      else if (document.layers) {
6 j. p5 Z$ O$ o, P2 Y         document.layers["supertext"].left = xPos + pageXOffset;
8 G1 ^9 n% T' Q+ P0 J, V0 S5 T! N3 z6 p- N         document.layers["supertext"].top = yPos + pageYOffset;; r$ s0 `7 c) i
         }
' Y4 r0 F) d" Y4 A, g      animatetext=setTimeout('moveBall()',20);
# Z  e! ]. h% N8 O1 I      }5 J" X4 D  v! N2 R/ v5 l
   }$ s+ w! J, d1 i! Z8 k+ C
3 i% H2 w. g& G1 V: D
function calculatePosition() {
' P4 y; q% C* R# S6 O   if (xDir == "right") {
0 m4 l  ]- u/ z  r# Z3 D9 Z0 l      if (xPos > (xMax - contentWidth - BallSpeed)) {
* [& k4 c. |% I# i0 _         xDir = "left";
# Z0 Q7 W- ~! }! d/ q( N         }" I1 S+ G% D) n; u5 o, b
      }
  v' O+ G& t, w/ ?   else if (xDir == "left") {
7 |2 c" H" G  H4 ], ~; k7 U) |      if (xPos < (0 + BallSpeed)) {( h7 `+ S. J/ S& p
         xDir = "right";) x5 v/ J& I3 l* S4 a( d( C" N
         }
; @: |8 E$ ?: U      }
/ z1 y' x" Q8 |: U6 u   if (yDir == "down") {# h" I( K6 n. p  l6 B  a' I5 |
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; F( q4 \. |! J         yDir = "up";( L, w7 H* K( Q
         }6 H/ I" n0 i  q+ |- z
      }
: v7 D! q/ F5 R) s+ G& y2 c  a$ ~   else if (yDir == "up") {
  d1 z" a- F8 ~  d9 K2 B3 Q      if (yPos < (0 + BallSpeed)) {! X% |% P6 }9 E0 M
         yDir = "down";
/ A5 U+ S2 ~0 o+ X0 [, O+ Q         }
/ O2 P- y( ~: O+ g      }
: }3 s# I5 r9 o   if (xDir == "right") {
, V$ Z) j4 r+ }6 O' e      xPos = xPos + BallSpeed;
- O0 k* W* j. ?, G      }- d6 S3 E2 h! a$ T/ |: ^
   else if (xDir == "left") {. r) a3 ~% K' v: p& f2 K' m2 l) D( K
      xPos = xPos - BallSpeed;
" W& S. }4 W+ [; o      }" k- x& V! a% p; F/ c1 x1 r4 c
   else {$ b3 @, s; a( L0 k. ~
      xPos = xPos;3 Z6 `# T0 ?2 M8 M  D
      }3 U8 o* x5 {. x4 X+ l+ M
   if (yDir == "down") {
1 D. S# y+ P$ g      yPos = yPos + BallSpeed;4 \% |1 j5 w- ~# D8 \
      }
( F1 i, l; v8 W, ~1 v   else if (yDir == "up") {% [, Y  Z7 m9 H: R' Q
      yPos = yPos - BallSpeed;9 ?- A5 v3 M) z. U
      }( p3 _2 S& ^; V3 C  P" I
   else {, {. X# S+ I5 F8 F: a
      yPos = yPos;, h. \7 z0 Z4 r/ w& l+ Y0 H* j
      }" Z$ Y7 d8 ^4 K# U1 r2 a
   }( ?; S. q! W8 \

+ Z+ o; s4 l  H, Efunction hidetext(){
" i4 f+ L( p8 r5 U2 Dif (document.all); s& x. `1 u5 }. K
supertext.style.visibility="hidden"8 A% z3 r9 `* ?2 h
else if (document.layers); V3 o5 j7 z9 X+ ]& p6 A5 N, ^
document.supertext.visibility="hide"% {2 A- Z; n( ?/ \" z" ?
clearTimeout(animatetext)
$ E! S# `! c& V0 E! M: K+ _}# |- R, l: }$ e) K3 Q0 }$ V4 U' w' Q

1 o8 A" Z( z+ d8 W" p* `4 Jif (document.all||document.layers){
% s: k/ V- w7 t5 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 F& \( m$ K4 X* I1 y5 A
window.onload = initializeBall;
* f: N9 p0 G4 _. }* ?window.onresize = new Function("window.location.reload()");
: p3 g; H. c# k& ]5 B. L}0 N- U* _+ w: s: z$ H# M* b

9 P3 s5 ~) d. a) S+ |' y</script>