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

zw2004

<style type="text/css">/ T( G  o' B( {6 Y0 _! Z( `- f
#supertext {
( L" X* B& \2 r: P' R1 Eposition:absolute;  k- ?, B  `* n$ j
left:0;$ T, x1 b1 h# l- T& q' M0 z; m
top:0;! ]2 B% ?2 o; e# L" _+ x
visibility:hide;
) _; U7 H8 H$ x; a; s, P+ K* k3 e9 kvisibility:hidden;
( K. P  L3 k6 L- |0 Z4 J}
* F% X. g) o* f! I7 W7 G</style>: X' F7 f& e& O
<script language="JavaScript1.2">
; o* m$ }2 V2 t2 S<!-- 改变下的字体的大小。颜色-->" F& T3 U8 l. v1 u. G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( X# n$ ~4 Y/ c: J/ m  p. W8 q
var hidetimer='';$ n5 G5 L0 J% [  A% L; I% k
<!-- 改变下的弹跳速度-->
$ O7 x8 T( u( x8 \7 A. evar BallSpeed = 20;* ~1 k8 M" V4 I: _% n
var contentWidth;
2 |3 `, x0 y: n" K1 L0 @( pvar contentHeight;
0 _' w' b/ }+ s7 b* J6 c5 Q: `var maxBallSpeed = 50;
$ X5 N' {/ r# g* ]- p* Y3 U4 v4 l$ ?) Z6 |, |
$ d! b3 K! I0 t; @6 T7 @1 t
var xMax;5 g1 C$ Q" u3 n% ~1 V4 o9 \9 `
var yMax;5 z# |6 ?5 H" i9 y5 c( \- Z' Y
var xPos = 0;) s: L; F4 _9 L7 J
var yPos = 0;
4 [" Z- c4 M" T  n$ Avar xDir = 'right';4 Z. }! X, H& j6 w# H$ E
var yDir = 'down';
" ]$ W1 f. W" x' Q- I: Gvar superballRunning = true;
( A0 o+ m4 K! q( t/ A$ x7 D1 W; ]var tempBallSpeed;
. O5 J" [* n, f3 s# n! W& C& Q) Tvar currentBallSrc;
/ i: f. i2 e7 M, p* g  e- u: [var newXDir;# o1 M0 O; O$ H; B
var newYDir;
( [. F2 J- e# _: s2 t& L" H5 }  N# W! n, S
function initializeBall() {* m& C/ V( x; m( }7 q; N+ G, V
   if (document.all) {$ A  M- n/ r: C3 _( _, g- q; S* r$ s
      xMax = document.body.clientWidth1 H" |& A- m4 p# o, B& n; X
      yMax = document.body.clientHeight
; o7 W- {) C& F4 a1 S      document.all("supertext").style.visibility = "visible";0 p% l5 d( N  Y' F& ~
      contentWidth=supertext.offsetWidth0 d8 c1 h( I; E1 Q6 R  [) @4 \
      contentHeight=supertext.offsetHeight
. H5 J8 ~; v0 C4 @1 p      }1 T/ B  L; S8 A% S; G
   else if (document.layers) {/ w( X7 K4 k' g2 k4 E6 n+ W, G; o: b
      xMax = window.innerWidth;
7 X  y$ N) f" K( h5 E: A; c$ Z      yMax = window.innerHeight;
% D( x7 m0 g* ^/ ~8 m% ^( ^      contentWidth=document.supertext.document.width
6 T1 E9 Z) H, ]; i) v6 F' ^# l1 k      contentHeight=document.supertext.document.height
) Z7 m8 t6 W$ N2 s0 F0 B4 K, b1 s      document.layers["supertext"].visibility = "show";
" `) Y$ ?. c5 Z/ x# r      }( x! l! X0 f9 b6 r! v' @' Q
   setTimeout('moveBall()',400);
, w& C5 W) Y) o: {6 Q/ \: q& K   if (hidetimer!='')
$ ?3 g( T, I6 u  s! Q' h3 M6 p" e   setTimeout("hidetext()",hidetimer)2 u6 y7 S, G- I/ u
   }- p6 D# N4 S% I6 T0 W* h) ?
0 O3 `+ h! ]' C& k% Z# z( @/ D, \
function moveBall() {
4 e& l( J" I" N4 r) v   if (superballRunning == true) {
4 m' ]% R) F/ I  ?4 O; l2 Z* [      calculatePosition();# R5 P0 [# ?1 Q. A) f8 Z/ r
      if (document.all) {
8 B5 a7 C3 W! e% n         document.all("supertext").style.left = xPos + document.body.scrollLeft;  r/ w: g5 ]5 ?9 q* D2 \
         document.all("supertext").style.top = yPos + document.body.scrollTop;4 ~. y* G! ~4 [  j0 `8 _
         }3 z" c" P- j' M: h) Y' B
      else if (document.layers) {  D* q7 x7 v: d6 O. R
         document.layers["supertext"].left = xPos + pageXOffset;  B; {) t5 E5 C
         document.layers["supertext"].top = yPos + pageYOffset;
8 x4 H# ~' ]4 e: O: b9 |         }
$ i5 M& Z" G9 V# s      animatetext=setTimeout('moveBall()',20);/ S! o/ h" O* F
      }! |; |/ @4 u+ f$ M$ X9 |
   }
; [. E4 \8 o  b$ M  Y2 y. I3 I; P/ f! s
function calculatePosition() {& L& D; e* U/ |" q; S  ~1 [9 k" m! F
   if (xDir == "right") {
! M0 e/ ~( X5 A7 W5 }' K$ K+ T; ~      if (xPos > (xMax - contentWidth - BallSpeed)) {1 t* y4 |& ]' L; D4 i8 x$ c+ e( m
         xDir = "left";' t' W, x) I( }- b
         }3 `/ R* q* f. V) j7 M
      }
) v. C' }  I. u8 t   else if (xDir == "left") {- X  R* t; P! n4 O/ k0 t6 s
      if (xPos < (0 + BallSpeed)) {. Z3 ?+ U- R. \3 \" H# O
         xDir = "right";
# m' Y3 U7 k4 [         }& _# v3 l! ~) p; k/ F. v+ {. R
      }4 @5 |$ Q  d# z* \
   if (yDir == "down") {9 B5 F2 k# m2 z
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ d8 `# r/ v0 ~% [" C1 w
         yDir = "up";7 c3 \: R0 }5 m0 X' [; W' x
         }6 C6 Z, ]$ p. U2 n0 S$ |
      }$ Q0 M* i+ E1 V/ ?4 u2 S
   else if (yDir == "up") {
  H5 K- `  h' q0 {1 O      if (yPos < (0 + BallSpeed)) {
7 h6 b( |. E7 d0 L9 w6 G6 p! F% ^         yDir = "down";/ C* a' d' L. i: y+ i3 e
         }
5 i% y2 R4 z( d' Y      }1 S. B7 F: R- w: L
   if (xDir == "right") {
: {7 c: N' u/ S3 u4 E3 @3 A3 [( T8 t      xPos = xPos + BallSpeed;
' v$ M' e+ w6 t! K; T/ S: o0 }      }2 r, W3 b. V2 D2 d( e' e" D
   else if (xDir == "left") {# O! g  ?1 h) @
      xPos = xPos - BallSpeed;
# d4 ^8 r* m: b, R! |, k0 k      }
7 a* d' Z/ t" s   else {
8 G1 K1 Z$ Z0 x) s2 U      xPos = xPos;
% r* R( l/ V% ~. g      }8 H; C  M$ c1 k# V6 H3 T5 }
   if (yDir == "down") {, D- R" T3 {' Q4 ?' V
      yPos = yPos + BallSpeed;1 C( A) e$ V" W0 H$ @" |
      }4 T( M% @& l+ y0 D
   else if (yDir == "up") {
  ^0 B+ G% Y! y      yPos = yPos - BallSpeed;
1 h4 Z6 P6 A8 @4 z4 p& u  u8 b: m      }, Y2 H# A) i& u* [* \
   else {
$ @- T1 f+ J8 R" A$ y9 \      yPos = yPos;
, k2 ], m, z6 K7 w+ ^7 U. F/ q0 L      }
; }/ n* g+ b" t. y- {   }, V) U( `6 P$ z; T; W, _- j
6 n! c5 ]! G' g! l* ^: |
function hidetext(){
2 q& i: E' ?0 @3 b3 ~3 Qif (document.all)
) q' U  [9 N# H" S+ Rsupertext.style.visibility="hidden"
6 C0 R9 t  H+ z- d5 relse if (document.layers)
" w6 K8 Y! M) A6 t7 Q$ R- {$ z. Y: Z9 }document.supertext.visibility="hide") J" e0 c  K& S; B! d5 W
clearTimeout(animatetext)
' Q9 d( X& ?7 d  T9 O5 Q/ y}
, |6 ]: h; y/ `* ]3 X# [/ |) L: X
2 D" ^4 \9 v. K) k% k. Dif (document.all||document.layers){5 M; S: B1 _( A- ^5 Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 k6 P( M9 p2 e4 r. wwindow.onload = initializeBall;
1 b8 B8 d* v2 Z1 X4 Xwindow.onresize = new Function("window.location.reload()");
  V1 o3 B! b9 z* b& @6 c}) f+ j) n( D! r# ?4 [) [  i& ^6 n
) }; Q2 G8 t) ]4 N+ _
</script>