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

zw2004

<style type="text/css">
# ?0 y) o  L* s) p9 {#supertext {! D4 H, A  S9 a
position:absolute;
/ i- X. T8 ]& Z  b( s! Q0 tleft:0;% T6 Z$ k, D* t
top:0;$ C; q& D2 l9 o2 K
visibility:hide;
+ i* l; ?0 S9 X8 vvisibility:hidden;$ V9 U5 V( X5 e8 L! b
}' d- |6 ~4 E! Y. A5 M
</style>9 T$ z* d! ]7 Y: k' R
<script language="JavaScript1.2">
3 M; K$ |) Y9 a, {! _# ~# r<!-- 改变下的字体的大小。颜色-->
# r1 M  v: m3 J' ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ h# H/ [6 B7 g1 H  j& T5 `
var hidetimer='';/ `# F% C- m( Q' G7 a- o3 o4 Z
<!-- 改变下的弹跳速度-->
7 {9 ]5 R' [, Z# E* ?var BallSpeed = 20;' F  w( f7 O( _3 F; ~, K) j6 c4 r
var contentWidth;" P% C0 L6 }1 A0 P1 |1 e
var contentHeight;3 |8 D( r  _# k' u2 ~
var maxBallSpeed = 50;7 ^0 e5 H1 @/ T$ L+ W, ~+ e

) f* F9 N: E# J1 m. Q& c2 c
: f9 H5 I0 u* R9 X) Hvar xMax;
( S/ Q) v) b% f' ?var yMax;
! `2 v0 G; c& dvar xPos = 0;6 a  [8 H1 o+ o" J4 l2 w9 s# m& \
var yPos = 0;
6 {1 V' G0 h8 A6 V( \0 F  T1 uvar xDir = 'right';) A2 S1 h# l& q" A( a, H
var yDir = 'down';6 c1 L( O3 C% m4 @& S
var superballRunning = true;
( D* t% K$ Y/ M! P7 F% Kvar tempBallSpeed;
" w; z+ H* T! }- g" lvar currentBallSrc;6 Z0 x9 ]- _: x
var newXDir;
5 \. f& z% X# @) e" r% ~+ Dvar newYDir;
3 @* m3 w2 [! M- }1 M% |
3 K" x/ H* @- \1 A; o: _4 ufunction initializeBall() {
3 q! g3 Z; F& \   if (document.all) {
) `! p2 O5 K- @4 i      xMax = document.body.clientWidth) A$ r6 H3 j& S; _0 p6 F4 O
      yMax = document.body.clientHeight
( t. y1 G6 {! i: h9 n+ ^      document.all("supertext").style.visibility = "visible";0 z2 l  A7 ~/ A% f, `4 R( a0 H1 x. m
      contentWidth=supertext.offsetWidth
( o$ u) M3 @$ ]* X4 V. |8 D; l+ |      contentHeight=supertext.offsetHeight8 v9 |' C  @, {
      }% m0 W$ r5 I2 ?* c
   else if (document.layers) {  q/ w2 @2 K+ i  p5 b
      xMax = window.innerWidth;' p9 T1 h2 X& Y
      yMax = window.innerHeight;6 f+ J1 Y1 e2 o) z- X6 y$ i
      contentWidth=document.supertext.document.width! u4 ]. l6 x6 n8 o1 D
      contentHeight=document.supertext.document.height
8 f- ^! {" k  Q      document.layers["supertext"].visibility = "show";! S% s  L  j) k
      }
2 W7 a/ |, _% l9 T3 u7 J+ {   setTimeout('moveBall()',400);
# P1 W1 {  @! b1 |& l. q   if (hidetimer!='')
' T1 x, f& K8 d9 T% X   setTimeout("hidetext()",hidetimer)8 z+ J$ @2 g# b1 ^3 _4 N
   }
; F) q" p7 P7 L6 j- I7 T7 x3 {; g: K* @& B% P
function moveBall() {
6 @# n+ B$ ^; N8 ?1 F0 a   if (superballRunning == true) {$ @! n( V# _) i+ s4 o
      calculatePosition();
" ?  b) r+ a% v# m* b6 J      if (document.all) {
6 A7 i( ~4 u! z# B3 ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;# T4 ^# N+ a/ G  I
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- b9 {. J7 l) q2 h         }
( @* _6 ^0 S7 a5 N  B/ P- g      else if (document.layers) {
& B1 q7 @1 g) a. O6 J; s" Y         document.layers["supertext"].left = xPos + pageXOffset;
- T0 r" g* a. }. `& @& y# O% w         document.layers["supertext"].top = yPos + pageYOffset;
! U# z* c; y) d  Z. L+ f$ a. n         }
0 {" Y6 ?) D7 Q0 }; r2 `4 B- U/ J2 x; c      animatetext=setTimeout('moveBall()',20);
; y  S/ d' c5 f! ^( ~      }
9 ^0 F7 ?5 u' f" ~   }
; d$ n7 q5 J, i' {' b) N
$ P8 l* B  s* Z0 y0 B% Wfunction calculatePosition() {+ o) {3 ~& u# Q8 }4 w& i
   if (xDir == "right") {" C% o8 Q: d6 O+ e7 U  \
      if (xPos > (xMax - contentWidth - BallSpeed)) {
( q! W2 y3 y8 V( I, Q" l& q4 g         xDir = "left";
, W2 B/ s  H* I4 U. I$ L6 U         }
5 q' P% y/ H; S$ }; G      }
, t$ j( _' i) _$ p7 t/ c# k   else if (xDir == "left") {+ `2 M1 r5 U2 K  g6 _/ r
      if (xPos < (0 + BallSpeed)) {
0 K  h' ]- h& w* f# i# p! E- D         xDir = "right";1 e% z  T: L+ U' p, C: P
         }
+ r$ {0 v- m; B) d      }
$ M6 n+ T1 n9 ?/ Q- w5 U   if (yDir == "down") {* S7 l, b& ]# s& `/ m# @1 ?9 @
      if (yPos > (yMax - contentHeight - BallSpeed)) {
. r7 y9 t0 M" u( X6 h& g         yDir = "up";: F( b1 z, _# X  s
         }
: G# O' @0 e! y2 v% |+ J      }! x8 n; s# u7 E% D; p. p
   else if (yDir == "up") {
' e# t0 _, ]6 R$ T      if (yPos < (0 + BallSpeed)) {' u/ z+ R" c$ [: j* c6 N5 A$ g! V
         yDir = "down";
( M. q1 O; S! v! Y, U         }
4 c$ q, }( b% X, k" J      }
: @  e  E/ Z" ~: J. V7 _   if (xDir == "right") {* v: ~5 k& g5 f* z+ |/ W
      xPos = xPos + BallSpeed;% ^1 \, v4 K3 |3 I+ F
      }" x$ C1 M8 ]  v$ a
   else if (xDir == "left") {9 z4 N$ }% g- @9 ^9 D' x
      xPos = xPos - BallSpeed;5 f0 N, i* \) Z5 `1 ^8 ~
      }
7 S' h( A$ x) F8 {& @) |7 }# s* J   else {
" v7 I3 x6 P- }3 Q) J      xPos = xPos;# i5 ]! P8 b3 o( f" b" ?
      }
4 Z+ \2 [  {, p4 r# |6 j   if (yDir == "down") {
3 [$ H4 }! Y! ?      yPos = yPos + BallSpeed;. @7 q5 x4 f( w
      }6 a7 i( w7 F2 K! T. C  C+ Q5 v
   else if (yDir == "up") {$ C* r9 r+ J( P4 m
      yPos = yPos - BallSpeed;
, I* K( o+ f/ d- C1 n" q8 n# `- [* R      }/ \! [+ W4 O6 H5 C7 W9 X/ y" q; O
   else {
- q7 o7 H. J; S# x& f      yPos = yPos;+ i- U( {* D0 `2 T$ X
      }, G1 T' I2 [5 A! |! J
   }
0 r4 @+ e% g) x! z* t! {8 n3 f+ i4 M7 n' p  M% N: M/ H
function hidetext(){3 E% N0 v, j7 ?5 v7 ]/ R3 ]( Y
if (document.all), M3 I; Y' m" Z7 N2 z: F. r
supertext.style.visibility="hidden"
' p& M/ {. H& |$ Uelse if (document.layers)7 d0 ?" @, o: r. e. w% X6 E
document.supertext.visibility="hide"  G- [: o7 K  m6 J) A' p3 z; g: R  [
clearTimeout(animatetext)
! `8 _% }! }* ~3 J0 `* \, @+ i}
3 A/ U, ]: `. M2 m! q1 a7 E1 B0 X
* _. a$ T, t* G4 k* j' u" P, U5 Tif (document.all||document.layers){3 d8 ^! p% L( l$ m6 L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" }/ |2 e0 k  W  i$ Y+ h" t
window.onload = initializeBall;
: o- A/ B5 |) P+ U/ b. y6 f2 pwindow.onresize = new Function("window.location.reload()");
2 o0 p- h7 Z- X1 Z' W2 Z: B}% M! D. W$ j8 |/ v

" r: M9 s" Z# ^" t</script>