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

zw2004

<style type="text/css">
, g( @, M5 q5 h' P/ Y" ^% ^#supertext {
' p/ k5 \, M9 ?& K/ [  z1 wposition:absolute;
  B5 y# q4 `% G2 h0 j& K) Vleft:0;7 m* A" Q4 m0 K# M% f5 L: {1 b
top:0;
9 E1 e4 x- M0 xvisibility:hide;: `2 Z: s- P3 k; }# L5 ~3 {6 e
visibility:hidden;
6 z1 T$ g# F, Y  C6 l}- D: ~, V+ Z# h+ P, |4 U
</style>( S5 [) V: o5 n# |  i
<script language="JavaScript1.2">
; ^5 A1 b5 P1 K6 W<!-- 改变下的字体的大小。颜色-->
# ~7 z% o' J$ U9 d$ t  yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 E5 `& p! i. h3 S' H
var hidetimer='';7 f( ~. D: q  Z- F: ]) g) S( s
<!-- 改变下的弹跳速度-->! J" y, t1 i1 j/ T4 q
var BallSpeed = 20;$ @* c( t4 j0 {& a; {/ f& }: [1 V+ P
var contentWidth;
6 u  }& y, \  E6 K5 dvar contentHeight;) k  A- h6 ^9 q+ S5 a
var maxBallSpeed = 50;
  `* D+ C9 J5 L$ V) M, ?% J2 G0 _& X3 D) B0 o, L
& ~5 g7 T5 {9 o8 [& ~! I) R6 e
var xMax;" v8 l3 b. U8 Z0 k
var yMax;/ M. I7 A8 x1 K* D0 |3 e3 O- Y
var xPos = 0;
& I% {4 ~3 _9 A( F6 i) |var yPos = 0;3 |$ V/ S: l" h2 e' a8 f
var xDir = 'right';
/ w% b2 I8 _( @8 _9 b  cvar yDir = 'down';
9 k, O4 b3 W0 A1 u1 {, y  X3 mvar superballRunning = true;! o& P; ^! p9 V; A
var tempBallSpeed;
/ z8 e# _% u& Jvar currentBallSrc;
3 ^3 ~5 [) o/ m9 W( @var newXDir;
$ |: ?, s7 C. F5 Y4 G0 H! ^1 Evar newYDir;7 H: ?* J1 t4 Y$ c& N

2 Z8 b. [0 [( z% k2 v; ]" wfunction initializeBall() {
/ l8 D5 K& t! W* q7 _6 g* \   if (document.all) {1 H5 v/ i5 E2 T5 m% u
      xMax = document.body.clientWidth
3 r9 z$ L  T) A" r0 E' [      yMax = document.body.clientHeight6 i  C+ A: l; j0 _
      document.all("supertext").style.visibility = "visible";
' \. N+ Z" N. L1 `! R7 f      contentWidth=supertext.offsetWidth4 L, f6 ?) |9 M( A
      contentHeight=supertext.offsetHeight- D  s* J  j1 g3 J0 `
      }
2 K5 J# G$ X2 G7 I; T  X% k   else if (document.layers) {3 |/ Y3 a; g1 U! W
      xMax = window.innerWidth;
0 y1 R. J. ]1 i: l! O* q4 g      yMax = window.innerHeight;) P5 V8 z/ `# O$ k% S; s# h% B# ~" ^. t
      contentWidth=document.supertext.document.width
$ J- M5 g& }* e6 N5 _      contentHeight=document.supertext.document.height2 d  T% p2 x5 D/ k* v
      document.layers["supertext"].visibility = "show";
  Z; B# a% \2 T; s      }
7 H  N0 O$ ^! u0 o/ r   setTimeout('moveBall()',400);7 R2 @" ]4 N" H3 P# y$ w
   if (hidetimer!='')
5 T9 \0 p' a! u# I7 v1 H1 {# |& ^   setTimeout("hidetext()",hidetimer)8 @& ?& `) C. E5 `& E' Y/ M
   }  U0 {0 X8 g  @9 Z* `# ^/ F
% X# p/ A6 z0 {% N: V2 w5 B
function moveBall() {6 s  G) n; j3 H! U" ?
   if (superballRunning == true) {& G% I! r) K0 ]3 X4 r
      calculatePosition();6 L( O7 N& [  g) Y# v6 v. a
      if (document.all) {
) ~  `! v4 N7 z) ?% p& A2 m         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 w6 V. h, I$ @6 f         document.all("supertext").style.top = yPos + document.body.scrollTop;
- j% Y/ K9 r' [7 j" T! w         }
% a( a" P. }& J      else if (document.layers) {- F9 Z# [4 V9 y5 V
         document.layers["supertext"].left = xPos + pageXOffset;( P/ a; X% _5 X4 N! V3 u8 p' y- ]
         document.layers["supertext"].top = yPos + pageYOffset;7 Z  W6 _2 E% o$ f6 F
         }
; ?1 b& @8 Z' I      animatetext=setTimeout('moveBall()',20);
. h) P: k/ O0 H: {6 c: c      }" w# O& z5 |3 ?0 ~4 L# O
   }
- A* k$ F: ^% j/ c% m2 v; d8 i/ l; h0 Z
function calculatePosition() {
; E- V% G6 I  Z' o7 }3 }6 ~   if (xDir == "right") {% p% v* @9 s, {' V8 Z5 Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 o+ G% C! N6 ]3 C3 p2 ^) J
         xDir = "left";2 w  T: y: t, x, y! g- w
         }; @' q% A1 _& t* s9 e! t) C
      }- Y7 k. S4 l2 f
   else if (xDir == "left") {" U$ v& Z1 j4 h" U  t
      if (xPos < (0 + BallSpeed)) {
, L7 J5 w) H2 F% b$ r# ^/ P  x         xDir = "right";( A) @7 [8 G/ H5 b5 i, y" E0 g2 o# }/ M
         }
9 B( O( `5 t3 n( K+ c      }0 \  M  R: z) Z' T; ^9 {! F/ T
   if (yDir == "down") {
4 E' Q; c8 B. K3 F1 \8 c, y0 ~      if (yPos > (yMax - contentHeight - BallSpeed)) {$ b8 D: I5 \% F# A9 [6 L
         yDir = "up";
  s) n# }: n1 A$ E+ s$ c         }
& t' P! `2 _- q# f      }! A! B1 @% V2 }
   else if (yDir == "up") {' |2 Z2 l. _/ }: G  [" a! G
      if (yPos < (0 + BallSpeed)) {2 k% O. t1 x1 m, V0 n9 V
         yDir = "down";
. u$ E. i+ I1 M. b2 O( B% x5 A; o         }
5 {. Q1 {3 u! y9 u; t      }
# U# n! S, Q. u% z/ }* f   if (xDir == "right") {# Y/ Z1 P9 V( Z& `  Y6 G
      xPos = xPos + BallSpeed;
- K) [% [2 c* H: J/ Z      }2 m8 w' a/ s# [& j8 L
   else if (xDir == "left") {
* Q+ u2 w) ]( W' M5 W# f* d      xPos = xPos - BallSpeed;
, m" L3 D- J/ Y" q: f      }# U+ X$ z) P) [$ A' h* K% ~; ]
   else {
* [1 q0 b% s4 W      xPos = xPos;7 s$ B  M5 C- o+ M
      }% D* ~) I8 a- w
   if (yDir == "down") {
1 ?3 X4 @8 P8 n$ o      yPos = yPos + BallSpeed;
+ p. ]5 y( l# X' F5 }/ X      }0 p, _* D8 P0 v9 c8 A
   else if (yDir == "up") {2 ]6 u! ]5 S9 m/ ?
      yPos = yPos - BallSpeed;) g6 i6 x! `, ?2 b" N0 K
      }6 q& i$ J( W, i" P+ q
   else {
6 h  {, F' g6 J* b+ ?      yPos = yPos;% |* R1 v* s( B" S# a
      }
7 |5 j& {- @* F8 R- h   }' }  I  r; S! J" h$ F% [& E

" ]+ @( ~& I# f6 ?& D  s2 Ifunction hidetext(){
1 w" U2 ?9 z, [if (document.all)% R, [4 l6 p0 T
supertext.style.visibility="hidden"" \# T4 n2 Q+ T4 H) H  P' e5 Y
else if (document.layers)' `4 c' T& d& k! h, o& p
document.supertext.visibility="hide"
1 \3 B7 C2 _$ X+ M" v& |! CclearTimeout(animatetext)6 X% Z+ I9 m' C6 C
}! z$ w; B% i# t% @& f) h+ |5 K

5 n0 z8 w, g, w+ P# H. {& qif (document.all||document.layers){
8 G* h& l% d8 fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# g0 K" g( G3 W0 E! c$ q+ F  \
window.onload = initializeBall;
/ i5 u0 r" u; n  T) a% U1 ?) bwindow.onresize = new Function("window.location.reload()");
/ k+ w& M1 f! w% f% _9 }}2 L4 M  b# Q' T

; A7 F  C$ x3 d5 s5 {</script>