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

zw2004

<style type="text/css">
# I4 A; v/ h, j! N#supertext {# q; Y: ~+ t# B( V3 Y+ x7 U/ v2 F  C
position:absolute;
7 w" T9 Y+ l% r" o0 I6 @left:0;
6 O6 [' C( n% j# n7 \' c" L+ Gtop:0;
/ c& k; d4 v" {4 Lvisibility:hide;
; \. [* x. ?. D4 S2 V# w5 jvisibility:hidden;
, l8 x9 z4 q" G  a/ F0 O! I}5 M& x; ^% K! G2 i9 c
</style>6 h. U* l" c0 C- P: k, q/ u
<script language="JavaScript1.2">- K0 T; o9 b6 B- P2 ~3 ]; ]
<!-- 改变下的字体的大小。颜色-->0 z, o0 L. x8 W. c9 k. L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* ^0 z# C2 m" H
var hidetimer='';
1 O, t6 {. T7 y" z<!-- 改变下的弹跳速度-->
: N/ Y( i2 {7 ^' n- Kvar BallSpeed = 20;1 G* G% O* T# X8 f! u* R+ u
var contentWidth;
0 A) }* M7 A  s& |, W$ T2 I5 |0 t0 evar contentHeight;
& |1 d" `( d" |. ~9 M% l  }var maxBallSpeed = 50;
  F( f: n; W; h! A" R5 k4 Y8 a( n* A. G/ A- z8 s2 b1 n- \

; l# T" t5 b  svar xMax;
& x6 F9 w+ V) t  X  xvar yMax;3 R  G7 D' y- t( f- N1 g
var xPos = 0;/ ]1 c- p3 v. E6 \( |( [
var yPos = 0;# k! B" H6 m- i0 T1 i1 A
var xDir = 'right';
. P; y  H+ J  C! G3 Uvar yDir = 'down';
! n% o0 j4 k1 T) Y, T, C- Xvar superballRunning = true;" J5 q) W$ h9 Q' N; ~& S  `* o
var tempBallSpeed;
9 b7 K# i; w8 J/ P# ~var currentBallSrc;0 }9 S! D6 n2 Q% `( w/ s2 R3 Q
var newXDir;" q1 ^8 `" w- H" i5 J0 F4 V! |9 H
var newYDir;
9 j& T7 g, F) j9 Y( [. {
5 p+ h9 X9 w) M% F" j2 {' Mfunction initializeBall() {
% O# a( }- L' g0 r# e   if (document.all) {! q3 M& O& C) u0 q$ O) m" o: n
      xMax = document.body.clientWidth
3 E  N) t# R" G) j( z3 L: g+ O      yMax = document.body.clientHeight
4 H2 `: j' A: @$ k! J+ K/ U* y      document.all("supertext").style.visibility = "visible";" t! g( M. m4 H; R9 @
      contentWidth=supertext.offsetWidth, d1 D0 O4 q. u+ C. N- d
      contentHeight=supertext.offsetHeight
* D! \9 M3 X" f9 S  V      }
1 O' E5 O  Y( F5 r7 }$ q# V   else if (document.layers) {
" ]6 [2 |' |+ |5 U% j& o      xMax = window.innerWidth;
$ X! y2 U- Q3 b, ]      yMax = window.innerHeight;0 B6 |: }2 g* s' E8 j2 j
      contentWidth=document.supertext.document.width- ~( I, g* \2 _  u; U
      contentHeight=document.supertext.document.height
) ~  Q, |9 N& `- _      document.layers["supertext"].visibility = "show";
2 R; n- y0 g: Z7 X1 q      }) _+ c' {! r: @, G9 q
   setTimeout('moveBall()',400);, s+ b0 c) N. u+ o  p% U. p7 {
   if (hidetimer!='')& P6 k' l* [% h0 G0 y) e9 a; g
   setTimeout("hidetext()",hidetimer)
5 x3 L, ^5 A8 |' J/ r   }
# k, Q6 t+ Y; j
! i: u1 y0 S1 w" qfunction moveBall() {) ]5 A$ f& T  S5 Y# c& F
   if (superballRunning == true) {
) m7 |! c# b! N- m# }2 Y      calculatePosition();
2 |% G  U/ c! u) m. b- f      if (document.all) {
) b/ V+ O3 S6 K7 s$ q9 O         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! ]5 R! N( r/ \* r) x# z         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 z' X% h  q- B+ I; e3 s. b         }
6 A4 h& f: Y  J8 |5 E" [+ U      else if (document.layers) {8 f* K5 o+ {  p% A( m: x; ?
         document.layers["supertext"].left = xPos + pageXOffset;7 l4 F5 _. M! ]6 \# M8 g
         document.layers["supertext"].top = yPos + pageYOffset;
; j1 b+ ^! B9 }1 Z         }
3 L, z" s& t4 l4 |" J4 l- M      animatetext=setTimeout('moveBall()',20);& f" f! ]' {2 D% y
      }3 ~( K1 Z3 Q4 F" b9 u0 X
   }
* Y) ]2 d: E( ^1 u
, m7 Y  o" G* j# y5 zfunction calculatePosition() {  g* K2 I. [7 d4 O
   if (xDir == "right") {6 ~. z- i; X; w! u& G7 W
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ A% @9 e/ z+ U/ |& C6 X
         xDir = "left";
' F3 Z7 j: G% M# e5 \1 M& o; f         }2 d! L, P1 v$ v! T
      }
5 p/ J" ~1 J5 Q   else if (xDir == "left") {
0 s( U+ q/ s0 \5 m      if (xPos < (0 + BallSpeed)) {8 A+ s2 n* W# ~& W! d: q
         xDir = "right";
4 M, P4 B0 {5 g8 W: e         }
6 U) P* f) E% n      }
$ A- f- l7 L+ N- N6 f, i+ l) G) C5 C   if (yDir == "down") {
$ ]" ~" v7 f8 H6 P1 g      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 w' ?5 W, P& {) L+ \( \; E3 l         yDir = "up";
) \( c6 M/ i& T' _( b' [" F         }
8 C. k2 |( d  F- v% D" x) O      }
& u2 l' H) _0 c; [   else if (yDir == "up") {; X- |) p1 J0 T
      if (yPos < (0 + BallSpeed)) {& G/ F2 ?5 ]5 `! ?; g
         yDir = "down";
% ]% o  h7 r# y# u+ }+ i         }( h5 |2 c* l. X0 v; P
      }6 p- a2 y# \, [: j) D
   if (xDir == "right") {
5 n- t  T5 e9 `) n/ L: u8 p3 G, r      xPos = xPos + BallSpeed;! T* ~$ ~$ v6 g! u1 k( R
      }8 ~$ f/ W: Q( G( c+ @+ h- |) N
   else if (xDir == "left") {( i6 h, v/ h2 Y- S5 d1 `
      xPos = xPos - BallSpeed;
1 {% L5 W6 B+ W! B, C; y      }
6 k: {/ V# [$ D, ^0 x. t   else {6 n) J" @) G  _2 ~7 {1 n
      xPos = xPos;
. W# ^1 w. Y2 q7 w! G; n( _& a      }
" L( o/ C% f5 z   if (yDir == "down") {
6 o/ c8 D& j: K      yPos = yPos + BallSpeed;% N  {/ r8 k+ s" E6 g6 n5 s3 C8 S9 ^
      }: q  Q; ^- }+ I- G( {. y! u
   else if (yDir == "up") {8 V' L- U1 y& l/ J) C
      yPos = yPos - BallSpeed;
+ J" r6 @  P0 I0 F      }
' Z5 l1 O9 l* V! G   else {
5 t- x2 Q$ I  \# L* S3 U      yPos = yPos;
+ b" \7 h* j) X9 Y      }( Q& X' u" ^, M' g
   }
, S1 M! G$ p; a/ d) h: q9 r# j/ _& b
function hidetext(){
0 W- G' p- l* `. Q2 R, t9 y7 Jif (document.all)! s0 E0 u" t6 x; p. [6 ^
supertext.style.visibility="hidden"
8 \% J: v' o0 Z' v) a& P9 Qelse if (document.layers)
' h2 B% ~9 I" _. ]document.supertext.visibility="hide"& w  @3 C+ g7 {. y  L. N
clearTimeout(animatetext)/ x- o( h1 R, W6 ^- f8 V
}
5 X' h" H$ ^. q- k9 B7 ?, f: \' x) j8 D
if (document.all||document.layers){$ D, ^4 ~6 Z8 o) P1 f' H1 d1 w
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; l' D- l" }1 d) @window.onload = initializeBall;' g# t9 t6 d! Y- U' H: Z
window.onresize = new Function("window.location.reload()");
2 y/ U, {! [9 K: h}
5 v! U# I! t: v7 Y
* N6 O7 v8 c3 g" W) p9 \</script>