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

zw2004

<style type="text/css">
% K& B# N; b& U. ]6 I- N  Y# ?) d1 R#supertext {3 \+ E# [% ^( t, ?' P
position:absolute;
3 n$ k8 K# ]8 C% \* mleft:0;
4 J. B4 N5 I/ [+ n' |# K0 p+ _- B7 ctop:0;
* s+ K. T0 V5 t2 Rvisibility:hide;- \( V$ u# J6 l0 ^. t
visibility:hidden;
) L2 s* n) @, H) L' e$ @; j3 Y# N5 u}# W) A' \! \6 Q3 z% O5 j3 w+ ]
</style>3 X; b- d5 Q& n/ }0 U5 ]+ |+ h8 m
<script language="JavaScript1.2">$ C8 P& ?) v) |. ^0 }! `7 L  P* n
<!-- 改变下的字体的大小。颜色-->2 G/ V' a; Y' P2 [8 e5 v. K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 H' ~; k  \5 fvar hidetimer='';8 \7 ]# |: Y, |0 e: T) }% k  o
<!-- 改变下的弹跳速度-->
, ?* n: n" f. W: X/ V# ?var BallSpeed = 20;
0 i: G( d& p% ~0 l5 K5 B* e/ g# hvar contentWidth;
8 y1 |- D) p8 X3 O+ @" ^* Evar contentHeight;3 k# x* R. w. l) `% L
var maxBallSpeed = 50;
9 t1 D& ~1 ?8 K6 h8 X
- y1 \9 T, g. M: a' ~; y0 i4 e- e0 L& U1 C* \' P' z
var xMax;. ~; A6 z( T& ]% m% M/ i
var yMax;* t3 M$ j) J6 L$ s/ C
var xPos = 0;
. i9 E" q' A2 D2 ~6 n) \( {' [var yPos = 0;; \+ d6 a7 z1 x- k0 d8 j  b
var xDir = 'right';4 A4 }% e- J! h9 e
var yDir = 'down';
  @/ v+ [) L+ G8 B9 ?; fvar superballRunning = true;
! M$ L+ o; j4 S3 {, L7 I4 gvar tempBallSpeed;7 [& h% A9 o# v# ?! W, {
var currentBallSrc;
9 k0 P/ t3 `  [# b3 _var newXDir;
2 o7 u6 H/ j. R5 Y+ Avar newYDir;
; W% h4 u4 Y1 D/ `7 @
7 U1 i, V5 {7 R1 M, z9 |: t% [function initializeBall() {& B0 S, |3 P6 Q/ \$ q3 w: \! `
   if (document.all) {
& D0 T5 r2 W1 l0 c      xMax = document.body.clientWidth' q5 n- g9 x2 f6 z" F! y
      yMax = document.body.clientHeight
% v6 J' m/ W; S2 ~; k' u+ j      document.all("supertext").style.visibility = "visible";/ j! R/ c2 e" E( Z
      contentWidth=supertext.offsetWidth
9 m9 T! S4 G2 h& W7 Z+ q$ y      contentHeight=supertext.offsetHeight
9 G2 ~3 D# c" L4 _0 w; \! f: x      }6 I9 y( u9 m6 v* E+ y7 k. a
   else if (document.layers) {2 e# i2 S% J/ W+ C
      xMax = window.innerWidth;/ [+ h3 V# f0 I2 V, r6 ]3 m
      yMax = window.innerHeight;
, k/ _& C) F' N+ {      contentWidth=document.supertext.document.width
$ h) d) a! y0 V( `      contentHeight=document.supertext.document.height
% Q" \8 m6 f* G* B/ D, n      document.layers["supertext"].visibility = "show";/ K9 @' N! V' Z$ [4 A
      }9 J3 g! J- U; [( R* B. @
   setTimeout('moveBall()',400);" d8 T! v5 B$ v1 |, i- C! I) }
   if (hidetimer!='')
1 m9 U9 {5 T5 R8 D- y   setTimeout("hidetext()",hidetimer)7 E, m$ i8 }; y5 K# O0 c0 f
   }
7 _/ U# v/ K* f- h3 V$ b3 T6 j- ]) E2 D5 d" I
function moveBall() {
0 v* [0 ?; c' y7 B% t: R# H; J   if (superballRunning == true) {
  Y; _2 k3 g/ R      calculatePosition();% O4 ~, n" Y1 p' z2 a
      if (document.all) {
" W4 N: U; p' _         document.all("supertext").style.left = xPos + document.body.scrollLeft;: J/ d  f2 e, x1 t/ {
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ }4 e- R% J" m. x/ Q
         }
, m! a2 U- c6 ^, C* b      else if (document.layers) {1 C4 c& s2 t+ @3 q
         document.layers["supertext"].left = xPos + pageXOffset;
. ^9 f8 I# |8 o3 j8 ^         document.layers["supertext"].top = yPos + pageYOffset;; E! y9 G% `& N% ]2 w0 a
         }( G0 G1 ]* M/ N- k- D# q
      animatetext=setTimeout('moveBall()',20);
2 N1 K/ H* U" j      }$ n3 H, O2 J! O& l8 Y0 c
   }5 h; o5 o/ q" H& ?) I
8 x: z1 ?: E7 e, h7 k. V/ L
function calculatePosition() {
3 @! }2 m$ e. v# B* O   if (xDir == "right") {3 \2 ~( y( J+ @# ?/ z
      if (xPos > (xMax - contentWidth - BallSpeed)) {
) `7 J  f% p! e/ \7 ?: _$ V8 Y  z         xDir = "left";
% A/ T8 G* V2 l1 D7 d4 R5 z         }
1 G, t' ?1 |! c6 u      }  K* Q1 ^5 D$ f2 ?# [7 s; J2 [0 ^% D9 U
   else if (xDir == "left") {: W% |, c' f% F* f! h; N9 P- ^
      if (xPos < (0 + BallSpeed)) {
! K* k+ n) N. A! `& G         xDir = "right";/ |; I) R( ]0 ^' @
         }% D7 I1 E9 f2 J$ V1 `. S' i
      }
0 i( N- P" c- p/ e$ P( s1 t4 L8 @" F   if (yDir == "down") {
$ S; ?2 F, u& R5 e& z      if (yPos > (yMax - contentHeight - BallSpeed)) {: y9 A9 ^; j" t% Z& _8 t. L
         yDir = "up";
( n0 G0 z5 M0 g  v: }         }5 F4 z( V! l) f8 [) l
      }
* s/ {0 `) J' D) i% ~   else if (yDir == "up") {
9 U; E* P1 n( A3 a; j2 j      if (yPos < (0 + BallSpeed)) {; R% w! o  p# V9 Y5 O
         yDir = "down";$ A+ ^) ^4 |; e3 K% T0 I) [, X
         }4 H$ F1 v- F% O/ A, O
      }
9 {/ M4 M% D2 y4 h  `5 a   if (xDir == "right") {
) I8 A9 ^/ C; a2 g/ j! L      xPos = xPos + BallSpeed;
4 y  J% h! v; S$ O  h0 p# [      }( a2 `9 P8 z+ D6 `/ n
   else if (xDir == "left") {
' C2 [% A  W& Y+ q7 ~      xPos = xPos - BallSpeed;
5 p& r/ B9 b3 E3 N+ E0 s      }% S/ x3 Y# b! P+ h9 ?  g, \
   else {
- u) W5 ]  {8 q8 w0 i      xPos = xPos;6 a+ P" o8 P* H& B+ n( n' q& q/ a
      }
# b( @; Z; A  f" Z   if (yDir == "down") {
3 i1 ]% @" }  q; b2 E& g1 }) J& d      yPos = yPos + BallSpeed;$ s  \2 X+ U* K( d" q1 S
      }
- @9 w1 O3 z9 A3 n. {* h   else if (yDir == "up") {
! {* j4 R2 ~" q: {- q: q      yPos = yPos - BallSpeed;, R# I4 G5 C3 K% H* E
      }: M2 F4 ]  I+ G. B3 l0 r/ J
   else {* e7 P' J& ~" a8 c5 @
      yPos = yPos;
8 a  W0 w4 ]% R4 `7 c      }
7 a$ e/ Y3 [  j2 f" i2 c1 @8 r! o   }6 _: v( T; P2 T* ?; c1 ?( a: f- P

3 H, x0 X! d/ z9 V! |; j2 v6 jfunction hidetext(){
  Z2 g2 g1 H5 O$ G0 x9 rif (document.all)
  b+ d- W  i7 v) z0 p  Y* U# K6 C/ Osupertext.style.visibility="hidden"
" \) {/ C% e, r: E, ~* lelse if (document.layers)8 ?) [# A' ]0 k" N3 F9 O, S3 H
document.supertext.visibility="hide"0 ~  |7 w, S2 t4 @+ C$ B4 L, G
clearTimeout(animatetext)! H8 w, B0 q2 V+ c) B$ |! v
}
) D  p- R. [% p. {% U2 y6 A
9 L/ H& `! o; d# x- B; P2 |if (document.all||document.layers){2 Q9 Z; U+ T8 w- f' C  {, e. p5 G, l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- z3 o' u3 _3 W$ gwindow.onload = initializeBall;. `; y7 u' A. Q4 s) |6 d% s" z, f
window.onresize = new Function("window.location.reload()");
( L# x4 Z  v! A, P/ T3 Q2 A}
2 g- A. m  t6 n  d. ?1 N
+ w% B9 }; Q& H: k' X6 ^" c& {+ ]</script>