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

zw2004

<style type="text/css">$ W6 e& l' T) z: V( S8 r
#supertext {: X& U4 A5 ?5 b3 }
position:absolute;, D# h& C7 D/ \& B2 _) s% c
left:0;, i6 }3 Z, C" E0 O! I4 x
top:0;- Z/ [, a; y' o6 N2 n
visibility:hide;) N  \7 E4 O+ W# A% U4 ~5 a8 L
visibility:hidden;* |. C3 Q$ c. ?6 v
}1 w2 G  e; T5 j" K* }' e2 W3 ^
</style># Z" E/ G9 R- g( K7 ~
<script language="JavaScript1.2">; ^- [! O) l  B9 u% Z
<!-- 改变下的字体的大小。颜色-->! P: v' V+ D: ?4 a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" Y( f  t2 F  @var hidetimer='';
' }8 B, H3 N4 {3 Z4 {$ y<!-- 改变下的弹跳速度-->5 D, {" W; d% N' _9 Q% W0 H
var BallSpeed = 20;% v. L2 L% E/ h; H& s5 u) ~
var contentWidth;
) }* S- }/ X  x4 `var contentHeight;6 l/ C: B; J' {& {% Q
var maxBallSpeed = 50;  U+ C6 g" i7 M1 A* |7 _5 K
/ l" y4 X3 T* |* f* c& w
( [1 v* F/ W, _7 V
var xMax;
5 y5 y9 p& t% _2 A9 C7 lvar yMax;
6 p! p3 N) Y# V( n" }# svar xPos = 0;
+ j+ p" S; X2 E9 ovar yPos = 0;
3 e6 `3 {+ n  `0 v7 J3 Evar xDir = 'right';
+ M/ m( W2 _: [6 {$ E+ Vvar yDir = 'down';
3 a1 Y+ s: t- |) K4 Rvar superballRunning = true;7 U  I0 E4 H; Z1 @# A
var tempBallSpeed;- R0 a/ a$ X' d: P% U
var currentBallSrc;8 C- b+ ?: r( i/ m7 m
var newXDir;
3 p; s. S, Y2 G3 gvar newYDir;( L$ B( \0 U. D) y3 F

* L/ E5 R6 f) m# v4 \2 T' P2 Ofunction initializeBall() {
4 T( Y& l! d' B8 j/ b   if (document.all) {  \% S' g1 m3 L9 r
      xMax = document.body.clientWidth
" M) ]1 r# F4 N% A$ l- }/ p' o      yMax = document.body.clientHeight
; }" A7 o2 T4 c5 m( Y8 {* M. I. _      document.all("supertext").style.visibility = "visible";
5 W- U2 I* e3 C  w      contentWidth=supertext.offsetWidth0 f8 V9 ?! t" z  h, K, a' G4 o- s$ m1 o
      contentHeight=supertext.offsetHeight
1 Q3 ?. k2 s6 s9 J. m      }
% _7 _. h) H4 q2 q4 `   else if (document.layers) {
; g: P  \0 l4 c& X- \) T; p      xMax = window.innerWidth;2 P$ B' F( R/ E/ x, T: M) f
      yMax = window.innerHeight;, }( C- L) ^/ f
      contentWidth=document.supertext.document.width
: i3 f* p" k4 t3 f3 @& y- Q' k      contentHeight=document.supertext.document.height5 C! e5 o' Y' G6 }9 x: M
      document.layers["supertext"].visibility = "show";
5 M' v5 [0 f7 f9 K      }
2 i  }6 l, b3 [( c9 s   setTimeout('moveBall()',400);
* p6 ]  ]; \/ \$ Q& M$ ^  O   if (hidetimer!='')
5 [) V/ M* I9 i   setTimeout("hidetext()",hidetimer)
+ f9 F/ t- R: T) [( `   }
0 l# J! F) S, d$ ?, m& z' ^
$ p2 E) r$ _5 W& E4 ~function moveBall() {
/ S0 u: ?3 T& l3 K0 G   if (superballRunning == true) {2 N& i0 u7 P& c1 N+ a1 Q7 H
      calculatePosition();
  s, x" g! H: A4 V( [      if (document.all) {: Z: a9 n3 `3 z9 D. O
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" j4 R1 w, s: f         document.all("supertext").style.top = yPos + document.body.scrollTop;' K8 P. _6 g* v7 `
         }% @; P$ }; Q% |& M, v& \
      else if (document.layers) {
, s# a6 S5 F3 q, w3 j$ J& X9 G         document.layers["supertext"].left = xPos + pageXOffset;8 z0 E$ o( e# A9 e
         document.layers["supertext"].top = yPos + pageYOffset;
7 N! o/ |9 |1 z8 ~         }
8 x% K* s. j1 ~      animatetext=setTimeout('moveBall()',20);
) m2 M+ j& s( }! h% O! M" j      }+ ~. Q. j: H* N7 w! [5 W
   }4 B* w$ M% H0 R0 f! P" ^
' p& J3 I6 ~- R: b) D
function calculatePosition() {
# ~; q( ~4 T! x5 }; i   if (xDir == "right") {. p( M8 j) ~2 o' v
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ U; {+ i! x6 b         xDir = "left";
- K. J- y  S" N0 C         }" u5 v+ Z* ^7 |& y$ @6 O
      }+ V/ U' d( i* b; w
   else if (xDir == "left") {( m8 f1 k2 m, [" e+ a, }9 o9 E
      if (xPos < (0 + BallSpeed)) {. [$ z3 p, b$ [1 t3 Q
         xDir = "right";
' X/ b0 ?& m  [2 d( T         }
4 j) F/ I  X2 }  x' h: z/ f      }
; y, t( L1 t+ S* P# U& F/ D$ Y$ S7 x   if (yDir == "down") {$ d8 Q& S0 W! b' ^3 ?1 }
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! }- Q- ~5 a- n1 S+ Z: k2 r0 K: }         yDir = "up";+ E+ l5 @! R2 L  ]/ i' C
         }' I& E. {( Z, _# X
      }) G" f/ s6 J4 G
   else if (yDir == "up") {
4 t) r. T1 K- m) c. A% G      if (yPos < (0 + BallSpeed)) {
: F1 b+ N4 S9 a6 V         yDir = "down";1 y, i- d- d# o4 r0 I* r3 ~
         }
/ Q$ d' H4 ~4 x) ]. D0 y8 g      }
7 `5 u( @: [/ m$ d% {# a" }: c   if (xDir == "right") {  V3 [* K% g2 b+ }6 ?) L* e. \0 S" Z
      xPos = xPos + BallSpeed;
$ c$ d* r, I$ H4 A$ E2 ]! e      }& I, O2 l& ^1 X$ ^0 m! U
   else if (xDir == "left") {
( P) ~% s- j7 u% {1 K      xPos = xPos - BallSpeed;
9 S0 @: n' D: Y+ M( M      }
# I9 w: b  o- }! _) u9 v   else {1 {; y! Q* s- f; s/ y3 H3 ^
      xPos = xPos;
3 ~7 Q% k# J  W* O% [      }6 s( m: n2 g( v7 n: C) D$ `
   if (yDir == "down") {  Y0 C1 s( o9 }) s6 p) h& L
      yPos = yPos + BallSpeed;
( A# h, [; v0 ~) [5 j6 R7 `      }
4 \; t- V& D2 q# A* b   else if (yDir == "up") {
. r! _' V" ?& ~3 H: i% ?      yPos = yPos - BallSpeed;- ]. i& F9 Y' w; q' K% e) ]2 M/ ~
      }
; G( s; `) T  [9 T; [$ B   else {1 B7 w6 f& x4 l
      yPos = yPos;( ?, Y8 j! v# t/ w9 i
      }' R( O, h9 K+ K
   }3 w( {2 d0 `7 J6 J( E7 Z7 Z" y2 E
6 W* w( ^3 z& V
function hidetext(){2 P7 G, C' m+ _: v8 j( H- G& w- b/ @
if (document.all)% n, i1 t# R6 H* P
supertext.style.visibility="hidden"
/ x9 @- r* Y6 J1 z6 E! A0 X  ielse if (document.layers)
4 b$ @* ?! q/ i- O/ M/ @8 Odocument.supertext.visibility="hide"0 c6 n6 d# N* C' L
clearTimeout(animatetext)0 z; r- o. {4 q2 ]/ c" U; T, [% i- I9 B
}
& m# G, @' |" P: M* g: I. g3 x; m* o
if (document.all||document.layers){
! S- Y; E$ h' f/ u  z* }- r+ Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 {5 T/ ~" {( s( d
window.onload = initializeBall;
" ]( d, z' ~; c7 lwindow.onresize = new Function("window.location.reload()");
, X$ d8 Q" D  Q. C, o# P}! j: Q% A- N8 b) s/ E5 L; z
  H" e9 o( X& x" R5 `
</script>