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

zw2004

<style type="text/css">* p/ v8 m7 [; _5 z/ b3 E. d
#supertext {/ ^& _' c+ f) a5 D
position:absolute;
$ A. T, S  V/ Hleft:0;
$ C: ^) }! ~/ v! xtop:0;' J( V" w7 ?1 z( k/ F1 D
visibility:hide;
: V1 i+ Y, q6 Uvisibility:hidden;
, e3 C+ ?$ F5 y( G; Y}3 i. ?. y! m; ?* O& h- Z6 a
</style>4 t  F" L( I; \( C! O
<script language="JavaScript1.2">
) L8 T) d& v7 @& n+ L( K& e<!-- 改变下的字体的大小。颜色-->
% q" S0 A; B, ~' mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- Y* J+ r; G' e9 I0 Z' G2 g( r
var hidetimer='';
5 v2 a/ d+ H; ^3 F# F: d: h<!-- 改变下的弹跳速度-->
, w( F2 Q, c( O2 T6 E9 I3 bvar BallSpeed = 20;
( A* O5 j" B, A$ l* Q- G" uvar contentWidth;
5 @$ R5 U4 |1 C  b% `7 z$ K) u% {var contentHeight;! l' H6 E4 ~/ l/ ?1 @! |! U
var maxBallSpeed = 50;
: q' W" v8 h" q8 ]5 E' f' M6 h5 X% |. F! s4 [6 D

1 ^1 `# Z) z+ S( M0 e2 e* nvar xMax;
  S* @. i# Q; D- ^! Svar yMax;- X, }$ E7 z6 |2 @% e3 c+ W
var xPos = 0;: g: ~) V3 Q7 L3 ^
var yPos = 0;  |* \+ y$ z' \: g9 O: u  ^
var xDir = 'right';
, n! n  R" k$ |1 uvar yDir = 'down';& v; S; Z8 q4 E6 b4 ~4 j, P5 O
var superballRunning = true;& `# U9 N! R; ?  ^0 K
var tempBallSpeed;% [5 G9 \/ x; w  D! X+ p
var currentBallSrc;. s2 j+ _" w! p1 F# a
var newXDir;& }0 d8 ^* I5 o) \
var newYDir;7 P5 L% x' \1 Z+ x* _

! E, x# @" s4 O  V$ efunction initializeBall() {
: M9 k# }$ h4 U- i% A8 U   if (document.all) {1 T; W/ q$ E. @
      xMax = document.body.clientWidth
) N! U( ]3 A( q      yMax = document.body.clientHeight; r- v* q  S! C, T% O! a  Y- X% u$ M
      document.all("supertext").style.visibility = "visible";
4 y  X- E, M' Z  p5 `; _! m. P      contentWidth=supertext.offsetWidth
+ c2 T( Q+ X' \2 y  F1 m. |      contentHeight=supertext.offsetHeight# V2 |# S, ~) P6 i
      }
! W# K2 |  g( w% A: u4 v2 x   else if (document.layers) {
! M/ a/ {, V& N7 @      xMax = window.innerWidth;2 B! [) E9 u7 \! v$ g+ B5 G7 h
      yMax = window.innerHeight;$ P& }2 [: D/ ?8 A5 u9 S9 L& Q
      contentWidth=document.supertext.document.width( Z8 N/ H8 y; K7 J$ g- X5 R. i
      contentHeight=document.supertext.document.height7 I+ P7 D& U7 H, L9 h* e
      document.layers["supertext"].visibility = "show";& P$ X5 {8 n. e
      }& }) M* t7 r, b9 E; S4 I+ W3 D; p
   setTimeout('moveBall()',400);
/ R  Y3 H6 [$ A( K2 b   if (hidetimer!='')
4 V8 x: x) c9 g   setTimeout("hidetext()",hidetimer)7 s/ C$ M  p  {. z7 E
   }
; P+ ~  d$ Y. b6 e$ X; }9 x% ?( X2 B- G" A, k9 k% @! E( I
function moveBall() {7 r" h0 h4 J: ~- a$ S& N0 `
   if (superballRunning == true) {
" U: h3 K* a- m4 R- D      calculatePosition();
. O6 D  n4 V) t- }: L      if (document.all) {  i' {9 g- x3 G4 S
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; \7 Q8 r7 N8 J1 c8 A( K3 H( _
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ I9 @) e  |% w( a* f% O         }% J& A- s( u; K& m3 y
      else if (document.layers) {
3 [" W7 E% L/ U3 ]/ Y$ U1 e         document.layers["supertext"].left = xPos + pageXOffset;
: J& Z: X# ?6 f0 g8 z7 Y) O, i2 y! J         document.layers["supertext"].top = yPos + pageYOffset;
7 ~' X" B3 }  [& \& Z6 a         }
1 m/ H1 x' S# c$ c$ u, T      animatetext=setTimeout('moveBall()',20);; p2 j0 J5 w' X. N/ O" Q" V9 [
      }6 R" \' ~) S. x& u& s
   }
/ j4 A/ _  _, g/ T. f7 M) P9 R7 g6 B  {  L) N
function calculatePosition() {2 m- \# u* P( E
   if (xDir == "right") {
; N% c. e- z8 _+ w: C# ?9 d      if (xPos > (xMax - contentWidth - BallSpeed)) {6 a# v$ C- m, S& q& A2 c/ q4 |. p! Z8 X5 Y
         xDir = "left";4 K/ |1 R5 b, O) h& e
         }
8 @" @- P! W" Z" h$ w5 e      }
- k' B- X5 _$ e   else if (xDir == "left") {
" }, D0 @/ o5 L( d4 `- i! ^! o3 w      if (xPos < (0 + BallSpeed)) {
: U/ a! r3 S1 U; l" f) O5 I1 Y0 F         xDir = "right";
7 R" ?+ ^  \, S2 d4 c/ v/ T' U         }
* ^+ W, T9 A5 p6 [3 v( K, \      }5 B( _+ L  n, m( v/ |" `  C4 ?9 H
   if (yDir == "down") {
( c% k( z: o) t% K4 X% P      if (yPos > (yMax - contentHeight - BallSpeed)) {9 ~  L! N5 \6 N' Y8 g9 ?0 a1 j* g
         yDir = "up";; f* {8 B, g6 a0 m; E8 J
         }
+ f; M+ c2 |6 x5 }      }
6 F) `' J" s; @* E+ h! v! b- F2 u   else if (yDir == "up") {
- j: G1 o. x5 L      if (yPos < (0 + BallSpeed)) {
& G) p8 e, d6 H6 Y2 C         yDir = "down";; D  X0 s5 s0 w+ T  V
         }/ g; |4 @6 _& W; K9 @
      }" E. Y4 d8 o4 p6 F. t% \" Y
   if (xDir == "right") {. u8 K  Z' L2 l2 Z. I! A
      xPos = xPos + BallSpeed;
4 b+ q0 S& m5 a( [# x+ ]) L/ w6 y      }: e, e! ^9 Q; H( C
   else if (xDir == "left") {2 e. y9 T4 |7 C* o/ {$ g
      xPos = xPos - BallSpeed;' `& _. y) ~) i+ Q0 N4 s; `
      }
8 d8 k) o( _; E   else {
' W$ n5 M* P% Z4 Y, |4 Q- T      xPos = xPos;
0 N3 L- V# L& }0 E6 \! r- o- K7 o      }; N/ l2 ?/ ]0 F, B8 t
   if (yDir == "down") {
( h. W- c) n" h' |1 i      yPos = yPos + BallSpeed;" Y: Y5 m: ?( R, h( m  m
      }) ~5 |5 d4 d* E  ^$ }7 i5 Q
   else if (yDir == "up") {/ P* {; M9 D0 h$ L9 D
      yPos = yPos - BallSpeed;
3 X; T. f, ~" h0 }- [      }
4 J' `$ h% s: H1 v8 t# n- B   else {
- X2 {- y+ N/ ?2 V7 J      yPos = yPos;
$ k2 ]. V  i6 p, |! x% y! @6 q      }
) E1 j! O/ l; ^5 ]0 T   }
- T& C$ m, I/ _# }7 {. |0 ~6 S/ v  R& g
function hidetext(){
- J6 }3 k8 J( z' \" t. Dif (document.all)
  \' N- b) b. _! ]" y- i8 h4 fsupertext.style.visibility="hidden"
1 t8 S9 P6 `  n, P  {# @5 S) `+ q) p& Jelse if (document.layers)
. l: ?7 c5 B* e4 F8 ?document.supertext.visibility="hide"
/ X. f: \) J2 c; d1 [8 p3 {% sclearTimeout(animatetext)
  G0 z; |! R) k( G( G" i, m1 H9 E}
8 q% {9 ~  J8 }4 o! D0 q
- k# ?5 ?' R$ N  y- x; `; h6 w* Zif (document.all||document.layers){
/ ]* v9 P! A! ]4 e* Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 d; j& j. f  j, I$ ^0 `8 z
window.onload = initializeBall;
0 z/ V/ Y, P! G" T) Zwindow.onresize = new Function("window.location.reload()");" J/ I/ w" C+ w- f  m+ O  b  i
}
5 w% |% j" f4 Q) H: O8 R5 i7 n# _) ^1 s
</script>