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

zw2004

<style type="text/css">8 R" W# T! O, O6 \! x( R
#supertext {
! u% T( ~0 r" \: eposition:absolute;
" i) k7 j7 ]' K7 T7 l1 Y3 aleft:0;7 i1 T5 F) M% R  j  `. v  l
top:0;$ H, @- E) `8 s  d/ v+ Z/ x9 m
visibility:hide;
% A1 X$ ]5 O: s& c8 _- f8 l5 w( Bvisibility:hidden;
; x$ U4 n- o+ i2 J% l}
# {/ T! z# b9 d: M6 q$ ^: n</style>: @) b8 ?% b( c7 a3 {
<script language="JavaScript1.2">
5 D8 x# f+ I% C9 }! |' v<!-- 改变下的字体的大小。颜色-->
; x. A/ Z+ p& ?5 W6 a7 T2 A) gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# i: g1 k, F1 h6 ]' L: m
var hidetimer='';0 j  k6 v  ^# H% Z& @3 v
<!-- 改变下的弹跳速度-->
# }/ }7 B) b( l; n! ovar BallSpeed = 20;% m6 e" m& ]) n+ A: _
var contentWidth;/ \+ ?( |1 y! w- h1 D6 {& l. a. {
var contentHeight;4 t( q  r( s+ |# |0 X. l
var maxBallSpeed = 50;. }6 n+ a. N: m; j/ K- k- {6 a, e, ^

. f2 i' K' U7 G
+ R7 Y7 b4 z: f( A, J. e% evar xMax;
% }+ T% u' V9 B- }" s  T! ~- y( yvar yMax;, T6 }3 F6 h; O+ P
var xPos = 0;% E8 r6 s9 ~) ]& A' v6 H
var yPos = 0;2 [# k$ p% b+ s0 a" _
var xDir = 'right';
$ ^- K0 V8 V" O$ n/ rvar yDir = 'down';2 t  [1 H% l$ P% ]3 I
var superballRunning = true;
8 N  y5 _: G4 ~var tempBallSpeed;
; g! ~& F0 w* x3 B* ivar currentBallSrc;
" J5 T9 \8 ~3 |+ @  Pvar newXDir;
6 Y3 \& A/ I& U! kvar newYDir;
9 H" b; N8 h" ~" o7 P7 S7 T4 ]
" V# C( l3 p) s! `: rfunction initializeBall() {* K8 i+ F) ~; Y4 X' R
   if (document.all) {8 `# R. L3 w) f+ w# H+ a, Y
      xMax = document.body.clientWidth9 }) W: H5 |& L! F1 D5 R) m
      yMax = document.body.clientHeight
3 t- c5 U. T. ?$ C+ z      document.all("supertext").style.visibility = "visible";2 t' ^; T+ M9 i& G$ O/ B
      contentWidth=supertext.offsetWidth
0 K: e: b4 j3 ?! c8 n      contentHeight=supertext.offsetHeight* F( Z( D: H. {8 X$ O0 |
      }( t  L5 w% a# I: s: `
   else if (document.layers) {
0 J) D3 y$ a# R  p  w      xMax = window.innerWidth;7 v5 X8 S& }* F/ C! [+ h5 i
      yMax = window.innerHeight;0 T5 A2 I, ?& H5 o: d% ]3 E
      contentWidth=document.supertext.document.width) K. B3 K# S( ?4 e3 g' ^
      contentHeight=document.supertext.document.height
) {- t# @* I* b1 ]  s& t- J6 C      document.layers["supertext"].visibility = "show";/ o; a( k' T( L3 Y
      }
- k/ b! M4 P4 F" R   setTimeout('moveBall()',400);7 }5 E7 I& o5 Q
   if (hidetimer!='')
' Q) w* B' S9 O/ L0 |9 `   setTimeout("hidetext()",hidetimer)
1 Y- d3 B6 Z0 N8 Q4 E. Z   }
) w0 T5 G3 N8 A- s& ?7 Z
4 u; n, M& F6 wfunction moveBall() {
& u" @8 h" t4 P: \  P   if (superballRunning == true) {
5 @$ y4 t) z% P- t+ x3 q- g      calculatePosition();) a- t. K7 u- q* G
      if (document.all) {+ G8 d% q+ t9 ^( H; Z/ n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 p% }7 z6 f  B& ?         document.all("supertext").style.top = yPos + document.body.scrollTop;
; q9 F+ T' X2 h4 y1 |         }1 Y, T3 t( _9 N$ I& d+ P& \3 _
      else if (document.layers) {
  E' u5 \4 A3 _         document.layers["supertext"].left = xPos + pageXOffset;0 X- t4 Z/ S9 Q* S- H; s/ ?
         document.layers["supertext"].top = yPos + pageYOffset;1 V0 V, A; ]; A
         }' C) m9 h. o. x
      animatetext=setTimeout('moveBall()',20);
* Z7 o* x4 w6 I6 T& ~! c, q& Q      }
+ |( A1 A9 J2 n+ {/ _+ d   }) o& M8 x- M) F: e' Q8 I

/ S' D9 B: J) V+ ^; e9 Gfunction calculatePosition() {
# m# y" e) L/ S; I$ V+ v   if (xDir == "right") {9 n: ?! c) N) r
      if (xPos > (xMax - contentWidth - BallSpeed)) {" E( x) J: |8 u: [0 ^' z7 s
         xDir = "left";
8 J& v+ j8 B9 K9 P1 O2 {" Y         }
6 _" `# T. T2 e9 t0 {      }
4 c7 }1 y! O7 b, i$ i! \   else if (xDir == "left") {9 K0 P3 _  X, R: ?1 S3 _. y( i
      if (xPos < (0 + BallSpeed)) {8 n. @* A0 J8 \% d3 e
         xDir = "right";
6 d1 n: X; q8 ]% G2 t7 c0 b4 ^         }7 [  o2 h/ i1 I
      }
4 G6 \- w/ {# {, p/ J; M% P2 f; c   if (yDir == "down") {7 }5 l' B- I$ E& s+ H
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& B+ q# P+ G# b8 S& ]. A         yDir = "up";
3 T4 _4 F; h5 u/ f) ~         }
3 @/ s: G1 S% p( D$ b      }
! Z! y! X( x$ f# `   else if (yDir == "up") {
& _+ O$ E& b, \6 Z1 ?      if (yPos < (0 + BallSpeed)) {" p9 K1 r+ Q$ w$ [
         yDir = "down";. \" d, R) ?8 F  H) _7 i
         }
& |: s9 l. k& D; V      }' z; \6 Y9 A6 ?& j7 c5 k$ m
   if (xDir == "right") {  q4 z( g5 I2 Z6 T2 x; m' D
      xPos = xPos + BallSpeed;
5 `6 _/ ?4 S8 }7 _" W      }
& ]4 h6 {# R  Q( |* X   else if (xDir == "left") {
5 w  j% {4 `; c7 ^- v% i$ I  @      xPos = xPos - BallSpeed;
8 b$ j' r0 n" t+ l# j- n# N4 W6 j! T      }$ q  [3 ~* ^" ?8 r4 b( O3 B! d
   else {
; J4 c8 ^. Z2 N      xPos = xPos;8 N/ J. p' b- g8 H3 g  ^$ R, y
      }
6 K' P5 p( |/ S& y$ w   if (yDir == "down") {
+ }* b5 f: ?: |% u      yPos = yPos + BallSpeed;
" ^6 T( T& s; M: \$ q: t9 R* }; s; ^      }
- b. h; |' w% o# ?" W" z, I   else if (yDir == "up") {1 E( d$ f  B$ K/ A4 l) F$ i
      yPos = yPos - BallSpeed;3 u$ }! Q, _1 Z
      }5 N) R: p( _! n( |1 @
   else {
: }  s. W, P  E( F' |      yPos = yPos;
' j' C: j6 i& a* h# J/ B      }3 X4 D+ c9 a8 Z* ^/ t! I3 _
   }1 G* u4 F3 I  E5 w9 u- F  z

2 B& r: g! W+ sfunction hidetext(){9 o  p$ f4 R$ h, v. M
if (document.all)
4 }" U+ `. n  M2 I- r, Z* c/ B, S2 \8 Z, j6 Fsupertext.style.visibility="hidden": r# C" U+ r8 N) T' N
else if (document.layers)
6 j/ G8 j2 R9 Bdocument.supertext.visibility="hide"
7 \+ O. I$ n8 y2 v0 ?clearTimeout(animatetext)2 _* S2 t! ^7 z- Q  q
}" J4 }( [$ \; D) I, h, c
+ [; ~7 }, M4 ~( f
if (document.all||document.layers){
: z5 W( J! q! h2 P( M1 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 U: E1 P& G  p6 v3 d5 ~4 A4 }0 t5 zwindow.onload = initializeBall;" h8 E( w+ e( e. t  m
window.onresize = new Function("window.location.reload()");  G+ Q' I; }. g9 Z
}* B0 T$ C5 X! X; P
1 L2 y2 @+ r, r' k2 x" ^. X$ ]
</script>