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

zw2004

<style type="text/css">
. h9 D: _" |  t2 u, I' c. F% Q#supertext {
. c2 t9 F% B: B  b( [position:absolute;
) u- A5 T4 [/ ~left:0;2 v# y/ t; n3 ]* g2 I
top:0;/ R8 M' h% h7 Z% @. C) ?6 r4 w
visibility:hide;
2 f; R. v7 l0 V7 H2 r) fvisibility:hidden;
- v: O6 ^& u( c4 K# h2 g  {}
* U1 t! m$ M0 J# t' `; o8 q6 m</style>
1 c0 u; H* E6 }<script language="JavaScript1.2">
6 C$ S7 i0 y% d8 Y: U6 P3 H; s<!-- 改变下的字体的大小。颜色-->( y/ k0 y' t$ u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 z( d+ q+ \" v6 Rvar hidetimer='';
7 U0 I) ]0 `3 \( b; V1 L- @8 c<!-- 改变下的弹跳速度-->
+ y3 i- |- D1 r1 i% K. `var BallSpeed = 20;
; P2 i6 C+ X, N6 _4 nvar contentWidth;
, g! O; j* X$ mvar contentHeight;6 _! e7 m3 H6 \$ c
var maxBallSpeed = 50;3 q% i# _  `  M/ a7 A
/ E: x) q' ^" ]  y5 Z- i
9 x4 j) |8 _, v3 V& u
var xMax;
3 C- y6 o" y* K' r6 F7 ~# o& gvar yMax;: n+ U( R5 o5 D0 X
var xPos = 0;* j4 m! @5 }3 \- `9 \' q
var yPos = 0;
+ G" x: s: {1 {) K* m) B$ f; F0 ivar xDir = 'right';
9 ~4 Y6 r; v; f3 T: [var yDir = 'down';
$ V( K& }' |8 e( N. I% @( _var superballRunning = true;& W! ]& C5 Z5 X3 D
var tempBallSpeed;, X7 z$ C0 p5 E" ^9 ~* @8 Y
var currentBallSrc;" i* x; F- z8 a. t5 U) C
var newXDir;
2 \; [1 l) _8 C. W" v4 Wvar newYDir;
- a4 u' A9 c" Z# a
9 n1 k' B6 S7 J3 N" a: e; V" t1 Kfunction initializeBall() {
5 B/ V! g  [- F7 [; P  r   if (document.all) {
1 H6 Q; q/ y8 l! O      xMax = document.body.clientWidth: w* r6 b8 H  o; X
      yMax = document.body.clientHeight# T5 o( R, ?5 H0 d! \* _- W/ h7 A
      document.all("supertext").style.visibility = "visible";
  {) L9 o7 H! x' O- Y& l      contentWidth=supertext.offsetWidth" O- ?% C' D) h1 h/ b
      contentHeight=supertext.offsetHeight* [: q) A" |5 p- g( V7 ]$ q/ a" z
      }. ^# |% f7 J' X9 X% F. P( b2 u
   else if (document.layers) {/ q* h) S- [9 b  {* g, o  T
      xMax = window.innerWidth;
. V7 c! q; I' @! ?. W      yMax = window.innerHeight;, `! Z' w5 H5 n1 T! s) {
      contentWidth=document.supertext.document.width! d$ B1 G& m" U- s3 I
      contentHeight=document.supertext.document.height4 s9 p9 |% }+ r- j( \; V- X3 B8 Q
      document.layers["supertext"].visibility = "show";
/ n; }6 _  Y3 q% a& R  _% l      }
7 x& ]* J# N9 J* [; n; D   setTimeout('moveBall()',400);: H& o: Z. L& r% A9 E3 q. t
   if (hidetimer!='')
: Y+ P) G; L  ^1 n/ t- T   setTimeout("hidetext()",hidetimer)6 k8 [  a, L5 a$ O
   }5 e$ T0 Q& B7 O
. R% x% M% e" k# H( x0 g6 {) L9 t
function moveBall() {2 C/ f/ l+ S: f. x8 y9 J3 z
   if (superballRunning == true) {
( @  m5 m1 @' A) c$ C: v- }( ~" V! t5 [      calculatePosition();
7 I9 z1 b0 @3 _" H      if (document.all) {
7 a' L: i* G2 ^1 _8 a/ s         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. |  G0 d) `4 a( [7 _         document.all("supertext").style.top = yPos + document.body.scrollTop;; C% _; h' X" c1 j" W3 Y: N
         }  I( n- d  ~. R0 J9 y7 n" O
      else if (document.layers) {
8 `( o6 q$ o, K" q         document.layers["supertext"].left = xPos + pageXOffset;9 I* Q9 m6 _' T# F
         document.layers["supertext"].top = yPos + pageYOffset;
& q) |0 N1 o1 i6 F" ?) l. k/ n3 n         }
& W! P# @4 j$ F3 i/ X( ]  v2 j      animatetext=setTimeout('moveBall()',20);+ M8 A5 o9 L# @" m" y! L
      }
( v- O' |4 ]0 d& \! y/ p3 T- \   }
8 p: F% P9 l7 T
7 @% M5 O) A6 r, k1 A1 pfunction calculatePosition() {& c( ]! M+ ]2 H! G) M
   if (xDir == "right") {5 P  @: g1 i6 C! m
      if (xPos > (xMax - contentWidth - BallSpeed)) {& h2 n) c+ M- f( E' N# X) {
         xDir = "left";( I' c+ F( t: u$ L9 R$ l7 P: v
         }$ e2 R+ b: l, B; Q7 ]
      }
& n$ Z& l( a$ ]& Q, o* V   else if (xDir == "left") {
* U6 i, V' q: B' w0 `, ]4 a      if (xPos < (0 + BallSpeed)) {# q* Z% M6 h2 W7 h# p) [$ q% v6 _
         xDir = "right";) ~3 x- H1 r; R/ k( u9 N. ]0 w
         }7 C1 y4 S' K7 G2 n/ M% l7 o* @# O
      }
0 T- n! E0 T* [8 x   if (yDir == "down") {8 O6 H* T/ n- N+ B" D
      if (yPos > (yMax - contentHeight - BallSpeed)) {) B5 R" Z) `8 Y( v$ v- m9 t
         yDir = "up";& Y3 H+ I: L; @4 k0 S2 z& `
         }
' C, b. P& c# \- j      }
: [% n, D5 w4 E8 l3 F2 N   else if (yDir == "up") {
3 b- j2 _$ ?+ }# V      if (yPos < (0 + BallSpeed)) {
( \  W, G& L. g; q         yDir = "down";
& j( L! w3 e3 O0 g' N$ D         }
7 w, ~+ \4 a- b8 w      }, n& e5 X" @' o3 w: [" I; j
   if (xDir == "right") {/ v7 v3 Q0 R( z  \- M  ^3 y7 |6 {8 a
      xPos = xPos + BallSpeed;
) C3 U9 q2 m2 l/ x      }2 u* a! f4 X$ ]7 G, ]
   else if (xDir == "left") {' ~& I! `2 c1 n
      xPos = xPos - BallSpeed;
8 Z1 x7 L9 C! f& c      }
9 w/ N' W3 }/ M% X0 q; Y   else {
) W) ^  f) W: K6 k5 S& o      xPos = xPos;
; x! ?) B8 ]1 x6 f+ S# j8 ^% U      }  Q! e* [2 y" g4 \# e; ?% K
   if (yDir == "down") {
- J( Z7 J# C9 S      yPos = yPos + BallSpeed;
- _1 h% U0 D* G  ?! e- |; W$ L      }' c# `* v. b8 `9 p- a
   else if (yDir == "up") {
7 y+ C) r  m- j, |      yPos = yPos - BallSpeed;" |0 |/ Z4 q4 @0 Z) n; V
      }
; V( S& u$ x2 D5 L0 W; J" `   else {' e2 w5 n; S3 @# o& w
      yPos = yPos;( a% D2 y* t8 q0 S: B
      }
. S! p0 _, t/ q# z   }
( F2 C" h# ~6 I/ r0 ?! ]. x8 E( o9 K; c. ]5 }: l0 B; P  ~5 `
function hidetext(){0 s5 L' E3 V3 e9 v9 K4 I# J3 h
if (document.all)7 b) \; k3 u" D: Q; Y
supertext.style.visibility="hidden"
! d6 Q* h# @5 qelse if (document.layers)" F2 R  v1 c2 j0 R! I4 X% C
document.supertext.visibility="hide"
; E6 y- U' Q8 W8 I+ n9 PclearTimeout(animatetext)
# f) [6 ^3 z1 h' x}. P; ^3 V' P3 |- x
: Z0 P, y/ {5 {! }3 d
if (document.all||document.layers){9 C- C5 D' e3 F. J& R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& p" x( {& H" n+ t  \- v) I0 g" b
window.onload = initializeBall;
! @+ t; A8 f5 A7 h0 swindow.onresize = new Function("window.location.reload()");1 F; C- T% u" A* ~1 y2 P2 f* Z
}
7 ]" Y1 V. m$ j; R* Y3 Z2 K( U1 I9 ]8 R+ f
</script>