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

zw2004

<style type="text/css">
' n+ H; h/ f0 \5 ]! Y& f* \#supertext {8 {1 M8 ~; [9 l' j9 X$ _: C* g
position:absolute;+ j4 i' y3 f/ I7 @8 }) E3 S
left:0;
' }/ w3 q2 z+ W  g7 g2 Ntop:0;* s3 ]' Y4 y' }# }
visibility:hide;
% G2 ?3 ~3 u: m- n' ivisibility:hidden;
8 v( C- o& ?2 O  Q}) k3 Y0 F& ^+ D5 \& f
</style>
3 R) [4 i: L3 B% K  Q! W3 X<script language="JavaScript1.2">
+ T: J% T2 |" ]* x" _$ u6 F# Y) Y<!-- 改变下的字体的大小。颜色-->8 O: J9 F, q1 f! p% H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', |# [- f! u, X! q# k) L( k
var hidetimer='';
8 L3 {2 a- C. D' b1 f( C<!-- 改变下的弹跳速度-->
5 M. a9 D: n- ^var BallSpeed = 20;% e& ?& X/ _7 w) n6 `4 N$ h
var contentWidth;
  j0 }! {* Z9 p3 L+ |9 d/ \8 N& Zvar contentHeight;0 b' b* z4 M# w
var maxBallSpeed = 50;
  c- \+ T0 a- E) o7 {. Q# B+ n( x

3 b% {7 d+ i- d3 M+ o% Hvar xMax;! [* N; S6 A% }7 `% {7 V) e1 s
var yMax;
- Q; w0 ^" b1 u9 X# m" U- cvar xPos = 0;' p% G$ N; v4 u; s) J+ X
var yPos = 0;
) M% h! @- S% t$ `2 J: yvar xDir = 'right';% G! q% J. _$ o* A6 {2 Q2 h
var yDir = 'down';) ?8 Y% `9 D: N. w! A  _
var superballRunning = true;
5 `+ T4 a& _7 k+ i9 pvar tempBallSpeed;
3 C3 R3 B  M3 V9 k1 ^0 i0 svar currentBallSrc;5 S' s) D; w) e2 E
var newXDir;
5 c" A5 S4 w$ }7 Pvar newYDir;
2 x5 @% C; k  R/ \% I
# d  a( ^# X% M+ a7 ^( Kfunction initializeBall() {1 L: R, f. z  e' ~. S; V
   if (document.all) {4 X0 j! @+ X+ Z
      xMax = document.body.clientWidth
1 H2 ^( E8 k2 b8 c. G' L- G+ u( Y* b      yMax = document.body.clientHeight
/ w8 [. d; f% L0 D  o/ b/ }      document.all("supertext").style.visibility = "visible";
  ?3 T1 `, S% l2 O' A4 W; Q      contentWidth=supertext.offsetWidth
2 b: L! K) C, x3 z7 l' b3 t0 R      contentHeight=supertext.offsetHeight6 |) z% t" n' E
      }
. f" A' v. C0 p7 u   else if (document.layers) {- a' M7 T, A: @7 M) y* M
      xMax = window.innerWidth;
" ~( I- n0 n1 V1 j9 [( ~' P      yMax = window.innerHeight;
, [% `. h, k0 t6 k  l      contentWidth=document.supertext.document.width0 {1 R, C0 N5 o6 n9 i$ p% c2 B3 O
      contentHeight=document.supertext.document.height8 A' a) h* ~: S
      document.layers["supertext"].visibility = "show";8 E- _0 |# X4 ^. F
      }+ [: D/ Y  n8 Q8 b: {  U' w9 M6 n
   setTimeout('moveBall()',400);
! W8 v3 u" p  P% p   if (hidetimer!='')
. u- V4 _- Z( g1 W3 H7 k- x   setTimeout("hidetext()",hidetimer)
4 d+ V* _% ~- j8 M2 t, x   }- w  T- E/ O6 ~; s/ j
2 Q; E# Y+ e7 d, }0 s  M* G
function moveBall() {
/ C, w( N, a) i$ \   if (superballRunning == true) {
0 U: _$ P2 }: P. s* M      calculatePosition();* x8 ^/ S! d0 k% M5 d7 Z
      if (document.all) {* a( d5 ^5 j% J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ c) Q7 _7 y. y+ }         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 E3 M/ v# h1 j( r5 I- Z# c; T         }, }. ?" `7 H" p1 _3 }9 ?7 e
      else if (document.layers) {& N6 ?  s% s+ O9 E# a
         document.layers["supertext"].left = xPos + pageXOffset;: \4 D: s' C* x7 p  A! `
         document.layers["supertext"].top = yPos + pageYOffset;  F/ q$ J8 r* H$ h- L6 w# ]- y
         }
! B; x( b: o8 s" r- l      animatetext=setTimeout('moveBall()',20);
, Z+ w4 `3 h+ G      }# R! R) S6 B4 D% X% |
   }
& L2 C6 k' }( v  V3 o% n
- E) ~  T; @8 D' D0 x) G+ Dfunction calculatePosition() {
9 e' I' z& m% s0 y! l1 A2 L0 t; x   if (xDir == "right") {
$ L8 S3 E! ?* e$ T9 K      if (xPos > (xMax - contentWidth - BallSpeed)) {% s/ K7 y0 [; v' T$ z
         xDir = "left";2 z1 F* B- X% ?) N- y) ?" ~
         }
( _4 a8 v5 u' S2 V; i' e& C3 M% a( w      }' q1 p" \+ Z" I% B
   else if (xDir == "left") {( t6 L: \, D5 U4 R
      if (xPos < (0 + BallSpeed)) {7 p& ]4 _/ p# a3 P+ D# g
         xDir = "right";
# V: B: a. b3 J: t# P         }
4 X! j' s( M: w  _7 ?# Y8 c      }
8 q3 p0 c. S8 V   if (yDir == "down") {
5 G9 s, k$ L0 w5 A* L* E2 n0 o5 `      if (yPos > (yMax - contentHeight - BallSpeed)) {% ^, a7 H* I; _3 T$ M
         yDir = "up";9 P% G9 m! i1 k2 g, T( ^. Y
         }
6 t: ]. ?% t9 q      }
8 J0 p# T3 u7 M+ z1 I   else if (yDir == "up") {& ~* W; U+ j" O4 L5 e- v
      if (yPos < (0 + BallSpeed)) {
* n, C% P' H6 j+ T         yDir = "down";+ d6 p. [& u2 y# C
         }
9 s9 ^3 l. H, f/ I      }
7 T+ J" L# ?' G   if (xDir == "right") {
! I3 Q9 d+ F! a. M      xPos = xPos + BallSpeed;
- @5 `# O: R4 B( Y      }- H  r0 n, P3 L# }- S
   else if (xDir == "left") {2 V+ [! {/ A" c3 U" T
      xPos = xPos - BallSpeed;
# _3 d8 R9 {& H8 o& N6 V      }' |& e1 I/ B: W! @
   else {. e4 y8 j1 b0 A+ G2 @; e8 [' H
      xPos = xPos;
$ a8 Q5 Z( c& o      }
; Y+ ^: ]' q+ ~3 a; n# Q6 F: A+ C   if (yDir == "down") {4 B. Z+ n& L9 ?; T
      yPos = yPos + BallSpeed;
. w+ T. R3 Q0 g/ I% o      }' h$ H# T* F$ {
   else if (yDir == "up") {7 c. Q% d$ @* s% j0 ?
      yPos = yPos - BallSpeed;* y/ L: S! z0 M7 Z( S! i$ d3 q. n
      }. o4 d/ _) F6 |- W7 c: h
   else {
: h; X3 o  J9 t. ^8 e8 g      yPos = yPos;8 ?3 @8 }; ?/ D- q& X8 O" d8 |
      }
3 f6 d% p) _# k- L: c   }
3 h7 |! L* x% R1 @& l! e: o1 I/ Y6 Z: ~2 |8 L+ E1 q
function hidetext(){
( E' F& @- @4 u9 tif (document.all)- O: q3 x$ z7 s& z" Y: R
supertext.style.visibility="hidden"
( J; s- m1 O' X" }- e' R7 P! melse if (document.layers)
7 E7 m$ _) r# R0 }& udocument.supertext.visibility="hide"
& a% L4 j$ H' d: b- P9 ?! I  ^clearTimeout(animatetext)
) w. t0 u, A% l) S( Z}
! Y5 M  u  P/ n6 |
2 z2 [5 W: E- H% tif (document.all||document.layers){; q$ ?- D4 E: k. b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 l# b  @$ w6 e4 Z1 B" `! wwindow.onload = initializeBall;1 X1 i4 f$ C7 H4 d
window.onresize = new Function("window.location.reload()");
& e6 D) s9 A  Y0 U}7 e8 [7 v  c; P
. x; G$ @% H( ?' r. S( k
</script>