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

zw2004

<style type="text/css">' Y& t! o6 J/ E' H% w
#supertext {
: R$ _0 `! S% S; S9 Vposition:absolute;
& Z9 k# e) d* ~% m) j, yleft:0;0 Q+ J" s; V% |+ ^" k4 |4 w
top:0;
! e; y/ F, O2 f, A* cvisibility:hide;4 B' j, F& |8 ~* \3 }) a# U
visibility:hidden;
9 I4 J2 {  ^0 y' @) D}
( {- F& r7 v' _6 C* u# [+ K</style>
& K4 s7 p" L+ ]& Z7 A/ |. W<script language="JavaScript1.2">
0 ]; b; C2 B: K6 ]: X* w7 _9 r<!-- 改变下的字体的大小。颜色-->. P! p, j% p; G1 W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 E7 f: a  }& J* F  r2 _: Bvar hidetimer='';
! e$ v% f3 \% f<!-- 改变下的弹跳速度-->* B1 }% D; V3 j$ [
var BallSpeed = 20;4 b2 g- c9 R( I
var contentWidth;. Q1 ]5 ]# C4 \* N8 r
var contentHeight;6 C7 E' c/ W: h, p' X! ~7 @
var maxBallSpeed = 50;# H6 U1 C7 ]4 E5 S' q$ s3 C; H
2 L4 R% Z' y6 r

; z# \5 L" f$ e& |$ Hvar xMax;
$ U4 s7 r! B% s/ m; z) }9 P8 mvar yMax;) ?2 T# d) u  t9 v
var xPos = 0;
+ v' f/ f+ m1 h% u2 Qvar yPos = 0;
: P0 q  A# H- D1 @! T& W' Cvar xDir = 'right';2 F+ \, m  ]& A: D* D
var yDir = 'down';$ z  s8 J0 L4 j5 g& F6 j
var superballRunning = true;
: W* _  O. o6 ]1 O1 \7 k4 yvar tempBallSpeed;0 b( A6 \" ^7 ?0 Z  H' ]
var currentBallSrc;; V/ Q, w1 L; @3 }8 e. X
var newXDir;
" ]% a% n6 x1 g2 ?2 w: k; zvar newYDir;* }- Y3 j) s4 \8 H

* W+ D1 X, j5 E' Tfunction initializeBall() {" ~& s% B1 b' X. W# C7 g
   if (document.all) {- }5 k" G; @" C$ O+ O! ]% v
      xMax = document.body.clientWidth5 h" \% f' H9 G% Y- q! ]
      yMax = document.body.clientHeight1 P5 G) a/ C  P9 k
      document.all("supertext").style.visibility = "visible";& _% i! W, g6 N
      contentWidth=supertext.offsetWidth
0 d9 b! h9 S% }! ^+ o/ y      contentHeight=supertext.offsetHeight1 q/ a) G+ S% j' i
      }
; }; ~. _+ q# p8 D   else if (document.layers) {  {0 j0 Q* v- }; G
      xMax = window.innerWidth;
% R% Y# ?; A( I5 v" {      yMax = window.innerHeight;/ ?% E, C. c% J! J. F6 k# F5 ?
      contentWidth=document.supertext.document.width  ^, a5 N) v2 X
      contentHeight=document.supertext.document.height  h5 U( Q/ _  B# n3 F, \7 F+ g
      document.layers["supertext"].visibility = "show";( p) s' l5 \8 `$ ~+ t+ d7 f
      }
4 ]( R9 c4 z( P5 \9 M) G   setTimeout('moveBall()',400);5 j! D7 {$ E/ I5 `! C9 L
   if (hidetimer!='')* R  v  y3 ?! [% @  P3 F0 E
   setTimeout("hidetext()",hidetimer)
2 Q- f6 g: [+ V+ i' w- o2 K) ^2 A! K   }. w; s+ O  B8 x# N
# }( c# ~, |0 P
function moveBall() {
8 e" g% {4 I$ Z$ n  A3 N9 l% n  F6 E. I   if (superballRunning == true) {. @: e6 i  U6 }( c2 r5 T. m3 u
      calculatePosition();
0 a& l+ M7 P: Y) c, D9 t      if (document.all) {
( y8 l" X7 p" m+ f9 a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& S+ ?4 p2 S$ A: i3 K: v8 c6 L         document.all("supertext").style.top = yPos + document.body.scrollTop;
- W: M7 O$ q6 j         }& V, a. d+ Y" R6 S
      else if (document.layers) {
, Q6 ?8 {& n9 Q# c         document.layers["supertext"].left = xPos + pageXOffset;
/ Y2 [: `6 x7 Y* n/ r7 v         document.layers["supertext"].top = yPos + pageYOffset;
9 d1 }  ?7 S- `% g( C! T         }
& H) F  k$ U: t      animatetext=setTimeout('moveBall()',20);4 D' C" G/ O1 j2 R
      }6 s1 c$ F8 X0 D5 C- \4 ]
   }
, [  `  R9 P, d7 U
9 X$ i3 ~+ C. c; u: O) V- K* j  Wfunction calculatePosition() {/ _: _5 H) B! h8 v% W  _% S3 k
   if (xDir == "right") {
/ B( y0 @( F- B      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 x2 m* {' \4 Q         xDir = "left";
2 d8 c% f  ?" u5 g8 D$ q, R         }
/ W! r4 f% Q3 m      }
) V) J  {1 c/ L9 h   else if (xDir == "left") {$ L8 U+ I& o) d, Z9 N3 b
      if (xPos < (0 + BallSpeed)) {$ ?/ b" v2 ?+ m& n8 [
         xDir = "right";- T  F- X+ u: C0 X. C
         }. I, H, L* v! f5 w7 Y/ M
      }
8 V( o) V9 A; @0 N" D   if (yDir == "down") {! k; q6 j: ^  H/ \! t! o
      if (yPos > (yMax - contentHeight - BallSpeed)) {
" }8 L4 _9 d9 q) n  @$ x1 D5 Z3 k         yDir = "up";; i* B2 {  k$ w7 ]! c
         }
: O2 Q' i, q+ |9 q" a5 ^: |      }
* _& @: m% G! z4 O) W+ F   else if (yDir == "up") {
) e& w1 x& Z' d- T4 W      if (yPos < (0 + BallSpeed)) {
, [  {" v# N4 b" \         yDir = "down";4 @: X/ s* F% h  z
         }; F/ T' w" u( I5 I8 T# {
      }3 O$ a( [% Y# @
   if (xDir == "right") {
0 X. t  w) Y6 }: \: R2 ~      xPos = xPos + BallSpeed;
5 N1 I/ i5 p. J, P4 ]      }
1 w, b# m  W9 h) h& j   else if (xDir == "left") {
0 A; @$ [/ j* j3 u: U      xPos = xPos - BallSpeed;* ^3 t6 X( y) ~( D( j# l
      }
! |8 {3 m, i; n6 W   else {4 D' A8 Z7 K# u3 Z7 N: m* z: @
      xPos = xPos;$ p# W% o) {% B9 c
      }
3 S) ~8 y0 j2 h6 m0 J   if (yDir == "down") {9 L+ n* r3 z1 ^: r' I6 i3 {. x+ v
      yPos = yPos + BallSpeed;
  i& M  ]1 ~& y      }+ m4 d  n/ F" ^* |1 k4 n
   else if (yDir == "up") {1 X) M- O4 Z5 d/ f$ N5 R3 L, E
      yPos = yPos - BallSpeed;
, i% X( e) k7 E* W      }
- c4 v5 z1 W5 I+ e* j5 Y   else {
! M! `* T$ A+ n: T7 N      yPos = yPos;
. h# z: b' e  W% P0 \$ q9 v      }
" t9 O3 e( E; V   }7 f  \% ?: ]- S7 q9 z
" f* x( u% f6 R
function hidetext(){5 C4 S: a: r" s0 X* r
if (document.all)6 E6 r6 h, k) F3 ~8 t/ L1 n0 E
supertext.style.visibility="hidden"4 W/ Y# N* G2 U+ }. d
else if (document.layers)
. L2 }* b+ t$ [& T# b# ~document.supertext.visibility="hide"
& J; F$ ^) z5 N5 P+ @clearTimeout(animatetext)
6 y. H2 ~4 l! b! f+ R- y}
& `% O) J1 ?: {- d* G
7 \9 |- M/ D) R& k8 Z1 R7 ]if (document.all||document.layers){9 M, t1 r1 N! @8 E" R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( g2 i3 V6 K% t1 M9 T- ^, A
window.onload = initializeBall;' W7 |' L8 o, u7 O) v
window.onresize = new Function("window.location.reload()");3 F: C& ]4 H, p4 J
}
$ m: j8 F; S3 A/ U" X1 S& C. {& T: D# o7 P! b
</script>