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

zw2004

<style type="text/css">
( `, s" q# i) }7 E( A# t#supertext {
1 a: R! A0 Z' [% k; v) k  Rposition:absolute;9 `* h- E3 ~( d
left:0;
: d* b- e0 X0 ~6 b2 U  p2 Ktop:0;
7 K2 O# J! q5 m( N: C3 |5 ^9 qvisibility:hide;
# X( b! l# Z  k2 u  yvisibility:hidden;
/ v% `/ B) _! p5 o1 Z* o, C7 o, s}5 t6 S! p9 O1 y( r, S% {
</style>  b8 g8 C( ]' _& c8 V, E) G4 j
<script language="JavaScript1.2">
, a1 y' a: P0 O) |" J9 t<!-- 改变下的字体的大小。颜色-->
2 P( k! h7 O* ~: {. b, {, Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 ~; l" Q2 G- d. A
var hidetimer='';
4 R, x/ a4 g- ^) B& g0 H  d7 Y<!-- 改变下的弹跳速度-->
2 z# X& Z; \" v6 ?8 X0 A7 A: Svar BallSpeed = 20;
5 ?5 E: U7 [3 ~var contentWidth;
$ J% z! D% }. Z/ @; A. B. Nvar contentHeight;
; }, r2 {; Y  jvar maxBallSpeed = 50;5 B# U* ]2 U7 X( ]
, m* l; l4 ?9 `: a

. [2 b( d, C4 I4 ^! N+ Cvar xMax;( p+ Z9 j9 x' _1 S4 F3 j; F
var yMax;4 _1 t  P* Q# W) l9 v0 l& n
var xPos = 0;
/ [1 c- x9 Q# D! ?6 W9 Tvar yPos = 0;3 S6 J- b- `0 H1 s
var xDir = 'right';
3 V9 o" D# g% I: u: z6 ovar yDir = 'down';2 u# B% o- w5 O7 h* \3 k! n0 U
var superballRunning = true;( f; {( x% M& x
var tempBallSpeed;
. {; a" s  h" zvar currentBallSrc;
: ?6 o5 e9 x) d; j! kvar newXDir;% u+ {0 {. g# S
var newYDir;
$ f. ?% P% @# |- S2 D5 v9 `# ]7 _7 v1 k
function initializeBall() {
1 V6 Q( w2 a. b' I, D   if (document.all) {8 S1 p' K% g" e! i* A
      xMax = document.body.clientWidth
5 q1 _2 v- N; p/ X      yMax = document.body.clientHeight
! j9 n# A6 b; ?      document.all("supertext").style.visibility = "visible";
% b1 I6 n/ k/ Q' O9 Y      contentWidth=supertext.offsetWidth' a: N3 V7 ^% Q( M- q
      contentHeight=supertext.offsetHeight$ @9 V. y* A9 p; r
      }
& O2 C' t* M2 w4 J* V! Y   else if (document.layers) {
' a( W7 p5 E# ]# S# E      xMax = window.innerWidth;
. h6 ^8 g7 o- d0 Q* \      yMax = window.innerHeight;
6 m+ q5 d4 y: s* B& A0 Z$ z      contentWidth=document.supertext.document.width* D- f- g" u/ M$ W
      contentHeight=document.supertext.document.height; ]+ l* J7 N; z( H
      document.layers["supertext"].visibility = "show";7 M3 I: ]* z  j' Y0 X* Y4 p
      }  G& L! U+ K# y9 M/ _5 o7 o6 C
   setTimeout('moveBall()',400);
4 g( v/ m; K5 }% y8 d5 g   if (hidetimer!='')
* x$ {- n5 K6 C: n5 P   setTimeout("hidetext()",hidetimer)7 ?3 x7 g* v% G" _
   }' L! x' M1 a0 u# J) ]( W
$ n# |0 L3 s( i
function moveBall() {" J8 U; \* k3 ~/ ]9 d5 L" A% x
   if (superballRunning == true) {/ _. O9 \1 V, _! {: {& Z4 E3 ^
      calculatePosition();
9 }0 k+ v( h* I- q5 u; Q3 }$ u      if (document.all) {
  j# S* D1 [' Q8 a         document.all("supertext").style.left = xPos + document.body.scrollLeft;; w4 s6 y$ E1 [1 [$ G
         document.all("supertext").style.top = yPos + document.body.scrollTop;
. T, n& ~5 X5 {, [         }
$ f4 ^8 n2 W! h* ]8 @      else if (document.layers) {1 w/ Q. B$ g8 R0 E* h( q# {
         document.layers["supertext"].left = xPos + pageXOffset;
  ?7 ]  h3 p- Y  S* u, k. s         document.layers["supertext"].top = yPos + pageYOffset;
( n. Q  v- k) |& j) e- x         }
& V7 R4 v4 T$ K- i4 |$ V7 b4 m      animatetext=setTimeout('moveBall()',20);# p2 ~% b2 j9 B% r1 o" X6 ~4 w
      }
% |3 G5 r, e# b" o3 s   }
- Q% ]/ ~3 M/ _* }+ e
4 k: n# c5 [& w! _0 Vfunction calculatePosition() {) \, E4 k# h3 k: L& e" P" q
   if (xDir == "right") {6 V+ c4 h4 V$ l$ L, L
      if (xPos > (xMax - contentWidth - BallSpeed)) {' h- S7 y2 T0 F/ j/ w8 k% B9 y# i
         xDir = "left";: A2 j: N* T: Z# t
         }. a1 S  D2 ?" B4 T/ o! a1 B
      }; ?5 f% c4 u1 b7 H7 @% R
   else if (xDir == "left") {
7 A0 k' C* D6 O9 [  I      if (xPos < (0 + BallSpeed)) {+ i( z7 h% N! }; b
         xDir = "right";
9 T; n) P: Q8 p# Q         }2 W& \, _( Q' }- e5 c# W: M0 r
      }
% H& S. [  p5 E- T& }   if (yDir == "down") {& b( Y' o1 W- T- d! u
      if (yPos > (yMax - contentHeight - BallSpeed)) {; U4 z) X. Q0 q4 S- |
         yDir = "up";
& N: E# `" |3 q: t1 P9 N, D9 {         }
+ W& k& Z1 J8 P) f      }; b1 a3 _- F* k
   else if (yDir == "up") {
: c/ U5 i; _& W/ N& U& ^      if (yPos < (0 + BallSpeed)) {  E* C9 W5 w+ {" O% J0 O% [: Z3 _
         yDir = "down";0 n) ~6 |, u4 }" S- M) d
         }
% C( f; x& `! Z      }* W( e  `- }% O4 H% O2 }
   if (xDir == "right") {1 r3 j& \6 v& o# p. T, I
      xPos = xPos + BallSpeed;& w& \/ O5 w4 ~& T, H$ ^1 P
      }( y; W; V' x7 F/ I: `
   else if (xDir == "left") {: s) a" M# X) N8 v6 S
      xPos = xPos - BallSpeed;6 L$ _: o; V; V- X2 j" g: `0 w$ t
      }
9 _5 P, f" r0 I' H% q9 K   else {
2 t# m$ A0 d2 b! M6 e3 T      xPos = xPos;
) \& \3 M' o, A. z8 U6 E! k      }
1 D: ^  i6 j3 a- B* x' A/ z   if (yDir == "down") {
( W& |7 A8 ]9 y3 e1 A2 B2 P      yPos = yPos + BallSpeed;. T' n  h! X/ I1 d
      }
) b+ A- L" s! _   else if (yDir == "up") {: ~# H8 I) k* Y
      yPos = yPos - BallSpeed;5 k. H5 h! A3 G* E) m
      }
, r+ [$ z3 s8 {, |, D: r   else {
, x0 v5 v, t( }  H; |+ l9 ]8 G      yPos = yPos;1 w" g4 D- Q2 ?- N5 Z, a
      }
" z) W9 d3 _( k8 h   }7 o& z5 f- L8 {/ V* [1 u: t
' I, \2 z# w- n. O, R
function hidetext(){1 `- I. L( K! ]/ @/ z+ ]% }
if (document.all)
# J' R6 q+ T( ]* H( c% gsupertext.style.visibility="hidden"
3 ?( Y% D& |" Q/ s4 T1 d% \else if (document.layers)) W) j: q# x2 P5 X/ Q
document.supertext.visibility="hide"7 @2 U# B: a; n; r; \# ]: h, o
clearTimeout(animatetext)
+ }+ N& |' M; \- B/ g2 i}
4 z" l3 l7 }1 u/ c% z' e3 A) }2 G3 }( b+ _. r
if (document.all||document.layers){8 e/ @4 v1 F% t4 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* X3 |0 ~, H2 b1 awindow.onload = initializeBall;
( @) I0 }% l0 p% u8 U8 Z. Q. cwindow.onresize = new Function("window.location.reload()");
0 l# U, ~# }& l- l7 J! I}
* F9 m, o& I5 P+ I$ V
: n7 F# }6 L( x8 q  u</script>