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

zw2004

<style type="text/css">- z1 \  h1 ]4 J/ ]" S
#supertext {% t$ r$ c- S- Q  E" o4 r$ Z
position:absolute;
' b( o- c* X! ?3 ~+ Q: ^& i* xleft:0;
, w1 N! T& _6 p. xtop:0;! m8 Z& P+ i" f/ {7 x7 ^
visibility:hide;( b( c- Q0 |/ B2 T: Z5 J# ?
visibility:hidden;
% F8 P1 Z# \' S( ?}
0 S+ n* Z( a, s$ h& i7 l0 A</style>
9 C) A0 c1 g) Q5 k& q<script language="JavaScript1.2">8 o- |" g* p! \& x( }
<!-- 改变下的字体的大小。颜色-->
0 H4 }( f; W9 C4 S! ^! A! \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. t' H: S2 b0 hvar hidetimer='';+ y6 y% W; ~" m, M5 Q. A: h* y
<!-- 改变下的弹跳速度-->
7 G0 A; P' c7 N) d9 bvar BallSpeed = 20;
" p9 ]2 o- U' k3 i9 q7 Zvar contentWidth;
, m* ^1 g- z3 H6 n" J0 M' F5 fvar contentHeight;
; t( W) F$ C/ k& ?7 q+ Jvar maxBallSpeed = 50;
  j9 D) E3 h6 ?) `% _, t# d/ Y- \+ v! k
# Q' s' Z* Z3 b
var xMax;4 P( ^# `0 r6 l$ _( o
var yMax;
! c) m0 c7 D: v: W. z8 o6 Avar xPos = 0;
. r2 q# t( f5 d% r9 C% hvar yPos = 0;( G/ `$ |5 U. A2 v/ t- I8 i
var xDir = 'right';
0 N, S0 r! f! ~, S& u0 ovar yDir = 'down';
1 v: I: f  k* ?5 B. R" j: dvar superballRunning = true;
- _; v0 G# g/ \2 d/ ~6 avar tempBallSpeed;8 v7 Z& W7 a" `! x
var currentBallSrc;
4 }3 k* C3 t' q! F$ F6 K' f0 dvar newXDir;
0 K8 g# f" ]5 A. T+ bvar newYDir;& R+ x; g, r' T/ r8 V
) x/ N; a! i* k8 p7 g% K! v
function initializeBall() {
2 t8 ]% r/ j: ^2 x6 g   if (document.all) {8 N$ S' g& w7 z+ }6 A; g9 _
      xMax = document.body.clientWidth
6 F! f3 \, s% _/ l* U# q      yMax = document.body.clientHeight
* S+ c+ r; @0 `: d, |      document.all("supertext").style.visibility = "visible";
' W! S4 q" W7 ^7 x, a/ G6 U      contentWidth=supertext.offsetWidth* X4 o( K% ?1 L! N5 G
      contentHeight=supertext.offsetHeight
$ ?5 G$ g6 }8 K+ p6 J% r      }
  }8 N( K+ m2 `9 a% c# K   else if (document.layers) {+ m. k; p' C* q) O8 n
      xMax = window.innerWidth;
" D0 p4 b* f. w7 u      yMax = window.innerHeight;/ }) ^) U* C' W0 M5 X2 b9 _
      contentWidth=document.supertext.document.width$ D" e  p1 d0 z9 ?+ y  l
      contentHeight=document.supertext.document.height/ Z- \% u, n: ^5 i7 i
      document.layers["supertext"].visibility = "show";
! i+ {2 M5 r& Z  E/ ~      }: s- r) L1 P, C& y- K$ o
   setTimeout('moveBall()',400);: L& P# ?( b- Q2 R
   if (hidetimer!='')
/ s4 l  n; B) I! P   setTimeout("hidetext()",hidetimer)* e  M" u8 k- G3 ?9 e
   }
& Y% m* B$ R' {
" p" s. V* |( o% ~) T6 dfunction moveBall() {$ B& T. ^3 {. a' F' O' s2 D
   if (superballRunning == true) {4 B# M' h1 q. S& b, _" }9 i( G
      calculatePosition();6 W% v' A2 r- O) }2 l
      if (document.all) {* E6 a% ^! u' S' Q- E" X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;# \3 k* a1 D  f* b+ i: q
         document.all("supertext").style.top = yPos + document.body.scrollTop;4 [. u. a0 R* T) s# @3 p9 d9 H
         }" N! J6 x4 k1 C' E$ m
      else if (document.layers) {
7 q2 H# c3 c0 y5 _$ J/ f4 }         document.layers["supertext"].left = xPos + pageXOffset;
, S! n& i) m! B" E         document.layers["supertext"].top = yPos + pageYOffset;
8 t) a5 E0 C: C2 D$ o. a         }7 s1 Y5 _6 u3 r7 s/ F
      animatetext=setTimeout('moveBall()',20);
, M/ c. I0 Z5 t* j      }/ ]- X, x. W' }  R) t3 S
   }5 q! m# D+ ]; x

1 @' j8 t0 k* w  p/ e* ?+ Ifunction calculatePosition() {
" c! ~$ {5 e& f6 c9 Y( s   if (xDir == "right") {; _) ~# ], q. E4 H# a: o1 v; e
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% {7 U# m# Z4 o& @         xDir = "left";
; r1 }# l# @* a: ~3 A         }8 o  o2 ]) O& O& A, S' @
      }+ `$ B% g, q  c5 H5 f( z; s; ?
   else if (xDir == "left") {
" s& w4 R8 y3 k- N& A# G3 ]; Y4 w      if (xPos < (0 + BallSpeed)) {
3 @6 w8 e1 A- @6 L9 Z         xDir = "right";
: Q, o) ]* D* o' W- z( \9 j         }
$ T) Q, ?* M) M" {/ j      }' H3 ?5 Z3 w1 t9 x: d
   if (yDir == "down") {
! |: y4 _- R/ r4 `      if (yPos > (yMax - contentHeight - BallSpeed)) {
. X% i: p8 c; D/ N4 r: M& A5 T         yDir = "up";* }4 g2 l" S# |" Q* D1 ~2 S
         }
' S& j- `4 O* ]      }7 o) C8 o) s- ^- ~! `0 T1 Z; }* r
   else if (yDir == "up") {& y7 z) I* L5 S. T* X. i3 O3 m9 d
      if (yPos < (0 + BallSpeed)) {
3 O: L) Y% u4 t9 z; c         yDir = "down";
/ F2 n. g* Y7 v0 c6 }7 Y         }
+ C) V0 p1 {, J      }
. Y: M! f3 f. C. b% w. l+ S   if (xDir == "right") {
+ e& S3 P2 e6 f( N* M4 D$ |& O      xPos = xPos + BallSpeed;
# w" Y4 U' a2 ^' ^& a2 c      }8 P) m1 X8 J$ Y
   else if (xDir == "left") {% y2 |1 S, c. f$ R: A5 d
      xPos = xPos - BallSpeed;
1 W: q% w, p9 T6 n+ D( E      }) c3 b' ?1 w4 I* m5 z
   else {- Z8 Y6 z3 G1 }3 ?, j
      xPos = xPos;5 F9 E: }5 q/ s( M) A( H
      }7 Z7 `9 v5 Q5 Z! t# c* n6 T
   if (yDir == "down") {3 P4 `* a7 X7 }, X9 x
      yPos = yPos + BallSpeed;
/ I7 K1 K# L+ z6 _. d, ^" z" V9 |      }3 t1 I7 \/ z! f! K! s
   else if (yDir == "up") {
+ E9 `3 S/ {! L, K8 I      yPos = yPos - BallSpeed;( H& D) J" W( a
      }7 c# m( J2 N; t8 |8 B
   else {7 [" W$ E# o; y- ^
      yPos = yPos;" Q9 f( A% a3 G6 ^
      }
2 F+ ]) h$ @' W( q6 T   }$ h* q. z. m; x6 n0 C! ?4 X

# J: g% V/ z7 O* n7 P1 sfunction hidetext(){, n, x2 E4 b7 V" G$ K
if (document.all)5 {0 i# ^) n1 [0 c9 P
supertext.style.visibility="hidden"1 X9 R% D& M) d( \; F7 v4 \
else if (document.layers)8 n6 ?6 R5 O1 O& {' |
document.supertext.visibility="hide"
) x/ O3 D+ m/ H7 s2 e2 gclearTimeout(animatetext)
0 C0 I0 i' H0 |# r! X( U" L2 {! d}
7 w2 N: c# V8 q. t. S8 p6 c4 b2 r9 r
if (document.all||document.layers){) x7 l& `- p  L2 I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), ~7 |3 q+ J% f- Z! l2 f
window.onload = initializeBall;$ p  u2 I: `0 o7 c0 R  Q
window.onresize = new Function("window.location.reload()");0 D: x% h9 Q1 q
}
5 ^: B1 V! n! @7 C5 o* r% d6 L, I! n
</script>