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

zw2004

<style type="text/css">
0 O$ c' u7 w& D4 I#supertext {1 K+ p& V8 |* j2 k  r
position:absolute;
& h) s5 Q% P! n( a3 z- h7 Eleft:0;
3 t& N1 _7 e+ r% M1 ~# e2 ^9 Ctop:0;0 D6 k4 _5 Y4 w' G2 b
visibility:hide;
% ~" W8 T' ?6 Xvisibility:hidden;
3 a* a- }' X7 h}
7 b* _" G! b# ]</style>8 [  p& y* |8 a) t, N
<script language="JavaScript1.2">1 y1 d! a$ K7 \/ y0 H$ U2 g
<!-- 改变下的字体的大小。颜色-->- ?7 Q! ~! k+ z" L  Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" d4 a6 J3 F8 S& M9 a% @
var hidetimer='';7 w% D8 f$ _1 \
<!-- 改变下的弹跳速度-->6 r' X, H+ M) _9 Z0 V4 {
var BallSpeed = 20;- G" D% u' `* }9 y
var contentWidth;/ h  R- |% _! r" e& W9 E
var contentHeight;, C! F( y5 k- ~8 |9 ^5 C" {
var maxBallSpeed = 50;
3 k; W, ~* q% F$ i% V% b( m0 q: o
' v; G/ N% T! {: x# m% n9 ^% L2 T+ b- R8 J8 k  q- C
var xMax;
- X5 X: p( d: f- @; E- J$ Qvar yMax;
5 X- N" G4 v0 }) S$ n+ j2 Lvar xPos = 0;1 y, s- ~% C: y% O! C
var yPos = 0;
% \) N. k. v4 cvar xDir = 'right';
4 l5 g' v! L* Y5 Mvar yDir = 'down';, ]0 r& {1 [/ I) n
var superballRunning = true;
1 U: r9 q7 l3 Yvar tempBallSpeed;
( z* g! y: X2 f# ?1 x( l  uvar currentBallSrc;. l* v8 w+ w3 Y& ~! ~4 h
var newXDir;' e: `5 F- u$ V
var newYDir;
4 l. q0 z' |" \& ?
  C% v; j# V& s: W% n$ Wfunction initializeBall() {
7 l1 v; T2 V4 ~# M% d   if (document.all) {
  P. @1 I  S. v! ]8 n      xMax = document.body.clientWidth5 ~+ u8 Z- k$ h* K- g, M
      yMax = document.body.clientHeight
! Z. z- f3 w; ]: v      document.all("supertext").style.visibility = "visible";
+ [( @  U$ y# ^3 S      contentWidth=supertext.offsetWidth
/ \, g* s& H  h' y8 E      contentHeight=supertext.offsetHeight3 T; g2 z2 @5 G) r4 p, J
      }
/ N2 X, \+ n: S   else if (document.layers) {+ {7 }3 `& A: J& E/ M$ e
      xMax = window.innerWidth;; r. a* v! J; R6 F# q$ a8 Z
      yMax = window.innerHeight;$ t0 r# u4 x7 J/ I( Z8 X) b! `! q
      contentWidth=document.supertext.document.width# j: ^, K! u5 L7 ~1 B2 q
      contentHeight=document.supertext.document.height
* k4 U0 ]8 S% ?: Q      document.layers["supertext"].visibility = "show";( F. |( A% B  z2 ]; Y
      }4 I. |4 _; z5 T6 E6 ]" X- |9 F: t
   setTimeout('moveBall()',400);. A1 h4 i& a9 h6 W
   if (hidetimer!='')' B9 G9 X3 G* x! b8 |0 n, L
   setTimeout("hidetext()",hidetimer)
  X! L2 ~7 |# i8 s   }
) ^9 ^  ?' E2 x+ h( I  N( ?; C" V6 H& i8 `* n. u
function moveBall() {
1 b( ^2 E( o4 d7 c: E& @   if (superballRunning == true) {7 `0 H- ^" ~# b$ x& D
      calculatePosition();
) J3 v4 _" v2 Y& P& m4 u2 m      if (document.all) {$ t$ T4 N7 o7 I! [; j- W2 i) A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 p* D6 h  f6 K8 v1 n4 o
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! G0 P. R+ ?4 R" x- t* h         }. e1 B/ K+ s; M7 [8 C. Z
      else if (document.layers) {
, R9 [6 T' J' J, z2 h$ G/ x         document.layers["supertext"].left = xPos + pageXOffset;
) ^2 O' w  T+ e# E$ P/ m( o. d, X" ?         document.layers["supertext"].top = yPos + pageYOffset;& l. c: ]' J" c& Y3 {( u4 F
         }
' n! g6 S' r2 f, x! J1 y      animatetext=setTimeout('moveBall()',20);2 t- N* j1 s+ m3 B: w9 e
      }' p  I* X) M: |& `; @4 T" P
   }
. z$ E* ^( J$ Z; n$ w$ @! ?
4 ^0 H* p  z- K, F6 [5 Zfunction calculatePosition() {3 f* j' \- r/ m- h+ s+ V: Q
   if (xDir == "right") {
9 s1 w/ M/ i( o0 C      if (xPos > (xMax - contentWidth - BallSpeed)) {' j( D+ U) D$ u7 o6 [
         xDir = "left";( N* ]/ Y, @5 W# t
         }9 E1 c1 @4 k/ V8 n- q
      }2 }) C0 J: [9 H- I$ F; |
   else if (xDir == "left") {% @: O; I9 r. _1 u
      if (xPos < (0 + BallSpeed)) {8 F$ Z: n- A4 @) v
         xDir = "right";
' z; T, b7 ~! H6 l         }& U% b! C) \- F! K8 b$ L8 k( l+ d
      }
5 ~* j% X* U# w3 a* C7 ?   if (yDir == "down") {: k3 k9 M8 H  n) P# s2 k5 J
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; Q4 f8 e& N. ]3 ~/ b         yDir = "up";
. b4 O+ N0 y& ]  i2 o         }% J$ Q; R5 M8 K( r" u$ T5 `5 R/ T
      }: e6 Z- m! }2 v2 _# O6 {, G) B
   else if (yDir == "up") {
; c5 F% O. ]7 _) [9 @0 L, z      if (yPos < (0 + BallSpeed)) {
; v# O. k$ @: g; L3 g         yDir = "down";8 e1 w& i- e; I1 e6 I8 n
         }
+ y5 M' Y# V+ E; |      }
, A3 O1 [$ k1 _1 b   if (xDir == "right") {$ w' u# h. T; h& Y8 f  M! Q1 \9 J- m! e
      xPos = xPos + BallSpeed;
' [4 Y/ a% t& t) A* f      }
; q! S6 L; L& Z9 E   else if (xDir == "left") {
  Q. r# A( l" T" e  z# P4 f0 z      xPos = xPos - BallSpeed;3 X0 R" _2 `- \8 v
      }! t8 C9 p0 G' d  c
   else {; n7 J/ r6 z2 y+ n
      xPos = xPos;
/ o" C7 L- E  K2 v# W$ `1 j      }
: m2 y5 V! |* C, }2 R: a2 l   if (yDir == "down") {
1 }9 j  l: M* [# }# }& [      yPos = yPos + BallSpeed;
2 R4 F- U/ |. I1 D- b9 A      }
2 d' R- O" y0 F. p   else if (yDir == "up") {
7 Y* S. g9 |6 N) }      yPos = yPos - BallSpeed;
5 E" c6 T9 X+ v7 n' Z      }8 m4 _' |; B, ]8 K8 k5 O4 c- f
   else {& _; E2 Z, Q# a' R
      yPos = yPos;
" }  g2 y5 U1 Q$ a! M1 ^      }% _: P. s+ z2 ?1 W3 `: |
   }
7 Z; ?0 i( _5 j) z2 g- [, c$ G; V9 ^1 X; j6 b  l# N/ O: `
function hidetext(){; b8 f# \+ w' B0 e( A3 h8 H
if (document.all)
) m6 R. ^7 y9 W( U2 G# z4 fsupertext.style.visibility="hidden"
. Y& t9 O: H( r8 g: I7 Celse if (document.layers)' |6 \2 K7 H- [' D( w. t
document.supertext.visibility="hide"
3 v% o3 x( ^" s- @4 l3 bclearTimeout(animatetext)& l9 p& Z% r; X9 R
}
; C. J) \  G6 w# I' a7 R  d' H5 q; ]5 y( V- I, L9 z7 ]' h
if (document.all||document.layers){7 o' t8 K5 v/ j: R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* n& Q- i; _) k4 ~& k  `5 H+ [window.onload = initializeBall;
9 T- D' w; N& X! @: Swindow.onresize = new Function("window.location.reload()");/ a, y7 ]7 f( v. w4 O( o+ [2 L
}' z$ c5 ~$ o- o8 f1 P0 p
5 X& j( n. X5 e; ]* q" b
</script>