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

zw2004

<style type="text/css">: L( l9 S7 r& a! c& f: X
#supertext {
8 C5 [$ _6 C. B1 tposition:absolute;* n5 R. Q2 N: T& V
left:0;2 i* i' _# ]- g, N+ u/ _
top:0;
/ Q+ b5 [8 D9 v1 Y" Lvisibility:hide;% \( [. V! x( r6 E
visibility:hidden;* _& k, p' l3 R, X
}, P: n1 M( d( L5 b
</style>& z2 d9 Q& F8 b$ I$ m3 D- l
<script language="JavaScript1.2">
9 L* @& z0 T5 t5 Y7 M; z( N/ x<!-- 改变下的字体的大小。颜色-->8 h+ ]) p& I! a' F! o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 r, |3 m8 U9 Q' _8 T# b; Zvar hidetimer='';
6 @; W6 s# j! u7 n7 E- A$ T/ A<!-- 改变下的弹跳速度-->
0 S- P; |% X+ w5 B" U( A0 \var BallSpeed = 20;
8 Y+ Y1 S: ?4 f1 L: y/ `( bvar contentWidth;% z# ^0 X9 c' e: v2 Q5 @( M; [! P
var contentHeight;, B: ^2 @9 T6 i- |" p6 u
var maxBallSpeed = 50;3 O+ b5 A# @7 T& z
  r/ ~7 X& Y+ q2 V0 T/ x
* H+ y' a5 S! f$ G
var xMax;
! ^' g8 s) m3 z( bvar yMax;
9 {) W2 n4 C3 g: N6 n9 pvar xPos = 0;: N+ [  ?5 P2 h7 M% y5 W
var yPos = 0;' B9 I9 h8 G6 v: j! z0 Q% J* z
var xDir = 'right';% Q. t8 c3 B% q/ `( a4 ~7 h
var yDir = 'down';8 U5 S; @' U0 e; C$ Y2 D
var superballRunning = true;2 e# D' m9 Y' ^) e9 k  _
var tempBallSpeed;. t9 }/ |7 p- H8 d
var currentBallSrc;$ c0 V4 `! }& L" G3 Q2 p
var newXDir;6 @" A) }+ T. m9 l8 N6 {6 u: q* o
var newYDir;3 L) {  I+ [4 L3 K' K& Y

$ w% g: {1 A8 z9 d! k3 Ufunction initializeBall() {- ]+ h; S  ^- \& ~
   if (document.all) {
6 {1 n* [% r. p* G9 f" P( m      xMax = document.body.clientWidth( S5 H) g: Z+ O0 I! {, o
      yMax = document.body.clientHeight
0 ^6 K6 C; ?- Z! ^. n& }/ C6 h      document.all("supertext").style.visibility = "visible";7 K8 X$ n  @" F# ^0 v4 V% |. k" }1 }
      contentWidth=supertext.offsetWidth
' f1 S+ j, H* ^9 C2 v0 W      contentHeight=supertext.offsetHeight& g: w$ P. \2 l
      }' u) F# v2 K4 H
   else if (document.layers) {- p  x! ^& \: U. d) i, p
      xMax = window.innerWidth;7 ^; a- `( E3 Y) b" a% B
      yMax = window.innerHeight;& m, s' b, E6 y7 n
      contentWidth=document.supertext.document.width- e4 |5 J& u% h
      contentHeight=document.supertext.document.height. Z+ c* c1 Y! k" h3 y* P
      document.layers["supertext"].visibility = "show";0 K4 G8 M$ d# _+ Z" p2 G; q/ x
      }
# f* j8 I8 _6 i" d4 j/ v2 i' }4 T   setTimeout('moveBall()',400);- W3 W9 n  c; C* h0 A
   if (hidetimer!='')* P* v4 J# f' `2 ^2 b
   setTimeout("hidetext()",hidetimer)/ }7 N( a. G$ e4 T0 J8 R5 P" [/ \
   }5 s$ Z7 M; r# X2 Q) Q6 H

, g/ ?; n2 T2 \# y& r; j! Xfunction moveBall() {* O% [. n! s' Z  }5 r, ?8 Z
   if (superballRunning == true) {
' ~3 M7 x$ z. G! w  l9 n, t5 F; ~      calculatePosition();) B; J8 B5 ?" o4 {( o9 j
      if (document.all) {% x! D* O! O) F1 f- o6 ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 Q& q8 k. ~( V; z         document.all("supertext").style.top = yPos + document.body.scrollTop;0 X! b5 z& L& I- Z4 W# c$ ~- t- X
         }9 E5 j: Q* |% Z4 K$ ?: k7 D& m
      else if (document.layers) {/ c/ g! V1 W' J# k
         document.layers["supertext"].left = xPos + pageXOffset;8 l* P% A1 s: O" f6 R8 [
         document.layers["supertext"].top = yPos + pageYOffset;
6 z( d% ]; V3 [1 D; G         }. I* @$ D& z7 L% a4 ]- P
      animatetext=setTimeout('moveBall()',20);
" d! a) C1 C4 L7 q0 n- K" m      }
. U- a0 b. j& v2 O1 {! v( ]   }
' p7 ~9 b7 r1 Q
. o* q  ?& w" }4 D4 j% d. j( afunction calculatePosition() {
, A2 R8 J, I0 l  N% T' c, ^   if (xDir == "right") {4 e5 f- h# c9 M7 D& ^9 b
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 O8 ~7 y0 Q" C         xDir = "left";
9 [8 |* W% ~7 P" u5 d) d         }6 Z3 r$ T9 m) L! ~
      }
! a! j, h1 |4 m7 q  e  A   else if (xDir == "left") {
: P, T' \2 q4 u' b# L3 K' H9 S      if (xPos < (0 + BallSpeed)) {
; H4 e9 b, `1 {' F         xDir = "right";
3 s$ x# Y5 z/ i4 }$ ^, F         }: P( D2 l/ O5 o8 Z/ L$ C
      }0 R0 K& O* J. {, p
   if (yDir == "down") {' J" ~+ W! I1 M& `+ y: \: T  ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! N3 u( D9 I! x5 N4 H         yDir = "up";
6 L% {5 S, n; k/ Y         }
' p' X9 {# S) K8 z  F/ X1 F      }
$ E5 ]* g; `* f8 r" e( ?1 o) v   else if (yDir == "up") {
& E+ n% r; n( ]1 I      if (yPos < (0 + BallSpeed)) {5 v* N" f+ b1 O( t. M! w0 z
         yDir = "down";% ~3 Y* o, d9 d( z
         }3 R, X+ Z; z8 M  ?% U' S; T
      }
- k+ k. O+ a9 z8 Y. Z+ w   if (xDir == "right") {: C' m& l0 K9 I0 K: |
      xPos = xPos + BallSpeed;  Q! W# z/ \$ t/ x$ X; `6 s
      }
7 \# ]* U0 n! n   else if (xDir == "left") {
0 ?2 C. f9 g1 f0 ?% k' y      xPos = xPos - BallSpeed;
" t7 g1 Z: Q& R* |9 P- K# d      }4 |/ k% P- d8 A% C$ l) G0 V, K7 L
   else {
, X; f. {* U! t4 F" f      xPos = xPos;4 E5 {6 D1 J0 K9 g& k
      }9 \/ a/ j2 b* X& O4 b  e
   if (yDir == "down") {
- \+ }3 }6 C- V* q8 B      yPos = yPos + BallSpeed;
: h, t' c: t) b! ?" P      }
/ P' w. l$ u+ q: n' p   else if (yDir == "up") {6 S8 W% G! }! G
      yPos = yPos - BallSpeed;
3 {, v+ f( J7 G' X3 x      }
2 Y8 y. o* O& I1 a& w" r/ L   else {
; [& A( m2 s& _0 q/ j      yPos = yPos;
  j: k) s# J& w      }( l7 q8 D0 S: P) d6 X! \! r
   }0 W* e. b. b1 z3 Q+ O
. c! c& d5 F  ?+ h8 y' \
function hidetext(){
) ~- [1 L% x" h; T+ uif (document.all)
2 e* m. j* j7 K7 O& @6 w& Xsupertext.style.visibility="hidden"6 p' L& \& r; C+ V8 w' t
else if (document.layers)7 W& e. I, q  X  O: X  h# X3 z2 x+ p
document.supertext.visibility="hide"/ L3 x+ e; K$ [( S- ~
clearTimeout(animatetext)6 F6 {# x4 d! u' W* k, \# L& D0 \( C
}$ p& @2 `1 a( O8 s: `1 P

% j) J! q$ f0 ~( x, h  pif (document.all||document.layers){$ _! k- L; X/ W+ K% F, |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 o9 u7 ^% m7 f( M0 J- `: q/ _4 bwindow.onload = initializeBall;
; `) ]! p$ u8 r% Z3 V6 owindow.onresize = new Function("window.location.reload()");2 A  ^- M* l/ s& P: O3 W5 I, F" \
}
# I) ~4 P; R0 ^" L6 d9 _& X6 B: a% [$ L- \2 ?7 k( y2 t! v
</script>