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

zw2004

<style type="text/css">
+ d: A+ T! s( I7 y2 W#supertext {/ k( m0 U! I" Q* _5 u* U
position:absolute;
4 C% P; p0 o1 T: S; p& aleft:0;  t: T( s7 i+ F8 {) Z! Z+ A8 ?6 v
top:0;
1 L0 W& @( g6 N# `2 y( g; l5 hvisibility:hide;% h  k$ m# Z% _2 Y5 K- ~7 n
visibility:hidden;7 Z$ G  Y' ^+ W. d, S
}7 _7 _" ]4 ]3 }9 d
</style>' u$ s# `* u2 |5 h9 W% _
<script language="JavaScript1.2">; R; m6 l0 Q! W; B
<!-- 改变下的字体的大小。颜色-->" L- \7 B( s7 s. [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" x$ O; b9 C5 T/ U2 A: E" Z
var hidetimer='';- ?+ q. {1 W$ l9 a# n8 p
<!-- 改变下的弹跳速度-->
2 G* w3 A2 o; L" [' U# xvar BallSpeed = 20;$ }! P( Z9 W% K# @
var contentWidth;% S+ i  Y+ ^% J- J& d" g! ~
var contentHeight;
5 U# R7 {; b. B4 h3 zvar maxBallSpeed = 50;
) }& g4 J6 c4 Y& M6 W$ E  y9 P* s  \+ {/ X
( D5 b6 g3 ?* M* }
var xMax;
. _4 b  f2 g) {0 U2 e, a, ~& J" mvar yMax;1 Q$ K+ y( c  A  w, c6 ~! @0 a
var xPos = 0;
/ P5 @# B# _" G9 m; |var yPos = 0;
6 T5 J. w3 D5 ]& j3 N6 svar xDir = 'right';1 y* ?5 D- S) M: Q
var yDir = 'down';& i4 l6 j: y( G# D
var superballRunning = true;: d4 z1 q' Z: \. }( f2 H! j! o
var tempBallSpeed;
' |+ ]! S, d. c( ?& y4 }+ gvar currentBallSrc;' D) R, z& {7 @, e
var newXDir;
( @: t5 @" o, ]- jvar newYDir;
2 K3 o  K' `; @/ U" s
8 h, |! Z0 |$ q! y3 e% C0 Wfunction initializeBall() {
7 L' I- k6 ^. H/ o   if (document.all) {- l5 L7 N( c5 {  b$ \0 T
      xMax = document.body.clientWidth
$ W! U6 f" C7 C, A3 O      yMax = document.body.clientHeight
4 |/ C! S- y9 w+ C) Y      document.all("supertext").style.visibility = "visible";
4 o! G! S  {1 x' w6 t      contentWidth=supertext.offsetWidth
% g# F9 F8 O" {6 B% V; b      contentHeight=supertext.offsetHeight) _9 K3 p8 k3 [7 |- Q
      }
* }5 l7 I* m3 n* ^6 [' h   else if (document.layers) {9 C; t( S6 A% o. n- G
      xMax = window.innerWidth;3 Z/ H: l9 w& y1 T
      yMax = window.innerHeight;
: W& D' n# i) [4 Z+ R& }: \      contentWidth=document.supertext.document.width
" _* I* W  P; X: R& \4 }      contentHeight=document.supertext.document.height6 \1 l% }4 S- K9 j2 g' h- C
      document.layers["supertext"].visibility = "show";
/ c2 k/ n$ R; b3 T, q1 B      }6 ]5 Z  Q' n" A
   setTimeout('moveBall()',400);1 d( U- U3 t5 N, O
   if (hidetimer!='')
- [/ Z$ J; `1 L  }   setTimeout("hidetext()",hidetimer)
$ b4 e9 Q" ?3 f. |  X( {   }
- T' d7 u+ x4 S3 ]4 @" Q- s2 c, I' x0 Z2 M
function moveBall() {
7 K' t$ j. X0 {) x5 t5 A% f1 L8 t/ J   if (superballRunning == true) {
3 R9 P  V- }1 z6 {- ^      calculatePosition();
/ I  k: w$ p6 X' Q) W5 n      if (document.all) {
9 v9 v1 \  d4 O) o. F. \         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 n. r- U4 N; [
         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 \5 V! y! Z, H         }
' `5 Q# {/ F  J9 ]  ?  A      else if (document.layers) {
5 h0 e! L# M  J: f) m5 l  X         document.layers["supertext"].left = xPos + pageXOffset;
3 X7 T8 |7 f) r; c! ~* r/ t         document.layers["supertext"].top = yPos + pageYOffset;
4 p. a1 x) Z0 M0 }% v! A6 t         }7 C3 t8 {9 i0 C0 M
      animatetext=setTimeout('moveBall()',20);1 K! l6 `4 n# P$ z8 I
      }
. S0 r6 ^$ F1 a. w   }
1 E+ N" E: j, u& u
) S) O( F1 O$ B, J3 X3 M% \function calculatePosition() {" U4 c& x/ B+ k
   if (xDir == "right") {% ~5 Z! G& U+ @2 _4 G1 q- {1 _8 o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 [) m# G; K* X: n$ W( f         xDir = "left";+ Y  F+ \/ \$ `, Z6 c
         }
1 a+ c: W* n( m& ]3 x      }& g- Y. D$ z2 f8 |/ b2 T  `
   else if (xDir == "left") {
, X& O' E0 [& v& b1 J9 m$ Z      if (xPos < (0 + BallSpeed)) {3 C7 L8 d6 O/ [& S! ~% A# ^
         xDir = "right";# ~) R8 ]2 r& R1 ]! z
         }
/ [+ G/ i6 W" L      }- X: r( z- ?; y- U/ ]: p, }$ I/ Y
   if (yDir == "down") {
: g+ Z, m) [1 y      if (yPos > (yMax - contentHeight - BallSpeed)) {1 D* }# J" ]6 G" r- f6 u0 c
         yDir = "up";8 p% X* `( m3 l9 W; G4 N& L/ S
         }/ ~8 y; d- r  |' c; ]
      }
" y" r8 z' @1 M2 s" g   else if (yDir == "up") {  m0 F! ~" d4 m  |/ U2 y7 {
      if (yPos < (0 + BallSpeed)) {
8 I$ I( V7 ^2 w6 F         yDir = "down";9 j2 F7 d, m/ X7 g
         }
* s; z# s* B- K: Y      }
% B4 [( \+ b' b% E# e1 W1 I1 k   if (xDir == "right") {
; W$ k6 X4 D" a( z! Y/ y- [      xPos = xPos + BallSpeed;: e$ X5 b9 R) n5 o6 P1 J0 m
      }6 _2 |0 O: N0 \3 x' X' R
   else if (xDir == "left") {
6 O7 A. o/ [, n      xPos = xPos - BallSpeed;
; N/ ~2 K+ |3 }      }1 M+ a, W( a5 p9 C; ^  c
   else {" m, r, z5 @* z% f. F& I6 I
      xPos = xPos;) S; a# C3 E/ V  N8 v+ Q
      }  y, f' d/ C7 ^5 T; y- m" N1 C
   if (yDir == "down") {2 S! Z2 |6 J+ P5 }: p
      yPos = yPos + BallSpeed;
0 N1 }, J) Y; x! @) m( T      }
+ P# H$ C7 {9 u+ f8 r3 J, t   else if (yDir == "up") {# m/ N% p/ u! L! b
      yPos = yPos - BallSpeed;
& O& H& x/ Z; }4 o% p, F      }) H3 T( u9 v1 x2 m. |8 Y7 Z/ b+ x
   else {
  A  U9 U, z6 H  Q2 m$ ^& C1 G      yPos = yPos;$ V5 W$ x1 ^5 P% y6 V1 p
      }; q$ v' |- e9 [' i" N$ g
   }
1 P7 K' L; o3 q
- i  P1 r* D% S1 kfunction hidetext(){
' r* L% y& m0 w& V# i# O: Mif (document.all)
5 x) C7 S, r9 g6 t9 Esupertext.style.visibility="hidden"
0 a1 _1 s9 o4 {  Yelse if (document.layers)
8 O8 W$ X* B% z+ Ydocument.supertext.visibility="hide"
+ K3 f4 Q. c6 \8 u; W! ZclearTimeout(animatetext). h' J0 B' M7 x$ W3 j
}! \( I5 O- I; A$ y+ u4 b9 |5 _" N) Z

9 R: T# u2 {" a3 c5 aif (document.all||document.layers){
; n1 H' Y/ a' G2 ~3 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! o9 x7 N; ?: k/ h9 ^  vwindow.onload = initializeBall;" r) N# g$ n3 D! m0 r2 P! F$ a
window.onresize = new Function("window.location.reload()");) i# \. Y2 }+ Y1 m& S8 |5 O( }
}
# k" {/ r8 ~5 ]' D$ \! a! [: _" ]4 E6 y/ v  e' T
</script>