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

zw2004

<style type="text/css">
5 N4 @; ]: Z. G# E* Y2 F+ a#supertext {
0 x5 ~' v) K) u( ^7 }position:absolute;( ~6 F; ^( H; O/ E% A
left:0;  G* d+ B, k. K( j1 ~
top:0;
3 u) ~' \9 t2 r# W4 }3 K( M5 b/ Wvisibility:hide;
  a1 a5 Q3 h9 }* U8 j! Evisibility:hidden;& W) c& [7 ]# `. ^
}
. F$ A# J' F0 Q8 f- Z</style>& ^- @- G- {& h; d
<script language="JavaScript1.2">
7 Y7 s, z' V; C. W" l7 w4 x% G<!-- 改变下的字体的大小。颜色-->' k8 o* J( i8 u7 X9 ^, f, V! p" t
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 T, x, L  r; M) C: _* w* A
var hidetimer='';5 J4 Q# a2 y% {8 Y+ X( {
<!-- 改变下的弹跳速度-->
& `  Y; M% e" v3 N$ k6 jvar BallSpeed = 20;! Y3 n: I3 U8 w9 ]) N) o
var contentWidth;
8 g9 P0 h* ^$ {6 C. _2 Z) V7 ^* qvar contentHeight;4 h% R2 b  A7 Z+ M" N; F- ^/ l
var maxBallSpeed = 50;
! `: M) s9 K1 {, |5 [
# ?. C' I4 E6 N0 z3 B# X( n" `5 ~) J9 M
var xMax;
% c6 ]" r6 h, \! F! wvar yMax;
) x9 b- Z0 b' J! Z+ uvar xPos = 0;
- x1 X. o6 d5 U) E! \var yPos = 0;
, y% ^0 \, I1 ovar xDir = 'right';
; u* P7 j5 z. e+ F" x( Ivar yDir = 'down';
- ]7 W, N% o2 rvar superballRunning = true;0 F% n+ ?% H! n  d' L# m+ }
var tempBallSpeed;0 v/ m# K0 H, ^3 d
var currentBallSrc;
/ F5 e# C/ m; \8 [+ G1 _var newXDir;
: g. M+ q# ^- m; ?) h- Q2 xvar newYDir;  e: R) n2 ?; `  G; u& d1 o4 Z! N

" I( m/ W" v& j+ O3 Nfunction initializeBall() {8 D1 B1 q4 Z% U: P& o
   if (document.all) {
* T: P8 o  `9 A$ x6 B9 T0 V      xMax = document.body.clientWidth3 s, B" E% O( W$ w
      yMax = document.body.clientHeight. K. B) k) [: m9 {7 j) w
      document.all("supertext").style.visibility = "visible";4 _: E! t+ j9 A$ a9 Q# f1 p
      contentWidth=supertext.offsetWidth& Q. L* Y) D  E' N
      contentHeight=supertext.offsetHeight! Z! f% a. R- {! p5 j# n/ }9 x5 w. u
      }. \/ b% |8 F# o9 [
   else if (document.layers) {
6 q" e) \" j* W' a" H9 D      xMax = window.innerWidth;! O! c3 v6 N) X4 V
      yMax = window.innerHeight;
. h7 J3 `2 O. |. N) ]      contentWidth=document.supertext.document.width
( X4 ~7 `' ?+ u2 ~      contentHeight=document.supertext.document.height" O6 x3 I6 l) T* d& i  A- {! A
      document.layers["supertext"].visibility = "show";' k, m* l2 m& j4 o7 J5 k: c1 X
      }
5 ?0 |1 S! o! J" b4 C! O   setTimeout('moveBall()',400);; O9 J' |, E% v# ]
   if (hidetimer!='')
5 V- b' L. R% a1 R4 T   setTimeout("hidetext()",hidetimer)
- N( [6 f3 A9 f8 n! P; _* K: P   }$ n6 e. V' h2 M( h0 Q! w

. e& C5 s! M4 L; h5 Z5 y% efunction moveBall() {
" ~2 `. ]5 H. f. g  A9 m, F   if (superballRunning == true) {
3 S3 c/ i. r# K# g+ a. E      calculatePosition();% H, ]0 e8 s1 [" F
      if (document.all) {
, d) [! _1 b/ ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;, R$ h2 R9 O3 U) V
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 Q8 V" O$ z% |+ G  c
         }) m9 \& W9 l" ^
      else if (document.layers) {
! I) A" Q3 L( Q8 r/ o         document.layers["supertext"].left = xPos + pageXOffset;
7 K  i2 \) Q0 w% F% F9 G! Z* [+ B6 W         document.layers["supertext"].top = yPos + pageYOffset;( i/ \( Y* O. \& @9 i
         }3 d3 B0 @% ?$ C. G3 ~
      animatetext=setTimeout('moveBall()',20);
# g+ Q- w  V9 F! T0 T      }1 l, e0 W! P3 b4 M8 b, G
   }
& D% J/ O# h& H5 @* J  J, c2 J/ t7 E/ a
  T. D8 X# ?& s" c& _function calculatePosition() {
1 i* E) D4 w: t) m3 U8 a# Z   if (xDir == "right") {
: y+ i; J' i5 N8 f! \3 n0 H8 l      if (xPos > (xMax - contentWidth - BallSpeed)) {! {, T; B2 _  F  N2 a
         xDir = "left";9 h- F) k& Z' |
         }' N: [, a- y; U- M
      }
: w* d5 C3 T0 ]" z0 U7 A( u; ]   else if (xDir == "left") {* @2 j/ {3 N7 n$ j
      if (xPos < (0 + BallSpeed)) {2 v) p9 j; Z: t6 W  B
         xDir = "right";% u: f0 M8 M7 k! O. P5 z( v
         }
3 V3 F9 U: p. l. c" z      }
6 I& P- O! t3 S3 [; |   if (yDir == "down") {
7 f5 @6 X; O( P: _1 i5 F5 J      if (yPos > (yMax - contentHeight - BallSpeed)) {
% J. r6 `  M) ~& `: x         yDir = "up";
0 v8 {" N: M" q0 S/ T. c         }
: f) v/ q: S6 f! l2 J1 @      }  c, w6 {* I& y( a+ Z* ?/ T
   else if (yDir == "up") {
0 O8 u; G! B. Y      if (yPos < (0 + BallSpeed)) {. i6 T) h! h3 F9 _
         yDir = "down";1 E5 g  d, F  m8 E" L5 e. d
         }" G/ h+ t4 h( `9 f- u
      }
/ I( W! O) J" P: y& E. ?' [   if (xDir == "right") {
: g/ r1 h# A4 p* Y3 F      xPos = xPos + BallSpeed;
9 M9 J: K' \8 f& H) L      }& _- B6 u) R7 u7 U
   else if (xDir == "left") {
: B7 H0 S  S* K7 J      xPos = xPos - BallSpeed;' E8 g- E6 z4 ^" Q3 T
      }7 D; b- m' O9 R2 V6 |
   else {1 d. v- X0 X0 D* b
      xPos = xPos;
0 C% y' g  I0 c: Y( U+ b5 g      }
; F" u3 C* Y  E# w$ `+ W   if (yDir == "down") {/ Z; `/ K0 q5 L' [
      yPos = yPos + BallSpeed;& @! n1 A/ ]  g% o* `- U- }
      }0 N9 W9 }' i3 B( ~( E: M% U1 Z
   else if (yDir == "up") {# V! Q- M- e- m: G
      yPos = yPos - BallSpeed;
8 M- h' Q. E# r9 D0 g: I      }
* T9 z, d2 g% b" y   else {
* Q8 r  V1 X% R2 L* \$ m0 u      yPos = yPos;
+ k$ R! I' Q# o% r$ c4 [2 D0 s      }
% ~# c* P+ H: q8 ~. @1 l   }
& K. T) i  |# ^7 I+ {) z( v& }' _- c
function hidetext(){
& T, Z( s2 f9 [/ c5 |! J  L8 {if (document.all)9 `$ {# B- O* _$ M7 g8 N
supertext.style.visibility="hidden"8 V  i( r+ h  o, a$ b& O
else if (document.layers)
& P' s2 C4 Y' |9 g! O+ W8 ?; Y1 a& Fdocument.supertext.visibility="hide"
+ J" D6 I/ A& m: {5 u: mclearTimeout(animatetext)
6 x; d" @  M* J! m/ F0 \}! a6 H, B' H+ ^1 H

1 s. n/ d- e$ ?) U# X& U1 n4 z% F% Gif (document.all||document.layers){
# }. d1 `( s' Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), [4 H& i/ c+ l
window.onload = initializeBall;
4 `6 g4 T. q! A( ?window.onresize = new Function("window.location.reload()");7 V1 d8 Z  K" F# g* E- q7 D5 m: _
}
2 I7 Z6 X2 ~+ b
4 X* V: g4 F0 K4 \9 h' f</script>