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

zw2004

<style type="text/css">
3 M$ w- J; c3 E: c! j#supertext {2 v9 V4 R- k6 U
position:absolute;. v! Z: I, e% B3 n
left:0;
" i. i' ]* o# z7 @4 U! Qtop:0;. l3 ]* b, a/ X" ?; w6 T4 _7 Q
visibility:hide;& u: E. r6 N. V- r! C+ o4 a
visibility:hidden;3 v- H/ c: y* {3 }- k2 `2 `5 [
}
- P9 Q% G4 B* X' H* s</style>0 s- ^, l0 T) j5 U3 k' u/ l
<script language="JavaScript1.2"># e4 _' \9 e, z2 v0 K. E$ \2 o
<!-- 改变下的字体的大小。颜色-->8 F7 r: x7 f. i' v( k  I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; L  d& ^% ]: ]) G$ q6 j. O
var hidetimer='';* |5 w7 x  \! i9 B, y, ^; y# k  _
<!-- 改变下的弹跳速度-->5 y/ \6 g( W( `7 l
var BallSpeed = 20;* O- \" m7 k, l' m
var contentWidth;+ h& i4 O  B- i' _" Q( K& g
var contentHeight;. g, R. m2 Z/ t
var maxBallSpeed = 50;
. I- P7 d6 K# d6 u( L+ S7 r! ^, v+ k& W2 I) t
7 z0 h' I9 Q! ?
var xMax;
, ]& T$ o; ^8 R+ }" u% qvar yMax;! G4 h+ a% z0 m& X. y
var xPos = 0;
& l& m5 }$ c3 L/ R3 g0 S! ^0 k% S% xvar yPos = 0;
, N+ x8 v1 O6 G: g7 @7 z( Ovar xDir = 'right';, j1 z: U% W  K. ^9 g1 d) v$ T3 o' ?. |
var yDir = 'down';
+ I" l# S2 u3 f# T1 E, Jvar superballRunning = true;
4 r0 @$ z2 _; q5 Fvar tempBallSpeed;9 B! ]  p; V! S! Z# N) y
var currentBallSrc;) f/ X- B; [1 `4 R& [- J% [
var newXDir;2 J# b% U# ^1 E" y) q( I6 w/ Q
var newYDir;
8 n1 z; I, S9 p& B, ], B
( o- H8 M+ h) Y% _function initializeBall() {
, |8 ~, o, B/ o9 W- {' a7 c/ `   if (document.all) {2 ~6 g0 y/ j8 z' j" w0 o
      xMax = document.body.clientWidth
/ Y( H& d" A" u: c& Q      yMax = document.body.clientHeight
+ U( Q) f% ^/ u      document.all("supertext").style.visibility = "visible";- t/ n( ?- i$ @
      contentWidth=supertext.offsetWidth
" H1 ~& ^" C5 m& H/ F& W      contentHeight=supertext.offsetHeight) a) {; U% g& r5 F) v3 ^
      }0 v: N3 y( ?  I5 T9 _8 r
   else if (document.layers) {( C: [0 I3 @( V/ x. G# c/ B3 P
      xMax = window.innerWidth;- O5 U1 ?! o2 p  s; X  @, s2 q
      yMax = window.innerHeight;
4 a! ~+ i8 b0 {6 f+ ?" r! ^      contentWidth=document.supertext.document.width
+ h1 K8 o0 Z) s& }' J) [$ m      contentHeight=document.supertext.document.height1 V* p# I9 n. z
      document.layers["supertext"].visibility = "show";
: ]& m8 E  k6 _* q+ j& s# F      }
% }2 O  ?% a7 k" K/ g( Y   setTimeout('moveBall()',400);" r  ?8 O3 n9 w6 z0 F
   if (hidetimer!='')
; I7 |0 h  H. j  S# I( l   setTimeout("hidetext()",hidetimer)
6 C8 g2 u2 J: h, e1 K/ }% |. r   }
/ z4 s5 ?+ S+ C/ `# X
; J* d: b! y8 K8 J% H. M% P) bfunction moveBall() {4 \% T3 c' j- \' e$ {
   if (superballRunning == true) {; v! L* z8 k5 ~* d  e
      calculatePosition();
" J( U. a9 p: N( y; @- ~      if (document.all) {( ^! J2 ]/ z- ?, E  j" a9 d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 P7 Z% F5 @+ ~  [* g         document.all("supertext").style.top = yPos + document.body.scrollTop;
( w* [0 u9 w/ b8 o% e+ Q9 R         }$ Q' D2 u; t+ f9 k6 h- y
      else if (document.layers) {3 |4 e# r2 o4 s9 I* N3 M* g9 N5 @
         document.layers["supertext"].left = xPos + pageXOffset;
" c+ \4 n5 g% ]7 }         document.layers["supertext"].top = yPos + pageYOffset;" k$ M9 b  a9 O4 h+ t) v% E
         }1 I+ Y9 F* S0 ?: A9 y2 o
      animatetext=setTimeout('moveBall()',20);8 C7 x9 m3 r6 K% ~& P7 Z+ a: W
      }
; i8 D8 _9 S4 ?   }
* Z0 d) b- z8 _( C, f' t1 M! B* d
) E" M5 `1 y( m! ?. xfunction calculatePosition() {
! h& c9 k7 }% k9 R- F  y   if (xDir == "right") {: Y" M; Z5 I. o) y$ |- j" [! T
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 T: c& ]3 F* @" I4 }  r7 m$ B) Q         xDir = "left";+ u9 {/ U/ @; K7 \: Z8 {! _
         }0 s; I8 ]1 |& e* h( d
      }6 H( z5 L, W8 c3 W! A
   else if (xDir == "left") {
& X) m  n# O% w7 H      if (xPos < (0 + BallSpeed)) {9 x% G4 f6 M5 p8 e6 |' z$ q
         xDir = "right";' S2 ?# s3 N, r- T9 X
         }3 @& d. x1 a1 Z0 B. o
      }
" g# O6 }! q- |$ f* p) N1 o% S   if (yDir == "down") {/ b* J3 r$ |3 [" s7 l9 g
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 B" E0 i% p/ k3 a+ J5 q6 v
         yDir = "up";4 T% Z% n1 p: w, @6 S
         }  t! v% h& B' ?
      }
) X7 ~) j/ O% `0 U   else if (yDir == "up") {
; b# j+ F7 E, K      if (yPos < (0 + BallSpeed)) {
) g# i* _5 v% q! I         yDir = "down";( X' L' y' N$ @, ^
         }7 t' F8 K! l) a3 e( ?) G
      }
  ?4 V$ R( h0 L& ]8 S; q   if (xDir == "right") {
0 M( G% y9 z  W      xPos = xPos + BallSpeed;
/ i; M0 l6 b/ C1 }, n7 _$ e      }
1 R* B: ~" f0 t1 Y6 P   else if (xDir == "left") {
2 n, Y# u  j( n) v6 E      xPos = xPos - BallSpeed;6 V; `) d! C5 A. }% C2 H3 h
      }8 j: x0 e% H, p% {3 K- h' S7 u
   else {. _8 c; O4 f. v: Y
      xPos = xPos;
  b$ _& k% o7 L; U0 M2 s      }; K" Y' x7 J1 c  k6 w
   if (yDir == "down") {7 V2 e/ d% P8 u2 g
      yPos = yPos + BallSpeed;
+ n) E% t- x1 N( e" o$ m$ Q! `      }- C9 `6 s6 |& w5 H# u9 p
   else if (yDir == "up") {- L6 E2 A2 n9 o3 w0 D. P, O8 `4 ^
      yPos = yPos - BallSpeed;* r* I3 @, Q( p
      }
# O* K' I; g$ s, s2 v7 U3 t   else {
3 }* W; \; ?# E+ a/ F* a      yPos = yPos;
/ O& [4 O" F, k5 j$ @      }
& N, Y# ?; M, M' g   }( N# U( N( O! ~. V0 Q6 O

% s6 T) G  C5 ?* h* j$ s1 Mfunction hidetext(){9 m6 W5 ^3 P) p
if (document.all), A) u- C/ W6 H
supertext.style.visibility="hidden"
$ P6 g) g2 z% [% f) qelse if (document.layers)
- ~) I6 t4 q* ?. kdocument.supertext.visibility="hide"
. _6 }4 [  e9 M/ E* @clearTimeout(animatetext)
5 {1 Z. m3 g8 B; h9 ?4 t4 T}
. `. f: v1 d: E# {  u) }/ ^4 |
1 y4 P, ]2 o5 A( n8 K/ Fif (document.all||document.layers){
8 u/ D4 m& t/ ?, ~9 f2 ?' l) Edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" u. q1 w9 s4 ~/ Y. I4 N7 Z8 U& v, bwindow.onload = initializeBall;; I) M9 C% }& h' V4 h/ h
window.onresize = new Function("window.location.reload()");
5 O5 K8 G8 J* b+ L( n, f3 @+ s}
  A* z: O) H/ |3 m6 H: D
6 W) g9 ^  k' {6 K8 ?& N7 c</script>