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

zw2004

<style type="text/css">
% a1 Y. x2 r0 ^1 J6 ^$ N3 y#supertext {4 ^6 F, {2 B# k& A
position:absolute;
' W. {- |6 x5 c: z3 p! s8 kleft:0;+ I) K( a+ H* {: i. j
top:0;
! G6 t6 g# a6 m6 N9 H8 J+ ~visibility:hide;- {: x3 E$ ~5 \7 }+ n/ p2 x! T
visibility:hidden;& f1 }  |8 S7 ]
}
$ a+ e+ A9 {2 u8 k& F; `</style>% b: t9 P. |5 i6 _! c% C1 K
<script language="JavaScript1.2">
: Y  F, D6 s. q. c6 A<!-- 改变下的字体的大小。颜色-->
. M, ?# j' T- q4 ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  R. \" M- ]8 P5 B$ @  S& o
var hidetimer='';' H; e, y, f5 q, \- s* v
<!-- 改变下的弹跳速度-->$ G) c/ y) u) }8 o& b3 s
var BallSpeed = 20;
2 d+ p7 g. T( a( Pvar contentWidth;
# ?3 }: p0 _; g' Avar contentHeight;
+ L1 O- c3 G% t2 B. Wvar maxBallSpeed = 50;/ M9 Z2 M! N( Y0 u3 W
9 h) P5 M, ?" {" U  V' Y

$ a% d% ]% q2 y4 n6 ivar xMax;
) c7 C9 q( I0 }" Cvar yMax;/ Y: h2 Q  K9 g$ T0 T3 @
var xPos = 0;
- @  E$ v; q$ Z7 avar yPos = 0;
" ]% o! ?- l6 H% q1 ?0 wvar xDir = 'right';- E& J2 [5 b7 }: `
var yDir = 'down';& w/ Q- R' Y$ |; Z+ |
var superballRunning = true;
3 {/ G2 j+ Z9 ~; E7 q/ T1 h! rvar tempBallSpeed;$ s" k7 _$ A9 U" F
var currentBallSrc;) S5 P* J8 D1 \6 p
var newXDir;
* F' `! F# M6 g8 y5 wvar newYDir;
3 r% k6 g3 s# k0 R
& F% S: D  \3 M0 efunction initializeBall() {
5 p$ K. P; L( u0 G" v6 r   if (document.all) {
# N; D  C1 g6 C& @0 t, L2 g      xMax = document.body.clientWidth* S& k" w( P( B; L- Q
      yMax = document.body.clientHeight9 j* I: q! @) y
      document.all("supertext").style.visibility = "visible";
7 m2 v6 [  ~" ~* i; g6 H, p* Z& g      contentWidth=supertext.offsetWidth
; |- M9 |5 U3 w0 k      contentHeight=supertext.offsetHeight- W6 {! z4 Z% d  ?1 a* t: b; x6 M! a
      }
. a! h% f8 @  X. ]- I9 }   else if (document.layers) {9 u. Z& O- J8 g8 Q5 r( f
      xMax = window.innerWidth;+ Q: n: M4 A5 `$ X' Y& \
      yMax = window.innerHeight;# U8 j& r  O0 C8 r6 {1 U
      contentWidth=document.supertext.document.width6 {) U: K1 s& X
      contentHeight=document.supertext.document.height
" U! f" g) @. L* x      document.layers["supertext"].visibility = "show";
; `4 m: F( X) B2 i& g      }
% F2 f8 }; c$ q0 M+ i9 B4 Y   setTimeout('moveBall()',400);7 V9 }& u9 X5 a$ n' Y) L% B
   if (hidetimer!='')
  [& C# I3 ~/ V. a% j) G   setTimeout("hidetext()",hidetimer)* n8 ~" m) m4 L: t
   }) x2 Y% @, d0 T' u3 j; a
1 T( O6 Z1 U( y- A% m: P
function moveBall() {0 \! l; x9 H& }( N! B7 _$ Y
   if (superballRunning == true) {7 X9 w3 Z. k7 Y! s+ \
      calculatePosition();' @  h/ G* `3 U* J+ S: F
      if (document.all) {7 g: O' r( a$ _  W, s$ m8 ~/ B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& W7 `5 ~: S1 X" N$ V         document.all("supertext").style.top = yPos + document.body.scrollTop;
! L- H$ d& {  p9 x# h' I         }
8 J0 ?/ D: V! H; Y      else if (document.layers) {
5 }: {' B0 m, C# h( @5 L         document.layers["supertext"].left = xPos + pageXOffset;
% b' ^+ s/ q& n8 D2 s  |  T         document.layers["supertext"].top = yPos + pageYOffset;
& V+ f- M* t4 b, W         }
# i9 Q7 O: i4 l5 j8 \      animatetext=setTimeout('moveBall()',20);$ S# |8 f' d$ D8 m. H8 `
      }
) A* C! s& ~" F   }* |) Q3 q4 ~4 B

6 q, e8 B' \& G# wfunction calculatePosition() {$ P8 v5 v' ^4 O9 N$ R
   if (xDir == "right") {
. c& _% u0 J& M) H9 S      if (xPos > (xMax - contentWidth - BallSpeed)) {' N$ D" p) j; Q' h
         xDir = "left";4 G5 G6 x5 T: u* F0 n5 y( W' x
         }
4 i. ^& R) Q1 W      }* B8 D: [* H& r2 X
   else if (xDir == "left") {5 ^+ x- X% I% ~; \4 W& g* y# b& g7 ^
      if (xPos < (0 + BallSpeed)) {* T# R) q3 u. [- x: w
         xDir = "right";
& S' M# Y3 @, d4 R% _3 m         }4 p6 T# u" Z: D; Z$ n$ d
      }" X& }( U6 H( a5 q2 G" l
   if (yDir == "down") {% T; o+ g  [& L+ N7 E
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 H6 @0 A, A# D- h         yDir = "up";( L/ K) s( p( x! r' L/ t. d% j3 l0 ~1 `
         }
6 G1 q6 x, J5 @3 r7 M* l/ H5 A      }
$ U# u, ~8 B& `& b9 h3 Z2 f  D   else if (yDir == "up") {' Z3 Y# b$ u/ m+ m9 ^4 N* a
      if (yPos < (0 + BallSpeed)) {
3 e- m* b+ l( h0 ^# B; P1 Z" w& C, t7 Q         yDir = "down";* e4 K. O! w& t9 u+ w- R
         }
( ]- _. R8 s. W% @- w4 Y      }. r. ~" Q- o1 d
   if (xDir == "right") {) I- C3 d% s' O4 d- w4 }1 f
      xPos = xPos + BallSpeed;
9 Z" i/ e6 D4 Q3 ^- d      }, |- Q7 z2 L# }; n
   else if (xDir == "left") {' Q# }3 B, [# {, H3 x
      xPos = xPos - BallSpeed;
9 B2 A* a0 H; o5 P5 m/ w% O% {: d      }0 q. {/ ~& R! n1 \- Y; O. H
   else {
* p  D7 f! g+ X  d      xPos = xPos;+ S/ X  S! }$ D
      }
6 g# Q" U& ^1 E7 N. S& m" x   if (yDir == "down") {
2 I: y3 v" Y: p. _      yPos = yPos + BallSpeed;
! i1 |3 C9 {2 Z0 h      }0 K/ [8 v( U7 l" h( E
   else if (yDir == "up") {
9 O+ w/ c* |3 v% |      yPos = yPos - BallSpeed;6 i) {' G, b3 ]0 j
      }
# F/ |4 k" D3 ?( z/ C) p4 H   else {
, e0 W7 g4 X9 ~9 T      yPos = yPos;
! n4 s9 z" b6 p2 n0 `% @      }
+ F. ?& n; R! J& B! O% E! m   }4 l7 R( S8 t. J: a6 D( t
/ ~  H; R/ I8 A9 I8 @3 I
function hidetext(){% D3 j* l  o# n
if (document.all)) L& X6 r7 L& {9 }. N) U: U
supertext.style.visibility="hidden") n. N5 Z) s% Q
else if (document.layers), {: e; {# w7 L# v! {
document.supertext.visibility="hide"
5 Y4 O% b* C7 C  z% E9 WclearTimeout(animatetext)
* M) ~" n) N2 A- {; E) F}
% L' R  }" M# t: W6 z
( u4 V# r/ B3 q/ Z  Lif (document.all||document.layers){
& H+ ^5 z/ m4 O% v2 b  c; l% N8 j0 n2 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! K/ h1 q) L1 }2 B, d
window.onload = initializeBall;8 e8 x2 V9 u: v2 S
window.onresize = new Function("window.location.reload()");
: P  U7 W0 l6 Q( H4 t}
0 Z3 X; r, l9 ^+ |  B0 w( Q2 U3 M+ S- v! i
</script>