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

zw2004

<style type="text/css">
; r, ]. }8 }* R  e, y6 R#supertext {1 a% i, B# A: w5 ^
position:absolute;
# L& x1 Q# c9 h( E) yleft:0;6 u2 D" u" s( f2 ]7 l2 G
top:0;  o4 n7 ]1 n; S
visibility:hide;
, f" Q3 x$ [8 U5 m: a# F! _visibility:hidden;
" U6 g" w" t/ \6 A# \# O5 x& u: c}- p  m' t6 B* G  ?: m' j' w# R* e
</style>; P" Q0 N- U+ x
<script language="JavaScript1.2">
4 p3 `, C0 |0 C<!-- 改变下的字体的大小。颜色-->
& J$ Y/ r$ _2 Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 h& F, y: K. i% M+ t7 P& ~; {4 hvar hidetimer='';$ r" T) S* u3 ^9 C9 L
<!-- 改变下的弹跳速度-->
* n2 r: Y1 C+ v& s4 ]var BallSpeed = 20;
  f- n" {/ a% K- ?: V! D& p  C& ~/ Ovar contentWidth;- K5 l' s+ F7 K# d( B
var contentHeight;( o9 F9 g) o" ?) V
var maxBallSpeed = 50;
9 u8 w* O) a* l0 c% t3 p4 F! _* B# D* @, X5 T
) c: ~, R9 B3 n( a- E
var xMax;) h. F( O" D+ p1 n
var yMax;
2 Y6 W0 I% H; n# B$ Uvar xPos = 0;& w% ?" O) w: `' o7 Y/ g. c
var yPos = 0;; ~* l, O) l. g: [
var xDir = 'right';5 [* ^7 N" I0 X7 Z1 e
var yDir = 'down';, o% U9 g* o; l3 U
var superballRunning = true;: @/ B6 a8 |" \; g% |( T
var tempBallSpeed;& u) A7 K1 r2 X  w6 g
var currentBallSrc;" K/ Z  ~' y7 I' O- T1 @0 z& A
var newXDir;1 N' u/ p2 {& Y( `
var newYDir;2 w# @) E  l" d9 m, ]* Q$ R  y

! A7 ]0 f6 [* M2 r" p+ Sfunction initializeBall() {
% X; N7 ~( q( h   if (document.all) {$ N3 S- K/ s! c8 A4 n2 x6 M
      xMax = document.body.clientWidth
' E- d; G9 a: M/ L      yMax = document.body.clientHeight( [& j! s$ C9 E/ A
      document.all("supertext").style.visibility = "visible";' N6 y7 j2 h5 }+ Z, K6 B6 ^
      contentWidth=supertext.offsetWidth# ~4 t2 M" B! e1 G1 ?
      contentHeight=supertext.offsetHeight
/ u  x, Z0 \0 _4 c; O      }: ?! a: ]- O& q" I& Z8 L+ a$ \
   else if (document.layers) {2 q/ Z% g" C& H. [- G& b) G9 f( J/ z0 L
      xMax = window.innerWidth;
8 a+ _9 Y: {5 r      yMax = window.innerHeight;1 S7 `% c, Z5 j' K; ]2 t
      contentWidth=document.supertext.document.width
8 C& p' w( o  I. t      contentHeight=document.supertext.document.height- K! i  K# |* g' v) Q# @
      document.layers["supertext"].visibility = "show";
  f" `1 s- B8 _/ g8 E8 i' Z4 s      }" x- E2 Q7 x7 m! |
   setTimeout('moveBall()',400);) q8 K( e/ W' c$ q& [1 l8 }, K
   if (hidetimer!='')) [! B6 P/ ^$ L  b& R
   setTimeout("hidetext()",hidetimer)
8 }" B1 w. y+ N$ T3 f+ @/ d   }# I1 |& U3 L1 P$ E2 E, z
- S& V6 E2 O. [( I0 O# d
function moveBall() {8 R; f8 ~6 B2 @- r8 S( J* f
   if (superballRunning == true) {. I1 E% w6 }$ d* ^: o
      calculatePosition();
: q0 c: Z$ g; Q& N. v+ i4 W      if (document.all) {1 s0 B" _2 w5 P8 ]+ G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* h- L: p5 J; Z! ]3 M, t         document.all("supertext").style.top = yPos + document.body.scrollTop;/ Y0 Q  M# ^# t
         }
. b3 i" z6 ^7 x- A) r3 A      else if (document.layers) {- a+ Z. w! E: r- f( X8 _: r
         document.layers["supertext"].left = xPos + pageXOffset;7 r4 L% }* N' T! q& m" a8 A
         document.layers["supertext"].top = yPos + pageYOffset;
3 c6 z, A- O. v' w- `3 o; r* r: e         }6 {" {) {2 N3 S- I$ ?. t
      animatetext=setTimeout('moveBall()',20);
5 U; p5 z9 ^, H3 A4 x      }# J$ ]8 D! v  o; n
   }
, x4 ~) d4 H% X  X
# b3 h; W9 y6 Z2 h% g6 y6 Yfunction calculatePosition() {/ A+ z& ?- h! i! b; Y+ o
   if (xDir == "right") {2 T. m* h3 W# h, o, Q4 ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 h! I+ m+ K2 i$ s: W
         xDir = "left";
$ F: h+ I0 y. G2 ?' l         }
8 ?* b2 J1 w, Z; C      }+ h# v; z' E. q6 R/ g7 O, S2 J
   else if (xDir == "left") {4 n9 l( ^6 D3 F$ w8 I3 f, }& G
      if (xPos < (0 + BallSpeed)) {
5 v3 |+ `' [8 ~5 u1 K/ n         xDir = "right";9 f/ ~: O4 n, Y2 ~9 j
         }* t' p' T! i8 V( s+ v! m( S  \  E
      }' E: V, t2 H5 Y% x3 V
   if (yDir == "down") {
, G) _% a( a8 a9 {      if (yPos > (yMax - contentHeight - BallSpeed)) {
, |& ^# B' O0 j& P: T" _         yDir = "up";
2 w. t1 S7 i! U7 k         }
! Y; e4 \5 o/ T: J2 L' i6 _      }
' t$ S; s0 x# ~5 H   else if (yDir == "up") {
! R& g5 B% H% c( k0 q- l      if (yPos < (0 + BallSpeed)) {6 m1 N0 H+ U1 f% ?5 I8 F
         yDir = "down";
' J( f6 h& J/ S% a$ d4 J         }
$ Z8 C- p2 B# |1 f8 c, s5 [5 B      }. s7 q( [7 X" X8 K' k9 G0 R# B
   if (xDir == "right") {
8 g. M; E( b. N! a' R      xPos = xPos + BallSpeed;6 v0 }' H  v% C# i" b
      }6 V$ V6 |" ~5 ~5 Q0 e# M
   else if (xDir == "left") {6 B; f) L5 @; z, r. R% Z/ M  Q; K4 M$ t
      xPos = xPos - BallSpeed;2 O6 B% F! I- }% |# i( m; ?
      }2 ~5 t/ I3 j% F2 Z" U) b" d
   else {- ?3 o2 k, c! e' c( d6 P
      xPos = xPos;, Q6 {5 r4 B3 j; x9 N
      }
1 [+ N. j+ g2 u, j# L   if (yDir == "down") {1 k* o) j; Q8 y* ]: k0 |6 T3 j% g4 K
      yPos = yPos + BallSpeed;0 j( l3 y  q6 Q0 N2 {  `  B
      }
5 u$ B5 H4 p" c+ d- F  b   else if (yDir == "up") {
' `# G: @1 V/ ~& C+ Z$ p0 q' d3 y      yPos = yPos - BallSpeed;
" W% `1 m! _. ~: W      }, n& d' R5 G, R+ J. j  F
   else {6 m# c  m5 w6 {! x
      yPos = yPos;. Y% _% w+ ~/ |+ H  D
      }% J! C8 v; e2 o1 |+ r) a
   }  C0 _4 a4 g6 f( t7 X0 T

4 @, H& @6 w6 ^* v) yfunction hidetext(){
8 O+ F, O& Q1 [" Y1 Wif (document.all)
$ @$ _) _3 C3 tsupertext.style.visibility="hidden"
( I5 f2 c( r1 o) Melse if (document.layers)
9 f5 k: X' D# c1 L5 U; ~document.supertext.visibility="hide"( f2 d+ `& N" B9 m3 y. F7 k
clearTimeout(animatetext)
: W1 W, k9 L' o& |}3 N3 G7 }; L; A( A- o

! j, M4 u! o8 m- y4 W% Bif (document.all||document.layers){' @  m2 r9 A6 T" b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% v9 o. K# C& Q3 V' w
window.onload = initializeBall;
. o3 L# D& @; [4 u6 N/ \$ zwindow.onresize = new Function("window.location.reload()");, _" q8 j' `( J9 O& i  S: r0 D
}
# y  n7 W9 H3 \% m; R% p6 k- ^
4 c8 y1 A8 a% C0 `  }8 B: J</script>