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

zw2004

<style type="text/css">/ T' |) C2 d) z; ^0 g/ A1 I
#supertext {
! Y# U* Y& S/ G+ w7 p( Tposition:absolute;! O0 _6 I/ a5 Y3 q+ N4 }( j
left:0;$ H8 M* _! G1 q/ [  K
top:0;
" a5 w8 P. k) n. ivisibility:hide;  b1 o& v8 F2 Q3 Y
visibility:hidden;
7 Y( V  U8 |# f1 \}
. j9 J% C. D& u% T  J% ~</style>
6 j! `% T/ N6 y: a1 K$ j8 E<script language="JavaScript1.2">4 F) D3 t0 h3 L+ n% T! t* F
<!-- 改变下的字体的大小。颜色-->( |, W% i* _" v1 ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( N+ i; G3 X* z3 _var hidetimer='';1 n4 W* V  o1 _& D
<!-- 改变下的弹跳速度-->% V- O' s9 H3 _* V' K
var BallSpeed = 20;& d) u* A. h2 B; X
var contentWidth;' p4 E6 s, i- J0 s. r7 B
var contentHeight;! q5 }4 h  B9 `8 d4 |  g
var maxBallSpeed = 50;3 p9 |5 k4 q' r# e" O* q$ ], z
+ w  O2 u" a6 q+ H7 a0 o/ {' o9 e

( Z! m. \3 d8 Q8 w) vvar xMax;
1 K6 t  c+ z: M4 x  [: F  Evar yMax;
! v0 i0 s6 m- i2 T2 w( p9 N- `var xPos = 0;4 l, x7 r- ^* R! k* d" c" D/ }
var yPos = 0;; t/ v! i' S+ a- z8 T& r
var xDir = 'right';! s+ r& {- k! a% |7 N6 U9 M5 G
var yDir = 'down';4 t) }+ U7 _; R1 i$ l4 r- [% N$ Z- ]
var superballRunning = true;
8 i4 `! t, N& a" _% ^var tempBallSpeed;" o8 d4 `  _, Z
var currentBallSrc;& p, h- O" F" g) D- ?6 M& N
var newXDir;5 i1 S" c  Y/ e
var newYDir;
9 h* p+ a/ }; {- m
# P8 |2 l0 C! R' |. l( p' V, Wfunction initializeBall() {5 S% H2 |! S5 \3 }$ [/ ^3 r6 l
   if (document.all) {- {. f& {, P" d2 p
      xMax = document.body.clientWidth
: ~& O4 }7 z2 @! x; ^      yMax = document.body.clientHeight; O0 W* G- r' H
      document.all("supertext").style.visibility = "visible";( n' Q, `! o% g+ m
      contentWidth=supertext.offsetWidth
2 P- E$ p# M, _7 M      contentHeight=supertext.offsetHeight
& K6 o/ ^5 \6 E/ l. s! t      }
+ h: }) n1 v6 R# r   else if (document.layers) {% {' [) g: ]. P/ ]) D% u% }
      xMax = window.innerWidth;
4 C8 q) E: N& H$ a  S      yMax = window.innerHeight;) s; v, K) k" w  a
      contentWidth=document.supertext.document.width. }3 G1 L5 v4 h' h  k
      contentHeight=document.supertext.document.height
* ^3 M' Q# s0 ]      document.layers["supertext"].visibility = "show";
, \- f9 K! _0 ~1 {      }
/ E5 y% T9 h1 k( R# i8 A9 S7 D   setTimeout('moveBall()',400);9 |8 _) O2 k$ o  r, m# c; l+ N4 R
   if (hidetimer!='')
% n& M: ~: e( A/ Y   setTimeout("hidetext()",hidetimer)
8 l+ d$ x) E) d7 n% y; r- Y" H   }
* i/ B4 L0 X* B. a. ?8 V( G9 o& V! S8 l3 W  I: D
function moveBall() {5 R4 q8 O3 D, h1 d
   if (superballRunning == true) {
( `' f! r- T9 K3 F/ Q      calculatePosition();
2 m8 `6 g7 y% v# ^      if (document.all) {
6 X2 e8 [4 e4 X         document.all("supertext").style.left = xPos + document.body.scrollLeft;. U1 Z1 {/ t7 L% S* _3 t. F
         document.all("supertext").style.top = yPos + document.body.scrollTop;! v: u9 x/ ]0 O8 Z
         }
8 J9 T1 T3 k6 i6 S      else if (document.layers) {0 C- y, j2 j* J! t+ J$ Y4 S
         document.layers["supertext"].left = xPos + pageXOffset;& `2 r/ U5 w' _/ Q" c
         document.layers["supertext"].top = yPos + pageYOffset;
$ k  o, o, W$ [0 V5 g2 i( L+ m         }7 _6 E5 i  C& Y, r1 y' Y8 t
      animatetext=setTimeout('moveBall()',20);6 A/ M0 }, N# V
      }
& P5 }- ?$ ]' X; ~5 D% L$ x   }
! {3 x. h3 E, f% }0 ?7 Z3 U' u/ o, ~1 }# v1 m
function calculatePosition() {
3 [4 ?, g1 _9 f3 e; b( X2 T   if (xDir == "right") {
3 W7 d4 A/ F4 C8 j, g1 G( d" d      if (xPos > (xMax - contentWidth - BallSpeed)) {, Y, V+ b. \# j
         xDir = "left";
" V! N( r2 }+ v; g# F* C9 O         }
8 m% Y/ u* ^/ B: @      }7 M& F6 h0 K2 |" J5 B7 \8 j
   else if (xDir == "left") {2 X8 `6 D* ]4 q+ m5 B3 d
      if (xPos < (0 + BallSpeed)) {
3 a4 Z4 ^1 B- h7 P  K         xDir = "right";8 F' f( P* A/ {+ U3 z/ S  o( A2 z( \
         }5 x2 V3 w: V% U$ E( P
      }
2 h* p( D+ {" ]; J; ?' g   if (yDir == "down") {
, p1 Q3 a9 C/ s+ {# ?( G2 z      if (yPos > (yMax - contentHeight - BallSpeed)) {% `) F2 M; U+ W1 @. l: g" u
         yDir = "up";
7 @# |7 @$ ~0 E8 @3 \: P         }
' g* `% g2 u9 V9 P6 t3 i1 ^: F. Y0 l& [      }
/ s0 `6 n+ u) L" U  d1 n1 I   else if (yDir == "up") {
4 L1 U1 o1 W% E* f6 O$ ^' k( W) N/ D      if (yPos < (0 + BallSpeed)) {
% X) ]$ r% `7 R' e         yDir = "down";
7 H. h0 g+ j2 W2 q1 P" ?) D         }! G& u  U1 T1 @3 [8 V& Z" P
      }
7 j/ M1 Q7 W( L+ H" H, B+ v4 c   if (xDir == "right") {+ V: V$ r% [5 L' _! H' ^$ S/ z
      xPos = xPos + BallSpeed;! F, K- C, X$ G
      }( |/ A% w) h0 q  u8 F. s
   else if (xDir == "left") {
" K; N% B. A' Y3 K      xPos = xPos - BallSpeed;$ n, e7 `4 w2 |) y3 }6 q
      }+ |2 m! |0 P: V: b
   else {4 g  m' p# R4 G. Y
      xPos = xPos;
, c6 \3 i: c1 S9 P' u/ N. S      }- p# g: P7 G/ M
   if (yDir == "down") {
0 B* z& S( ~' ~* a4 X" s      yPos = yPos + BallSpeed;
0 [( C; X1 O, X! d; z      }
7 y0 X% F* ~; y! |  S   else if (yDir == "up") {
0 @; h' O7 U. d( e& }4 W* n      yPos = yPos - BallSpeed;
0 A1 |3 K- K7 s) V. Y# `$ i      }6 n3 C" y# d/ Y9 P
   else {& s  \: a. T$ h7 v3 G5 I" k5 W3 c2 f
      yPos = yPos;) X- _. }) Y( ~& E
      }
! v" k% p! `7 _# r8 d( W   }
" p7 K  U; J6 B: k( E( |+ @
  ^' c6 L( \( ?3 H5 O% X$ Dfunction hidetext(){8 J4 K5 J" U& `7 I& k$ r
if (document.all)- b- B9 c" ], t7 X  O1 A
supertext.style.visibility="hidden"
# c, v- D% @! S0 J: ~8 Celse if (document.layers)) {1 D/ P6 ]; s0 [  t% o/ C# s
document.supertext.visibility="hide"3 A( z% u; T5 m3 K5 @# {# m
clearTimeout(animatetext)
7 R# O* Z* `& n6 @& ^}, v! s. w, d* d; \6 f9 R/ k( Q

% U/ ^( o, B  P/ s' m" Zif (document.all||document.layers){. o' w; {: e9 R# m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 e' u5 \- c: k# |& i- }4 p, S
window.onload = initializeBall;/ O' J) I/ T  k9 @( {7 B, W1 ]
window.onresize = new Function("window.location.reload()");4 \) }% a) M4 I' T7 T7 F4 }& Q+ n
}% h4 E; p4 X1 R. G
; f8 o4 _8 v$ x' q0 X8 H# u3 Y
</script>