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

zw2004

<style type="text/css">
9 X$ P# k' S6 h0 ^* p  i#supertext {
; Q, h* n3 y, {, }2 Pposition:absolute;2 P# C% ^% W) {1 S1 P) e* L- u2 t
left:0;
' m3 l8 c. P% w* c% x8 `top:0;! z4 Y3 Q3 D8 l9 H
visibility:hide;$ B' {; D" D1 B
visibility:hidden;
: W. O, S2 [# y: L8 e! [* i/ H}- @9 J8 H1 |+ y' B, X5 e
</style>+ `& M1 K7 T: e: y
<script language="JavaScript1.2">
, H  q9 V# B2 R/ R; d<!-- 改变下的字体的大小。颜色-->6 G; g7 x2 G6 C( w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 k8 f! u) l0 w
var hidetimer='';
( D- l( v/ Y2 _: B! ?3 U<!-- 改变下的弹跳速度-->
7 [5 b2 U. j9 A5 w! }1 ^! uvar BallSpeed = 20;9 @* k0 ]5 A* `, K( r0 ^
var contentWidth;  L: M, c) q( `  X  ~9 K3 Y
var contentHeight;
+ Q3 N$ H2 v( j! C4 M4 n7 v% w( hvar maxBallSpeed = 50;
+ j( T/ p2 o# m
8 B/ i4 d8 M4 r/ K( F: x6 M( G
+ g* ]+ z% L/ Pvar xMax;
" U  `8 O( j: c' ^0 y+ ?  lvar yMax;
# f" x/ [5 b! s% f7 E: Cvar xPos = 0;
* L/ ~$ d' L/ Vvar yPos = 0;
/ m* m7 V  P2 S! p( F( xvar xDir = 'right';
" }: M% V+ x% ~" `( evar yDir = 'down';; t4 \0 |  G# Q7 H( ^( U( Z
var superballRunning = true;! C! U3 T9 A2 b: C, Q/ Z9 @) _
var tempBallSpeed;( b, N( W$ R& r0 Y* n/ y
var currentBallSrc;
/ c* G8 H; S1 v7 H; y1 a" Z% R% dvar newXDir;
% |+ `5 C: x  x7 D. Y1 T$ Q  l% c! Mvar newYDir;8 i( F5 b& d6 h$ Z0 p

. S6 q' C  S2 T; n0 `, _! ifunction initializeBall() {( R3 n, A( L5 _5 z
   if (document.all) {
9 s; J" j4 _2 b4 J% N: g      xMax = document.body.clientWidth
& D: G0 t9 p/ E6 ]; p      yMax = document.body.clientHeight, J3 r' d& z1 d% M: Z  n
      document.all("supertext").style.visibility = "visible";
5 L& @: p( c# A# v% O$ E8 O; p      contentWidth=supertext.offsetWidth
3 @3 G6 y: c8 ^$ q: g      contentHeight=supertext.offsetHeight
" n- z& I8 ~* t8 P2 h. p* T      }
. \: u, K" C; ^4 ?. V   else if (document.layers) {  X5 Q# Q  n% }* P8 W
      xMax = window.innerWidth;
' s  i1 v8 \  m9 j  [4 b/ w      yMax = window.innerHeight;
5 o5 y7 R, R3 Z* @      contentWidth=document.supertext.document.width& x% ?! a2 P, O2 m$ f0 B
      contentHeight=document.supertext.document.height
4 Y+ ~, D, }% M# W      document.layers["supertext"].visibility = "show";
$ t7 X7 h8 }: ?& O# }6 e      }
% O% }( u& I0 B   setTimeout('moveBall()',400);; A# m: v4 n; x' g  V/ R
   if (hidetimer!=''), K; }( P) t5 N7 H+ @: A
   setTimeout("hidetext()",hidetimer)5 _* i7 _4 I3 S6 J! Q0 p* [
   }
. U" c; o8 I( d+ H& A
5 s$ `/ U5 z) ~  x$ V" Pfunction moveBall() {( ^/ R. l& q5 ], B
   if (superballRunning == true) {1 ~; m8 Q/ u& `, ]5 y' i
      calculatePosition();
6 ^, q' J! ^$ i      if (document.all) {5 h$ e: Y1 E+ [& q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 }! Q' q2 r7 v# b) [7 [         document.all("supertext").style.top = yPos + document.body.scrollTop;& }( _# Z, d2 o2 N
         }( k" N4 `! d2 q4 o+ I% w( K/ P
      else if (document.layers) {
/ h& n. [2 I( a7 x  A, c  t         document.layers["supertext"].left = xPos + pageXOffset;
9 f: Q2 @  H$ g' a         document.layers["supertext"].top = yPos + pageYOffset;
9 ]! h" W; h  `; F         }- t7 k+ {$ ~9 r' U
      animatetext=setTimeout('moveBall()',20);
) w7 P! m7 N( A! i  c+ \9 I8 n$ I      }3 K6 x2 y% X- X7 m: k
   }
: y" Z& d$ J% }) s0 F9 w! j% W
, S1 g# S# ~1 U) S" wfunction calculatePosition() {: M8 w' Y5 c& q) o* q: ^1 }: }
   if (xDir == "right") {2 Y8 ~* {$ ?# y5 d4 R
      if (xPos > (xMax - contentWidth - BallSpeed)) {
& G( _5 A9 `5 i' F( |         xDir = "left";
/ o$ x1 q3 v& Y( T/ U) Y* D/ x9 z         }
, `. j. A  \2 a# E% Q      }4 }4 f+ O/ ?. q6 `5 @1 Z- p
   else if (xDir == "left") {, U8 ]( n1 H- S  V
      if (xPos < (0 + BallSpeed)) {" |8 u' P- L- b8 U- l2 j! k
         xDir = "right";  T0 c  v. C+ \9 E. U
         }
3 v; `9 H! A! P+ ?      }
. o2 X0 ^6 A4 l  v' H9 u* e9 X   if (yDir == "down") {" Z! ~& E7 ~8 C. T' S: r
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ j5 o: [( a5 T6 H; w8 M9 J+ e         yDir = "up";
+ y& D7 }4 O& \- u1 ?         }
, h$ I$ {# X+ j" S      }- P$ @7 R) r3 G+ n
   else if (yDir == "up") {9 I* y- m( H  X. K" h0 Z
      if (yPos < (0 + BallSpeed)) {6 N# m! n0 L* v# }
         yDir = "down";
/ ^" _- @9 \3 Q         }
2 \" j- ^) D0 l      }9 X: S) }. w& ]" t  W/ Y, n
   if (xDir == "right") {- H2 F4 X3 B( t5 T0 z  z8 a& b
      xPos = xPos + BallSpeed;
+ |; a+ I7 O+ p; D; V+ x! V      }5 `2 N0 u9 d: z7 ?
   else if (xDir == "left") {( Z( G, \! e. q. [' J/ H7 |
      xPos = xPos - BallSpeed;0 i# m, W6 N6 k4 W# E, F" D2 m. R
      }- r, l( }0 l% W1 b: z% u) T
   else {5 K, u5 P6 T$ D8 }# f8 U
      xPos = xPos;
. f' X) G$ w; R# t4 t      }% {' A  L# J' E
   if (yDir == "down") {1 K2 N1 N) x- G" Y  o4 b
      yPos = yPos + BallSpeed;
, J$ x* b% S- j! h7 x# z      }
( x$ F/ f6 c4 i; E$ z% ^   else if (yDir == "up") {
3 s6 }; N; a/ f) f7 R      yPos = yPos - BallSpeed;
. ~) G3 H# d1 O) w      }9 S4 z, D% A! l9 l# N
   else {/ I1 e0 b! v% r! e. O( p4 e
      yPos = yPos;
, e2 Y4 y5 B! V# R* b- K. k      }
( |4 v) q% k1 y* t: {/ L   }2 P% M: b" R0 i; ?: i5 e5 q

# q5 y# C0 L5 ?$ w# zfunction hidetext(){
2 Z) s5 Q4 x: W2 w% Q5 _5 @if (document.all). Q5 m+ K& t# Z2 {
supertext.style.visibility="hidden"
2 Z2 M' L6 ^# E3 b8 z! D  belse if (document.layers)
5 c2 @9 W  v+ e, W, Z' [document.supertext.visibility="hide"5 [( k6 h: k0 t. c
clearTimeout(animatetext), O3 u8 b4 d/ o( Q9 ]( h: Y, g/ |
}
1 Y  I& b5 `) Q
9 J# f( u' Z, n' w+ Oif (document.all||document.layers){- i/ M5 E( m/ @+ ^2 |, L  D+ Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 v. v9 i# I  T7 z1 [% P
window.onload = initializeBall;  R: ], j2 X0 N
window.onresize = new Function("window.location.reload()");# h1 R: v) M3 D) u# @
}
( [6 |/ W4 O, x* b. |! n
4 a; B3 i" `0 E</script>