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

zw2004

<style type="text/css">
# g& u5 U5 Z& m#supertext {
4 m' P* u( A6 T6 Tposition:absolute;
. t& e( T4 H1 L3 A( Cleft:0;- t* c. i! |2 `
top:0;
4 z/ q* G' D; O% C* Kvisibility:hide;- c7 C: T0 E) Y& Z; v9 p: k7 ~% L
visibility:hidden;
9 _& f- k0 Y6 ~8 I1 K6 U  P0 b5 U}) v) B& }$ q$ {- R
</style>0 H" E+ p% Q" D; e; @
<script language="JavaScript1.2">
- x* ~9 M! E7 ]+ c3 H<!-- 改变下的字体的大小。颜色-->2 H( }( g' E' g' J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 v/ e* s( k' ~/ v1 ~3 i
var hidetimer='';+ c" g: |, {/ s) i! a  o4 ?
<!-- 改变下的弹跳速度-->; c. `) F4 c) Y' g# j
var BallSpeed = 20;# k/ I; n: Y9 p) q* y: y0 i3 j
var contentWidth;
: q# J% F* y! ?" L" }var contentHeight;
4 p$ j9 P* {- @var maxBallSpeed = 50;
- ^8 Y# J& Q: A' @1 n& d  e% Q. a4 D  W

8 j, c* u; W0 d6 P4 N. Zvar xMax;
3 r$ W7 d! A/ O7 d' {: z# ~var yMax;
5 @" E+ N* x# p$ [" s+ Mvar xPos = 0;
0 _" j0 N* H/ m+ l( uvar yPos = 0;, c. v7 M6 X. `; H) Z# K( p
var xDir = 'right';' y8 y' r* T5 [8 I: [& M. b
var yDir = 'down';
) \' \* ^$ Y* p4 Avar superballRunning = true;
3 x! w) u  h3 I2 ]! jvar tempBallSpeed;+ v% \6 ^, Y7 j0 X8 f# T
var currentBallSrc;7 R& y0 X1 r+ b
var newXDir;* M! v9 @% H) B: c# B
var newYDir;
! Y4 l5 ^; I' e( G2 o% i" _* F/ E) s- i, `
function initializeBall() {# k3 D/ }, c  w% g* o' E
   if (document.all) {% [  N# j* q; q& v
      xMax = document.body.clientWidth
" g6 D* p6 g" x2 H4 V' r      yMax = document.body.clientHeight8 b! c2 m0 N2 y8 h; G
      document.all("supertext").style.visibility = "visible";
7 B5 {! w! a0 `* u      contentWidth=supertext.offsetWidth
1 S: ]# A5 i" F  G( `, _      contentHeight=supertext.offsetHeight  ]+ [$ r% Y/ ?. }& q
      }! [) J, g7 ~+ M, u
   else if (document.layers) {
* ]8 y5 c0 I  O3 S6 l; \* \1 d2 r4 B      xMax = window.innerWidth;
# U) D* P9 |: R- x, A7 \7 z      yMax = window.innerHeight;3 G4 z3 N0 k5 _+ \+ t
      contentWidth=document.supertext.document.width
! Y, a( D3 m5 p+ i( L- {      contentHeight=document.supertext.document.height8 t' A6 h% }1 }2 a0 Y
      document.layers["supertext"].visibility = "show";0 b5 D  r& k* M3 b8 T
      }* I  ~* M& c( N! b2 `' \4 K1 S
   setTimeout('moveBall()',400);
$ `1 \: d6 _) x4 }, e   if (hidetimer!=''), l3 L! O5 f; Q9 i9 w
   setTimeout("hidetext()",hidetimer)8 t+ z1 f: a6 M# X4 d
   }
8 b4 Q7 X! w6 G# l6 e
. z' f0 b0 i6 N/ pfunction moveBall() {
! b& Z4 D6 j" V) f# O4 ?   if (superballRunning == true) {) r! D) a4 a# @
      calculatePosition();
- x% {* _4 U% S2 \8 E      if (document.all) {
9 x4 X* S+ K7 s1 k         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ Z6 A( Z; F  j. `5 r5 _
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: B, W0 _) l& \+ u$ x2 D# f. h         }1 p. ~$ g0 p& X2 s/ d
      else if (document.layers) {
& `4 Y9 h; ?' S         document.layers["supertext"].left = xPos + pageXOffset;* H* Y6 T& D2 J, E2 w; I1 h
         document.layers["supertext"].top = yPos + pageYOffset;
" [+ O' ?5 l% s. v8 `8 Y9 v  x         }
+ {5 s1 `' V' ?% H. M8 H      animatetext=setTimeout('moveBall()',20);
, ]9 Q+ s; Z; M1 T      }
6 U# @1 l2 i2 J# p- {   }
* m( t- \4 c  k8 y4 {# z
' S& n# R. M* |) W9 Yfunction calculatePosition() {4 f3 R8 O) r" ?# [1 Q" d( R# D3 Q
   if (xDir == "right") {
/ {8 T7 @) U- |+ O% q2 A2 X      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 C+ ^1 g. Q4 ^         xDir = "left";
5 g0 f  f" h- R         }
; @. k3 s- l+ u5 c+ u+ D( l; T      }& L# \9 h5 u8 I/ t, a
   else if (xDir == "left") {+ b8 @4 T- C& j1 j
      if (xPos < (0 + BallSpeed)) {
  M0 L$ g- u+ j+ [! u, Q  B9 [" n         xDir = "right";
! @: x  C$ s; {% |: J0 l$ b* m         }
2 n6 W! C4 {' m      }( q/ K! h" n5 d; C2 [1 r
   if (yDir == "down") {
) P0 L( u# \7 ]4 M/ f9 v      if (yPos > (yMax - contentHeight - BallSpeed)) {
' w2 o2 s& D: P5 B. U         yDir = "up";
6 P) i! c5 U' H2 i% `# t# K! `: [         }
3 y. D5 ~" w7 F5 B      }# v7 T9 o/ C& C7 X- a- r/ M# p
   else if (yDir == "up") {8 q% e  q" Z, v% N, O
      if (yPos < (0 + BallSpeed)) {1 a  l% Z) k6 u3 {( H" P
         yDir = "down";
9 Z2 t# g. d  H& V" R1 z         }
, Z$ H; K) x! w' X6 D5 Y      }
  x7 R# w5 g+ ?2 I) F   if (xDir == "right") {+ T0 J. F! T! R2 p
      xPos = xPos + BallSpeed;  R* l  h- L4 k! x2 u
      }
0 A1 c9 R: v$ F   else if (xDir == "left") {  N$ X" p" B" y1 P: x- n
      xPos = xPos - BallSpeed;- J$ t2 h' }  O7 m# c0 _: L4 z
      }4 q1 W, i) f& H% j2 V
   else {
) c  A$ V9 B! H8 r      xPos = xPos;
$ o  Z1 ]/ v3 l, x, a      }3 _0 Z0 w( L% u. R3 `8 ]
   if (yDir == "down") {
, Y+ z$ s9 g0 v" i0 S: \# V$ i      yPos = yPos + BallSpeed;
2 C& _+ X6 A. _! ^% F- N      }' n1 \3 t5 X8 u4 {, A8 K' i
   else if (yDir == "up") {2 z% h( P; E1 \
      yPos = yPos - BallSpeed;
9 @, @. @5 K3 h! d4 }" t      }
. p. ]$ ~+ m% \   else {0 z. O' T9 V( G
      yPos = yPos;
5 m6 H  O, P# s5 J9 c% r1 c      }0 f" c; u5 z! X# |" A
   }
0 E4 w$ p/ O6 x; d3 R9 x
8 o4 b3 t# j( t7 J# C  Pfunction hidetext(){4 ?. k7 L1 P! Q; o8 ]( m
if (document.all)* O- _0 A2 g4 V5 c
supertext.style.visibility="hidden"
" P: b2 S1 I# K- l( P& P  Jelse if (document.layers)0 t5 D* L3 H3 \( K3 w; V6 h0 z! y/ y
document.supertext.visibility="hide"
3 ]2 W- |9 m( N3 b  P: fclearTimeout(animatetext)
3 P, K% `+ r9 i1 k}% ~- L7 f! o* N

$ F3 E/ H( P9 f: P% aif (document.all||document.layers){0 }  T$ N2 I4 Y1 J' f: z6 h& s$ q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( L9 b$ _  y. n
window.onload = initializeBall;# Y1 O8 k/ i; A, q
window.onresize = new Function("window.location.reload()");
# ~1 {) p) J, _/ c( B- B}
1 K, T$ _# }/ }3 w+ l
2 L' ?9 k, t5 q( C# E; K</script>