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

zw2004

<style type="text/css">$ u/ W- y' x( l. r3 L# H
#supertext {
+ H5 O, X  E2 D; U4 Tposition:absolute;6 c# S" S/ j8 L  K
left:0;5 N/ U/ R# C0 Y) w
top:0;
& q* z. E% w* y% D9 i4 B6 rvisibility:hide;
# F5 D' D1 O& ?$ f. I. Ivisibility:hidden;" h4 ^) |, q, ~5 S
}
( f% A1 L. U3 ~# A  W5 h% ^9 b</style>
! M6 H8 ?7 G+ t: t) s% D' |<script language="JavaScript1.2">7 f0 j( Q% B7 m' o# f+ K
<!-- 改变下的字体的大小。颜色-->. l6 ~& C  l* a  n0 i2 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  \9 |6 {! s% A" L8 ?; N
var hidetimer='';4 S  u3 J4 B# y
<!-- 改变下的弹跳速度-->) L2 Z' g" S0 `6 s, q/ d8 }
var BallSpeed = 20;
4 B& s. ~5 a1 _+ t7 s0 X. e7 ivar contentWidth;8 l# D8 ~) X; h8 K4 E; v
var contentHeight;
% C! |5 i( C/ n% P/ K6 hvar maxBallSpeed = 50;' K# o: M' \; p* R# \

0 y4 }) V' @+ _" U# m; k) b) @/ O! F, L. A; f( I
var xMax;8 r5 B+ R, U# e/ i
var yMax;
  a8 t  M0 Q) U' N8 c0 h& g1 evar xPos = 0;
3 z4 k0 ^6 n: M  d0 {var yPos = 0;' [- q, A4 z' H. V5 t* q
var xDir = 'right';3 y( j8 m5 q& R+ E; c, R
var yDir = 'down';
: O: A6 W9 P; Q5 b2 yvar superballRunning = true;( t1 m- x1 L  R2 }7 d" L
var tempBallSpeed;
# A1 w0 C* E! q! W0 W1 [var currentBallSrc;
- L6 T* N, V, \var newXDir;
' r9 Y. l, N4 J4 Q5 Bvar newYDir;
( G  \. G$ d* P) k' `+ i  R8 B4 u  s: ?
function initializeBall() {
+ \% V; o. w* X  g* |   if (document.all) {
1 x! L9 z5 g7 n# o6 [. P( b      xMax = document.body.clientWidth. K0 T3 j: ~. \9 B
      yMax = document.body.clientHeight' m/ d: @  h8 m! e  Z. r: Y
      document.all("supertext").style.visibility = "visible";  ?# ~" ^9 a" m& |
      contentWidth=supertext.offsetWidth
7 S# B2 e; `) O& ]. @      contentHeight=supertext.offsetHeight% B4 {5 y' ?# O% J
      }5 w  i$ R, v9 \' r, M! c
   else if (document.layers) {1 N8 m8 X6 u5 l' d* X; H) s
      xMax = window.innerWidth;+ T8 ]( f& y1 i, }" @' Z9 M
      yMax = window.innerHeight;
2 ?5 ~& c; s4 ]' e2 S$ ~: Q* n; x      contentWidth=document.supertext.document.width5 Q4 y# L0 U( S4 v! b! r
      contentHeight=document.supertext.document.height( X8 t4 [; |# A  k! ?
      document.layers["supertext"].visibility = "show";1 o0 q) b2 U; G- T& q
      }
  b) |0 M& V% ?7 N' ~   setTimeout('moveBall()',400);
6 l/ }9 l% c% R- b, Z   if (hidetimer!='')
# t3 b% p( z; }  d$ s   setTimeout("hidetext()",hidetimer)
! g5 N' p! S  e* Y$ m% Z   }& u" r% F# s) M; P! d1 G/ J
: c) R6 t& |) @$ }% T7 S% U' C
function moveBall() {5 d9 I8 ^1 l% {2 Z! D& Q
   if (superballRunning == true) {* q$ m( E( s: V( g, X3 m
      calculatePosition();5 R8 K# }1 I  f
      if (document.all) {
: o! z, X/ T5 T  X% V$ j: x         document.all("supertext").style.left = xPos + document.body.scrollLeft;' j; k) n0 b5 s2 M
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 K* y# H& P% E7 p
         }
# F2 d$ o6 G& r' u. A3 @0 `      else if (document.layers) {
( q7 Z7 P- R. T) e         document.layers["supertext"].left = xPos + pageXOffset;
8 Q1 g% Z( O6 Z7 h; F8 s         document.layers["supertext"].top = yPos + pageYOffset;
" s, u9 ^3 V6 v. W; J* @6 z" j6 f         }
. G0 Y7 i6 T5 d& w. y- i$ l      animatetext=setTimeout('moveBall()',20);
- Z5 T! M% P3 n6 e* E2 G      }
' _9 F) y+ a, c2 X3 R/ v* P   }$ l" O4 E$ E) C# `( Y8 _" {

6 O* s# R0 M7 Ffunction calculatePosition() {
0 l" ]! ?+ ~9 G8 n6 E  S6 Y% b+ D   if (xDir == "right") {
- [0 J* l0 m# B  x! a      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 @3 q& R# Z+ c0 ]" o         xDir = "left";$ _7 n0 w9 d; v; \4 ~4 o
         }
3 C2 n) |. k2 |- I      }
. s9 R# Q( B( u! p5 G   else if (xDir == "left") {
$ y. f; G2 A7 J% J      if (xPos < (0 + BallSpeed)) {, C! @& P' W0 n
         xDir = "right";
3 d; u: c. v$ C         }
* R/ Y  q* V" t9 E) W/ W      }0 H' X: D* z4 j: X/ z( _% q3 P# r
   if (yDir == "down") {
2 p7 i* N/ [0 ~      if (yPos > (yMax - contentHeight - BallSpeed)) {7 J7 x0 ], E; q" s, q; W7 ^3 @
         yDir = "up";
; C$ }2 ]/ \' C" n         }4 l9 v# A6 Y; ], h1 b
      }
6 L* d' u( P( s" r: s: ^. H   else if (yDir == "up") {9 s* y0 A1 [. R* ?6 S
      if (yPos < (0 + BallSpeed)) {
: j& l8 L) H8 {" I& d& M2 h         yDir = "down";
. t7 Z+ G7 N; I+ T. G: y  }         }. w, R& }( |( J0 p
      }
$ n3 Z( j5 p1 h5 I6 V1 F   if (xDir == "right") {
% U& W9 z$ p9 R+ q! D* z2 j7 Q      xPos = xPos + BallSpeed;
: N% L' a  R: _      }  T: N* O0 ?: u) S
   else if (xDir == "left") {% k0 |% J# s  B
      xPos = xPos - BallSpeed;
0 N* W' ?: q8 v$ `- r0 C. @6 E$ L      }+ A. A" ^# I1 P
   else {, |  i4 t6 m; }% _7 Q
      xPos = xPos;
: K! {  q: l4 K5 `. p      }
1 `1 S$ f" h0 Q  J! c2 z! O3 q   if (yDir == "down") {
# \2 J" L* N' s; f7 W* i% R      yPos = yPos + BallSpeed;7 J1 r) X$ _, c  V6 ?. `
      }3 C% N1 t1 x' ?+ B5 A
   else if (yDir == "up") {. U( M% N+ T9 s. Z
      yPos = yPos - BallSpeed;
- {- N9 `) u& G9 |      }
  Q  l( N! I, R   else {: N: ^: q# \, p
      yPos = yPos;
" Y& u: i2 x  K! o- b& d      }1 r9 ^# E' z" I' u9 d2 l) E6 D9 n7 t
   }. S" h# b. d& }1 M6 m, L

, f- c* C4 Z. o' o& [2 D, k! mfunction hidetext(){
* t* |7 D1 H9 z. zif (document.all)8 |7 B4 B4 l9 N
supertext.style.visibility="hidden"
3 J2 w9 r# O# Melse if (document.layers)
7 V# {* |6 E; l$ @) s7 x/ Q! wdocument.supertext.visibility="hide"
% w  C: L& x( t4 `  RclearTimeout(animatetext)
, p: S* L4 r. @) J( |0 l}
: P5 G' B9 y  N' R
& A' I: m! S9 g; Vif (document.all||document.layers){
1 b( U- v8 E6 b* j- {; l3 Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- ^* P: k, x7 M, {6 B+ P4 m
window.onload = initializeBall;
8 ^2 Q, y% i/ d3 Z( l6 ^# }window.onresize = new Function("window.location.reload()");) _: x( S) L: L& J( C* }- g* w/ {
}$ c. N- P6 m5 ~# _) M

1 S( X( Z1 q8 c' {</script>