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

zw2004

<style type="text/css">0 }3 t5 I% ]6 Z% N; J
#supertext {
( v" b3 P4 m2 e; \, z( \position:absolute;
/ l5 m5 Q( l, t4 \left:0;
! s. U/ _! p  N& f6 |8 s/ G$ ytop:0;& x  A' C7 ~( A" W
visibility:hide;! q3 d2 B4 U# t& q
visibility:hidden;
- Z% M) W+ p( u+ H, R1 s}
* M/ }0 E1 ?* w% {) x& y</style>
5 y0 w1 B/ i+ O5 m* g  a<script language="JavaScript1.2">3 Y& B- D' h3 _
<!-- 改变下的字体的大小。颜色-->0 l" m' c( i/ \7 ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& F9 L. F- k7 c2 L  g
var hidetimer='';
2 v0 L$ g$ r) Z, D  J) R2 e0 u0 q<!-- 改变下的弹跳速度-->3 d! S6 P0 s  S2 Z8 E  x
var BallSpeed = 20;# d* _3 q' }7 @
var contentWidth;- ]! |" f) F3 W! m$ B, e6 T7 M
var contentHeight;- y: ^! p, I( H4 A1 ^! c
var maxBallSpeed = 50;
& h3 |) f/ u7 N: N( B
. G3 p; I6 y# q6 p' l" S" }" X5 H  G; q. u
var xMax;
( W: @/ j5 r0 J3 W! H: ~( z: Y+ vvar yMax;1 q' W: R, U$ p! X
var xPos = 0;$ v3 X& H8 Z, I8 R' q
var yPos = 0;
6 T: H0 O+ R# q, D& A" wvar xDir = 'right';
, K' P3 _* O* G* X" `1 jvar yDir = 'down';% {' A6 d8 w+ j" v* T
var superballRunning = true;
, }. p0 |" T4 @3 m" j. A4 mvar tempBallSpeed;" I, ~; Q& g' d$ e7 a+ f( [
var currentBallSrc;3 Z# N; M& a' V
var newXDir;/ ^: Q3 g8 r1 j, r7 n. i
var newYDir;- e2 K( i9 [% V2 l0 Z1 B: O

" |% @* d7 V) D" d6 D- Nfunction initializeBall() {$ j6 q. b+ _! K4 c1 F# H
   if (document.all) {1 _) l; n  e2 O, a) z* d
      xMax = document.body.clientWidth9 W& q5 Q+ h: `! j9 {0 d5 R4 ~
      yMax = document.body.clientHeight
9 K; W0 ?- [" D3 i& E4 K6 U      document.all("supertext").style.visibility = "visible";4 \6 j' H  `1 ^8 [* n
      contentWidth=supertext.offsetWidth# ]) s+ ~. u4 o( h. U
      contentHeight=supertext.offsetHeight
+ K" T2 |# {; R' l" D1 l2 j6 o      }6 J2 c6 k+ b9 J; m* f( E  c
   else if (document.layers) {
3 p* S9 d+ q$ \% `7 g      xMax = window.innerWidth;! ^$ ^/ T( f5 S7 ^" V  C4 Y
      yMax = window.innerHeight;: F, \! w6 w1 d' S, z! x: X$ ^" v
      contentWidth=document.supertext.document.width5 H, ?6 q3 w$ K) G
      contentHeight=document.supertext.document.height
" H$ V) {. N( _* d4 U      document.layers["supertext"].visibility = "show";' S/ |7 b; n7 |9 _7 e  m6 k
      }4 t# v* c7 P* X7 |
   setTimeout('moveBall()',400);7 K' @& j, M+ F5 d0 z3 S) j( C; b
   if (hidetimer!='')
) A, |8 d! g8 F0 O" j   setTimeout("hidetext()",hidetimer)
* O4 q* p; X3 e1 ]7 ?0 `   }
1 S  z% |, o( G7 L" G4 G! ^: _) d9 a! x" k
function moveBall() {
: ]& H% J; P/ T& e' k' n1 `   if (superballRunning == true) {
4 u: b9 v; ~) _. ?0 a      calculatePosition();$ a9 G* `1 r" \6 ^
      if (document.all) {
: d2 H" H# b& ^7 h0 k  o         document.all("supertext").style.left = xPos + document.body.scrollLeft;. ^3 \- ~' k* Y7 Q8 B
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 s; N2 S( T1 P
         }
8 ^8 W, Q/ R$ j4 C2 q/ r  j      else if (document.layers) {# W% ^( Y5 U% [' q- n
         document.layers["supertext"].left = xPos + pageXOffset;
+ `# `, V8 H* J6 \4 k& r+ Q! b5 c         document.layers["supertext"].top = yPos + pageYOffset;
/ T" U5 ^3 c4 P8 [6 ]4 r         }
7 U) ^0 }' @6 O; ]      animatetext=setTimeout('moveBall()',20);
/ c7 ?1 X/ H5 w+ u. }+ A      }
' _* u4 v2 m$ l' g' n, J; I   }5 i4 t; E* `5 d! e8 ~

$ e2 K+ N0 T$ E* \function calculatePosition() {4 d8 e+ z4 O- M: R1 }: w, x: T* f
   if (xDir == "right") {" i2 @" O" {; N" D2 g
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! M! {9 n0 I1 O/ q         xDir = "left";
8 ^& c) l$ c0 p, G4 Z; T# l         }$ G3 u6 m' ^7 p: z+ r8 J* U
      }( ?5 o1 g% ]- R( F, z- g
   else if (xDir == "left") {
! G3 \! X6 g7 Y9 R* j  e      if (xPos < (0 + BallSpeed)) {
# K/ \* \2 i$ z/ z' C  z1 N/ v         xDir = "right";1 J+ h* U5 S. y  k
         }2 s& X6 E/ ^$ K+ t, T7 C
      }
7 s* J& z3 E9 k4 j   if (yDir == "down") {
7 p! i& P- D. F9 L      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 a' B% \0 C( {         yDir = "up";
* F& Y( d. U- z" g+ L2 ?         }
: f+ A! }3 S: {: i7 j" _/ @      }/ e1 a3 ]- G( p$ a. E( H
   else if (yDir == "up") {2 @' g8 F" D  V" H, G4 {2 B+ w
      if (yPos < (0 + BallSpeed)) {; F8 \9 E- s" f1 r, k" j: o4 [% J
         yDir = "down";1 b4 v* l* O1 k0 }/ [  w0 x7 c
         }
6 _2 Q: g; P# w! r3 g" i6 i6 i      }
+ @% p7 @  X  k( q  g   if (xDir == "right") {
7 j* b% a$ J- X9 E9 |      xPos = xPos + BallSpeed;: T0 C" {: {9 E, l  X
      }" D& Y8 n" \. [5 Q
   else if (xDir == "left") {% L: }; [/ f4 Z+ Y; L' C$ X3 x0 D
      xPos = xPos - BallSpeed;
) Q+ Q, X( H9 A2 x      }5 E+ h. j+ |- {: L6 I  l
   else {
/ c& Z; [0 d; H      xPos = xPos;
2 G5 v# z9 c9 u: X' _, _      }! r. M2 d/ ]- q# l4 O/ P: K! [! f' y  s
   if (yDir == "down") {
/ p5 f% s# t3 B& M      yPos = yPos + BallSpeed;+ |( d7 ?% ]( o! y
      }
0 b; R/ q! b1 I0 e# ]+ W) M" f! z) m   else if (yDir == "up") {
# F$ ]2 X. b* l: Z+ ^) U      yPos = yPos - BallSpeed;
7 u" }/ I# N$ |3 T0 i8 k. z$ R      }
0 e% f  `% j$ H& x   else {
! `3 d, x& O' b4 S) n      yPos = yPos;9 l% H9 K9 [8 C' T2 F
      }
" q. X( X$ h, D% X/ x- k' T1 C3 e   }
) w& |4 f8 T$ V% Y4 e, w2 t% O  `8 K& q( Y' d% ~/ {* l6 p2 D
function hidetext(){
$ |! |; ^0 r0 l- u: O5 Tif (document.all). ?4 M: D0 F# x1 z- ?
supertext.style.visibility="hidden"
& M) O4 a  y" E. h7 b+ W4 F/ Selse if (document.layers)
$ b# v! e: b; b3 x5 X9 s4 `) H# E$ adocument.supertext.visibility="hide"
6 M  }2 J' X2 t. s1 dclearTimeout(animatetext)! l# t7 @; M( j7 _+ _  F
}) ]  Z4 J6 a+ ^% `0 H9 P/ q
" t5 z5 K- `+ t) U
if (document.all||document.layers){
1 B( t: ^# \+ l5 k, Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& c: }" s! V' v: S( Z
window.onload = initializeBall;$ T9 M8 w; F# F% f# T% b. {
window.onresize = new Function("window.location.reload()");1 _' u% y; h' C4 x5 ^* J* [
}
, M9 _6 M8 H8 j9 a$ i  H- A; Z% X+ C' j: i: f5 |
</script>