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

zw2004

<style type="text/css">
9 k, ~. s- s2 [% S; u#supertext {" a" \. I0 {/ c1 t4 m& P. X+ O/ b
position:absolute;: B  Q4 `0 d/ \! w: X# r' J
left:0;9 c5 I# c' `3 r& B+ J4 o4 p
top:0;3 K: D( J0 L3 u, v/ @4 Z/ h! P
visibility:hide;3 y* x, ?/ E: V1 A+ p3 D6 g* V
visibility:hidden;1 Z( v  M9 I* ]$ P4 m
}
: \& O1 n/ Y( L! Q% ^) G% r; ~</style>% q# B+ l" {0 y3 N& `! \, R4 Z
<script language="JavaScript1.2"># Y( _, C! R/ I( N7 p
<!-- 改变下的字体的大小。颜色-->
6 q# X" j3 y& L9 a5 f$ dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ v$ H& ^5 s- e8 r2 h$ `var hidetimer='';
& M% c* l9 g. ^; D<!-- 改变下的弹跳速度-->
" D& f+ @7 r9 \! i% h4 Z. nvar BallSpeed = 20;
7 a' v5 Y( T5 [& Ovar contentWidth;
& n9 m/ I- g5 j8 P! avar contentHeight;" m8 D3 e8 s7 O2 r" Z/ ]5 y/ L
var maxBallSpeed = 50;
! {5 ]0 y" x8 d( w3 l7 _
' L3 U9 i" J  R1 y" V3 h, @$ g) i2 d  _- w
var xMax;
# g( h/ r, d, \var yMax;
: N; m: _8 X0 H. p' e' }6 _2 ?var xPos = 0;
9 k+ V7 B2 I2 i& B9 v% p7 a; k9 c2 Lvar yPos = 0;: G+ ~! Z# D# q' [. t5 ~- m. l; R
var xDir = 'right';
3 c* ~  m2 o  G1 Hvar yDir = 'down';% J$ x+ ^2 t* Z; ~
var superballRunning = true;
( Q  P+ z1 O" o% Z& [6 B3 [" ]var tempBallSpeed;0 R4 R, o7 H2 k& D2 }
var currentBallSrc;0 t8 j. x9 S9 q$ l2 N2 \1 q
var newXDir;
: N4 b0 R9 X. l6 C# q6 Pvar newYDir;) w% e  h& s8 {5 w
: X  ]. s+ k9 J
function initializeBall() {
) ]2 \; r/ H, J1 O+ v   if (document.all) {" `$ \) O- A. L) A
      xMax = document.body.clientWidth
) `% f- ~0 l+ U3 d      yMax = document.body.clientHeight
; T" w% M! h! A0 W& ]      document.all("supertext").style.visibility = "visible";7 \2 d3 E" \# I2 l) x! Z
      contentWidth=supertext.offsetWidth" [8 s- e, u" J8 t2 n& H$ p$ `2 k
      contentHeight=supertext.offsetHeight
( d: G( |/ ^+ j      }, ^( U  |$ @" A* B* h( {
   else if (document.layers) {
3 E/ T" s# X" q2 s      xMax = window.innerWidth;
2 e$ F2 _# o; Q/ p5 A& y$ `' f      yMax = window.innerHeight;/ L, P. s0 r0 ^6 o% M
      contentWidth=document.supertext.document.width- Z0 y6 B6 n' D* L
      contentHeight=document.supertext.document.height
; d  b4 r* B7 U. r% U. A; n      document.layers["supertext"].visibility = "show";
' [3 {. ~8 r0 E. K' P( u      }
+ c6 N% q% q$ m2 n* s   setTimeout('moveBall()',400);' g% Z9 F- N) C) y: K! u+ u
   if (hidetimer!='')
' w: G/ q: q% D# T) E   setTimeout("hidetext()",hidetimer)
5 O* F+ Y3 y8 K: [+ x7 W4 Q6 s   }
* Q9 E5 M; V5 V( D7 O2 K! H" e5 e8 |
function moveBall() {
9 T- f  w" }, d   if (superballRunning == true) {" ]) A, r5 u# |8 W" L
      calculatePosition();9 y7 i" |- E$ R! L
      if (document.all) {5 Z* S, Z2 Y8 ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. N) R6 |* Q6 G1 I9 L7 ~         document.all("supertext").style.top = yPos + document.body.scrollTop;! Y  S1 [! k( V1 D) D' H* J
         }
5 }  X# h: q. k9 q      else if (document.layers) {
( \% E- Z* }% x) p         document.layers["supertext"].left = xPos + pageXOffset;
/ {/ p: u6 k1 z         document.layers["supertext"].top = yPos + pageYOffset;
9 p& ~, o5 V5 t- @, ~( ]         }
3 \  Q- v; L6 c4 ?      animatetext=setTimeout('moveBall()',20);0 F7 v1 s  l: C  a
      }
6 Q8 D( F* f: i: r   }- C! A) K7 \( V
- |; n' n- S; b: f! G
function calculatePosition() {' J/ g- b  M; U/ J% W9 |
   if (xDir == "right") {# I' [. ^9 C! L  j' f1 ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {& `, ?- S5 t+ b& ^% d& i# P9 s0 u
         xDir = "left";( @/ t$ U  u5 J8 p
         }1 Z" d- ~' z5 F. }- J' g9 T
      }
. U! z  ?0 e; w   else if (xDir == "left") {
( M* O5 a. Y7 H/ B( Q6 B      if (xPos < (0 + BallSpeed)) {) _5 b/ K) e9 \3 B( |7 C
         xDir = "right";* v/ q& V" @" S& f5 o
         }* y: g3 B; Y) v8 j) @' _! w1 z
      }
2 T3 m% x% n; q% A" Z- E   if (yDir == "down") {% n0 D! B  @) z8 v3 i
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& _  J3 \! ?, v7 a1 y/ z         yDir = "up";
( e+ ?9 L2 R: e( ^5 y. z2 f         }
% f  ^) @: i# R$ ?      }% n4 [) e6 \# Y* s( _
   else if (yDir == "up") {- h. Y/ n, ]& a* a" t
      if (yPos < (0 + BallSpeed)) {4 r- c' ?1 ?% M4 ]& G( v
         yDir = "down";
) L& i7 P+ O% M. `5 \         }5 f' E9 Z% N9 ~3 W- h3 H7 z: M7 N
      }$ g4 k- ~& V, Z+ Q
   if (xDir == "right") {7 L4 N: j3 V, e7 H8 r) P
      xPos = xPos + BallSpeed;  [% e) o& b- \1 d. e, i8 n
      }! Z' k$ l# }! J  O3 w
   else if (xDir == "left") {
* C* i$ g6 Q8 d1 N2 |      xPos = xPos - BallSpeed;8 V8 M2 Y- e% r
      }
7 K! K6 N* X0 u1 h3 Y   else {
  [. F) D; g7 O' ~      xPos = xPos;
' K- O& X+ A) ?" A6 c3 c# s1 u9 u% {      }
  c0 _2 L- k; ?   if (yDir == "down") {
5 a* ?( w0 J6 t% w& s/ |- M# ^  S      yPos = yPos + BallSpeed;
0 D5 I3 }, u% Y6 F      }
- {5 E) ?$ }2 E( S   else if (yDir == "up") {
% ^: ~: h! P7 \      yPos = yPos - BallSpeed;1 U! E& n( R1 ]4 C( N+ B' S
      }
$ C1 Q% q9 v% h2 H# {' }0 B3 Q/ x   else {
6 ?* p1 ~$ i+ _      yPos = yPos;
1 x& [  j/ c! P8 o$ r6 t# D* ^* x      }! `, R6 h: F; R5 F6 D$ {+ }
   }& p' I3 R$ a4 k% R' H! u: g
6 X5 Z# \) A9 V( X% C' K* Y6 S! [
function hidetext(){1 r5 o1 C$ a2 P' T& C
if (document.all)
+ Y! P- p: k) n* K8 qsupertext.style.visibility="hidden"
: o" b# u: e) h2 N* y" d; i1 r- Zelse if (document.layers)9 l! Y5 _! a. ^! V; x
document.supertext.visibility="hide"8 L) R" C; x* S' W) o! n! E0 F
clearTimeout(animatetext); k+ X7 P5 {4 w, k* E9 S8 v" c; m
}. C! j; U8 q6 J
' U) u/ ]. `3 z: m
if (document.all||document.layers){8 m% @, O2 _* p6 s
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). y* ]2 L% z! V. z
window.onload = initializeBall;" M- i$ w/ y; K/ L
window.onresize = new Function("window.location.reload()");3 z7 ]: `+ t' J- K6 ^+ ?3 G
}1 p8 P, X) V6 x) R
, I' n1 K# Q( f5 {* |. N
</script>