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

zw2004

<style type="text/css">
! G! h: K9 t8 P( b+ W. }$ |. L#supertext {
" f: F2 k, ^: T/ Lposition:absolute;# ?9 @8 j& e# v: h/ V1 W6 \1 q
left:0;$ A/ j: s8 M$ u$ i6 r7 F
top:0;
7 }6 t9 Q% l0 x" C3 }2 |( W% l" Bvisibility:hide;
0 N; x, [3 R8 F. m( _* Q6 J5 jvisibility:hidden;
. A& O1 F. K3 \/ G/ ]1 h3 S3 T}% J* e! q3 Q- v1 o6 T- k
</style>' ^; I9 E  ^2 Z& m# V9 q
<script language="JavaScript1.2">
4 K6 |3 ?7 u0 S" z9 ~$ c<!-- 改变下的字体的大小。颜色-->8 N; [/ ^- h* C% q8 Q9 q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 t, B/ I' ?2 L
var hidetimer='';# e7 [  U4 ~: R9 W" z) S
<!-- 改变下的弹跳速度-->+ o" X6 w5 @% q6 z) P
var BallSpeed = 20;
# z, ?6 |4 [2 E, @4 J  Ovar contentWidth;
5 [5 N2 Z- O4 Z2 u4 v( rvar contentHeight;: [' f+ q$ l- Q6 f6 s6 S. t' Y
var maxBallSpeed = 50;* Q. A1 d9 j( q* R5 _  F7 y  c
6 R' K. N# _0 r, P! q

- r5 ~6 f6 G9 N, ^var xMax;
$ L) s3 [2 r" k: Fvar yMax;& \% Y, {4 E; c3 n  I
var xPos = 0;7 O3 I8 l& u* o; I. d6 y4 ]
var yPos = 0;
/ k8 X4 [7 s' d1 nvar xDir = 'right';
1 B8 N1 y% s1 Y9 ]* V7 x5 |! T: Lvar yDir = 'down';4 n# u$ R7 I( A8 j4 c$ x) h& ^1 A
var superballRunning = true;+ `+ ]3 q9 `9 g6 o
var tempBallSpeed;
* R# O; [1 s/ e" j5 B# zvar currentBallSrc;) s/ y0 [3 H6 {9 r% d
var newXDir;9 D% ?% W$ s( I4 \
var newYDir;
, r. U. E* m1 J0 `# O$ o  B7 N  J
) c/ u* S7 }+ |$ b1 u5 }function initializeBall() {% r% j# W: A( U2 L  R
   if (document.all) {# }* @# S% C7 m0 ~/ |' l  D- ?
      xMax = document.body.clientWidth7 x% M/ `8 b# e4 u) \
      yMax = document.body.clientHeight
6 z% t' r+ a6 ?* F1 y* P- h' T      document.all("supertext").style.visibility = "visible";
* }, C0 m0 c4 @; W; b8 n& t% K2 H+ f      contentWidth=supertext.offsetWidth# C7 ~! X; N% }; _+ B! a1 Y/ ^
      contentHeight=supertext.offsetHeight) g! J+ V$ `& f$ m/ i
      }5 Q) c+ k( t. G  \0 H- C
   else if (document.layers) {
& W- O' m' x( ~9 `  U0 k4 d5 u9 R& c      xMax = window.innerWidth;
) ~) J; u1 y+ o/ B  F      yMax = window.innerHeight;
% w1 `5 ]$ R% n  @2 K      contentWidth=document.supertext.document.width! B/ L& H" f( `9 w% \) C8 }5 P
      contentHeight=document.supertext.document.height
5 B. v& x: N3 Q% v8 Y/ U      document.layers["supertext"].visibility = "show";
) M# T% t& T+ o" C5 D6 |3 X8 C# _      }
* `% z$ Q4 Y7 Q1 m' c- |: C   setTimeout('moveBall()',400);& m  Q2 R4 o- ]" W+ u
   if (hidetimer!='')% M# |% k; N8 a7 W" K0 T. _
   setTimeout("hidetext()",hidetimer)# y" }! x+ [) R/ P
   }  T' M0 ?  R+ r5 r/ t

$ T; \0 E6 j# k1 Wfunction moveBall() {
! M4 w$ P0 h) a4 U0 b- L- |  F   if (superballRunning == true) {4 G7 `4 H6 f0 ~+ V5 D( Z! q
      calculatePosition();
/ o) U( ?7 D+ D  ]0 u+ R      if (document.all) {
5 v. D- w" G+ H1 y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- I2 d$ `  |! H3 y, G         document.all("supertext").style.top = yPos + document.body.scrollTop;
- I- C8 a2 P" Y0 U- f& N         }
! I' U, g( m$ O# `1 y! W, ]      else if (document.layers) {
3 F% E( L7 Q1 F         document.layers["supertext"].left = xPos + pageXOffset;6 E: y% l% H- ?, k) w, r
         document.layers["supertext"].top = yPos + pageYOffset;0 z& A& i. H6 U3 i) d, s
         }. e6 o/ v4 D1 j# |0 z& ]
      animatetext=setTimeout('moveBall()',20);$ l2 `8 g0 x  x% l: g
      }! a" u, t- L$ j! M' f: h4 p
   }. j; ^) l7 Y+ ]. v5 o

* V9 K5 }3 b3 l$ s! S9 ~- [function calculatePosition() {$ I# p0 W2 @) v# K$ M- J
   if (xDir == "right") {* m) y1 ^8 K; k; J4 b
      if (xPos > (xMax - contentWidth - BallSpeed)) {
* Z: H; U6 O% _% e% Y         xDir = "left";
# s2 \5 P2 O9 F1 Z! z' W         }& A; @. i: Z$ I( N7 b
      }6 p& I1 j0 C, b% [
   else if (xDir == "left") {8 r0 o+ {9 D9 v* y
      if (xPos < (0 + BallSpeed)) {
% i7 c4 ?4 Q# H* b' o' U; a         xDir = "right";
) S) D# s! V- e$ @- a         }
7 G, L$ k  {# O" D- U/ B( [) H      }
" j/ c0 m: t$ P$ U' R7 T   if (yDir == "down") {2 n. X8 [' x- }  w
      if (yPos > (yMax - contentHeight - BallSpeed)) {4 C1 Y( l  e- C
         yDir = "up";
4 F2 z7 _' e6 q3 ?  \$ P: v& b4 \& ~4 ]         }
* t/ ~' n9 ]+ f. {# @: y4 ]0 u      }) L, p* k& ~; b* C2 q
   else if (yDir == "up") {9 V/ |: J& a, g* p
      if (yPos < (0 + BallSpeed)) {
: V, p# X% v) l# K+ B: G8 G         yDir = "down";
. m6 H+ L$ }7 k) s" H+ z3 k         }2 r5 ]. i, A' S( ^" R/ t0 ?
      }- f; g# f1 N1 X8 L: e& d
   if (xDir == "right") {5 N% U1 c* n* D
      xPos = xPos + BallSpeed;
' d4 Y( q  |% l. m      }
! z- @# F2 h( L   else if (xDir == "left") {
0 u8 D+ R+ F2 A      xPos = xPos - BallSpeed;. I* z- G9 t0 f) Z6 @
      }
+ o$ U8 _- R/ b% j3 V" k   else {
4 ]1 G0 z; k$ j  V7 T      xPos = xPos;
8 r, T3 A1 y8 N% Q3 C: a4 D      }5 c  g: s8 e. Y5 E% d# }. i
   if (yDir == "down") {
, W' `  P& D7 b1 r5 E" N% x      yPos = yPos + BallSpeed;
$ E- B5 i. o0 a/ G5 }# }, D1 n      }
: F# X& _; w/ v) K: U5 K, j; |4 i7 l   else if (yDir == "up") {
5 T) V" m. ^4 |. b" w7 {      yPos = yPos - BallSpeed;
3 y8 u( L( F( r2 a/ G" e8 U9 Z      }
0 N, Z. m" K8 x0 k5 m2 t  R   else {) R. M# P1 t3 z: ^1 ], a' e
      yPos = yPos;
3 E! m3 Y' m7 x( e$ k      }7 }4 B1 v; V- X2 \! T& i4 o3 i% q0 L  O
   }$ P3 X, a4 ~' ^" |! z; ^6 ~* k
. Q; N" |+ e: \2 [. K7 C; v) o
function hidetext(){
! x- ?# h7 W- l! n$ C( qif (document.all)
+ h# ]/ H1 f; P- f: _0 Jsupertext.style.visibility="hidden"- Z7 _+ b. g- G: i
else if (document.layers)4 o6 x8 ^( w* V& P
document.supertext.visibility="hide"
. x4 Y4 U1 r$ P  P2 YclearTimeout(animatetext)4 {3 F0 Y. G4 _1 d7 h" g3 |( q
}
0 H$ o6 b! z! {+ H
; y" H4 V. U+ h3 A8 bif (document.all||document.layers){9 C% I1 W$ h1 b' [$ r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, k; H8 o. {; y# w, S4 Awindow.onload = initializeBall;
1 \) t: n8 N! ]7 P- ]window.onresize = new Function("window.location.reload()");/ |; L  A7 j5 F* @
}9 k: D3 s% w: m0 i$ o9 o# G8 R

3 L4 {3 c" p0 M2 n+ W! K</script>