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

zw2004

<style type="text/css">% ]0 `. M/ ]1 L: a0 E7 X; n
#supertext {
+ a( ], J+ ^2 |( kposition:absolute;, p! {* n. {5 D9 R2 F+ G
left:0;. o* O, K9 v" X) ~: _6 A2 J
top:0;, _2 G) h/ w( @: M1 F) B9 S3 L0 ]1 P
visibility:hide;
- E. I: Z7 b( k# @. }9 z8 yvisibility:hidden;' e/ \% T4 j* T1 H8 L2 h% i
}
. X- g+ a  k4 w, b8 s% L, E' M. r9 d</style>/ y: e- d% }- v8 R* Z- |
<script language="JavaScript1.2">
+ [% m7 r5 X5 \7 L7 ]. ^* y& h<!-- 改变下的字体的大小。颜色-->/ K6 H# j4 H& }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' P* E+ T* ~9 ?
var hidetimer='';
2 c/ ~2 s7 v* k7 K$ X<!-- 改变下的弹跳速度-->
( H, y4 X$ @; y6 d* T6 k  c6 |var BallSpeed = 20;4 m6 U' \0 T; t; i
var contentWidth;
: n- F% a$ ?0 g4 p! B. h$ n: N0 _9 svar contentHeight;! q8 S5 c/ L2 ]  J
var maxBallSpeed = 50;
! D/ R# j+ r# }/ V: I& D+ f" X6 I% Y5 O: c" B: C4 G
1 v9 t: I/ k) j* F0 g: b
var xMax;
0 }6 u2 n; q* {5 Uvar yMax;8 z( Y$ e5 F1 y* b+ Z9 n" ]  F
var xPos = 0;
: i% H5 n# x+ F1 cvar yPos = 0;& }. _+ b  Y* U5 }' G
var xDir = 'right';
! n) ?7 [! f% S2 I, i9 Zvar yDir = 'down';8 |+ T) A8 x: o1 Q) I
var superballRunning = true;
9 e+ d7 f' u. t: x/ Uvar tempBallSpeed;
0 ]; o& K; r% Fvar currentBallSrc;
+ G4 o  y) W7 F; Hvar newXDir;
3 \" I. c6 K! J! t; Avar newYDir;
2 a# Q4 }, s- a. k
# J9 ~. q# [6 L% O; Tfunction initializeBall() {
5 P6 K4 p. A8 @  u; U; D- `   if (document.all) {
5 D+ h  z% H7 I3 q      xMax = document.body.clientWidth- \9 F" B$ c; o7 i, `! Q
      yMax = document.body.clientHeight
! d  _& h4 g7 x6 Z! J      document.all("supertext").style.visibility = "visible";
/ z& q9 O) a+ i; @; o/ E! p9 F1 N      contentWidth=supertext.offsetWidth
9 X2 d" p* \* s! P0 c, m      contentHeight=supertext.offsetHeight
3 u7 b/ T. j  ]: J. d5 B2 u      }
6 n; v% J0 {& V6 u9 [- E   else if (document.layers) {
4 }" i# {2 `7 A5 c1 \1 M/ L      xMax = window.innerWidth;
5 V1 Q3 h5 O) d      yMax = window.innerHeight;
0 ?# z& ~( L: R5 ]( O! P      contentWidth=document.supertext.document.width
9 ~3 Y  y; L8 e4 w      contentHeight=document.supertext.document.height' j" i) f) m4 P  _, G2 \
      document.layers["supertext"].visibility = "show";
3 i6 o0 O& g+ Z( x/ x0 ^      }/ n" }: o4 T7 ?1 X9 A: D* D
   setTimeout('moveBall()',400);
  o, c1 z6 {: a2 N* I   if (hidetimer!='')4 W. ^$ r" r# ]; O
   setTimeout("hidetext()",hidetimer)# P0 l" O' m4 w
   }
% o5 }; l! n4 a1 S  @2 _. O. k: \0 @+ s
function moveBall() {
  {% ^6 r. x9 x0 ~   if (superballRunning == true) {
7 M9 ]5 j0 N) g, F  A6 B      calculatePosition();5 g' v& s( q- y: G% I$ P: `
      if (document.all) {
7 _% w/ e$ R  V4 K+ ^" M         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 X. N! T9 e! j) a4 S/ u         document.all("supertext").style.top = yPos + document.body.scrollTop;' G7 h( I/ i" J( q# t8 u# V
         }- T" {3 ^5 Q# K4 ]! o
      else if (document.layers) {
- A( \& ]* r% p$ N! a4 _         document.layers["supertext"].left = xPos + pageXOffset;8 X* f, l: Z9 h6 |) A+ Q. x
         document.layers["supertext"].top = yPos + pageYOffset;
/ Y6 c% O, p% ^; C; H         }8 d2 k6 s5 ?; Q2 _; _# M4 R
      animatetext=setTimeout('moveBall()',20);; K. S8 s3 ^+ ]1 O
      }( x4 J6 e+ d9 r3 z6 e9 M6 Q
   }
8 ^- L$ Q7 P8 [" t9 a0 Q$ z# e5 _  X2 _2 w
function calculatePosition() {
2 H- k( _( `* S/ {7 E   if (xDir == "right") {3 t0 Y" Y$ H' @. i
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 {6 o7 u+ T) q9 o9 L  ?1 |0 X         xDir = "left";& {6 q+ Y2 a, {7 X9 r4 M( k! w8 p7 G
         }" e1 I! M/ Q. V5 r: k/ I' y0 O
      }
* @. {3 Q" `5 y) `* z   else if (xDir == "left") {
9 c/ @* A+ K) b* f* k      if (xPos < (0 + BallSpeed)) {. ^& [" U+ l8 X4 l  C& L
         xDir = "right";' g- ?6 H2 H* K  Y; K9 j
         }7 j# t; l7 t7 n# g5 l% L  z& L
      }. M/ {; m( Y/ R& r& |& r
   if (yDir == "down") {
  `- p- U1 c4 ?; z! H      if (yPos > (yMax - contentHeight - BallSpeed)) {3 }/ C0 P' e" x( h
         yDir = "up";
$ |1 J+ b* ?- _         }7 C5 ~2 x1 O! _6 K; m
      }
  w! Q# v( c: F: m' B7 O   else if (yDir == "up") {  T0 Z1 S6 B3 _: Y# K
      if (yPos < (0 + BallSpeed)) {# ?+ i1 w4 u" X8 @1 Y8 O! Q
         yDir = "down";2 o7 T' J) }) G# |' u& r& D$ F# {
         }7 q# O3 G1 I5 r$ M& ~% O
      }0 P  u0 P6 O# \& R( B  o% \, z" X
   if (xDir == "right") {2 j1 Z9 p$ V6 x" ?4 n  _- T3 c
      xPos = xPos + BallSpeed;
# k% ~8 T8 }7 [) Z; b' X. c      }
3 |  }" B9 |! V& T: @8 ?   else if (xDir == "left") {7 [/ c& T* z7 P" x  L
      xPos = xPos - BallSpeed;
2 Y: B6 }% g3 ]5 P+ W9 _' V  y( r/ {      }- ]' L" \* @+ H8 E, a& }
   else {
; G. K2 J2 h* F' S' u      xPos = xPos;
' }2 l/ s: J8 ^5 Q/ T      }9 M. E2 Y8 r9 J, x+ ]9 ?
   if (yDir == "down") {
" m$ n3 g* u' f0 k" N+ h      yPos = yPos + BallSpeed;
0 u& Z" f4 j# Z2 H! {6 G! ~      }
* W9 l8 Z+ a6 z5 L% @- ]   else if (yDir == "up") {
8 [2 H( Q7 V9 O0 B0 f5 _      yPos = yPos - BallSpeed;% K; m* i( r& D  p
      }
$ T1 l% `0 L; a" H   else {
9 p! ?$ }" G0 u0 `+ u2 C      yPos = yPos;' h$ x3 w3 b# d' Q4 Q
      }  K$ f2 P# v) D& [1 Y# [# M2 g5 F
   }
% p& z) b) I9 `
0 T% Q2 i0 B8 ~8 I& c: \function hidetext(){
9 M! v; r$ D% M! }- X7 Eif (document.all)1 |. i3 ?! o% Z6 ~: g/ Q
supertext.style.visibility="hidden"9 M5 z  l3 L- }9 F& g
else if (document.layers)
! a1 Q* A1 x- B7 b7 b4 F* Mdocument.supertext.visibility="hide": }) ~1 @- F. k9 r: g
clearTimeout(animatetext)3 q  V) P$ X$ k, o$ a- }) R
}3 P9 `5 [/ V- Z: w) p

) E! k, L1 y/ A* gif (document.all||document.layers){2 ]/ Q+ y7 S+ H! W6 C
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! E0 r/ h  H4 @# t2 h5 U
window.onload = initializeBall;8 y- }! x0 o* A: |7 o  @3 @0 O
window.onresize = new Function("window.location.reload()");
  S0 A, [7 t  t}1 n; r' i( ?4 B- S4 A4 s
; a" V. x! P5 c; @9 x" i' J
</script>