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

zw2004

<style type="text/css">$ U5 H$ E3 I& k( q
#supertext {
2 G2 N7 D1 ]6 }  j# H+ ^( l* Hposition:absolute;
8 \$ a% s& `9 _! W8 j  M+ pleft:0;4 i$ G* |# Y/ B$ M+ f1 F' o) V3 E1 r
top:0;! P6 I6 X" x+ O* Q0 Q" [8 y
visibility:hide;
6 C1 B$ _& B( {: r: vvisibility:hidden;' N/ @( i1 n. [, p5 l
}, O# M5 x" V+ y; s& `
</style>7 Z& [1 V6 ?' O) }3 r1 u
<script language="JavaScript1.2">
( `7 B/ Z8 M, b6 G<!-- 改变下的字体的大小。颜色-->2 Q2 _+ y& ~, _9 n8 f6 a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 i6 l9 Q: Z4 I( m
var hidetimer='';6 ?& P( O: P" G
<!-- 改变下的弹跳速度-->- n" J; o) n! l# O  R
var BallSpeed = 20;/ l! g  L' b& N  |+ j
var contentWidth;
  ]* Y, ]5 M% U! f: xvar contentHeight;6 z" R  v3 p* W5 d4 B) \5 D1 V
var maxBallSpeed = 50;
+ D9 S' J' g  F8 ?7 t2 I' P/ a: F% R: |% ]

! n6 D$ O4 m0 [( q& ^var xMax;: U% k" D+ b0 Y$ E& y4 x4 d; c
var yMax;4 N+ ~1 r8 ^4 T. z7 A4 f
var xPos = 0;
) C0 Q) _+ k! i; d" pvar yPos = 0;
$ {6 P+ _& o- U7 [# L, W* mvar xDir = 'right';+ F+ S" V; B# _
var yDir = 'down';- W2 f! f- F8 G, |
var superballRunning = true;
; D0 J* T. \8 X7 E9 j! r& Avar tempBallSpeed;
% \( }& i2 r7 k  ~5 k: _var currentBallSrc;. T1 s0 j/ z0 h& J
var newXDir;$ S7 m1 e/ g) B2 p/ X5 H( {/ N, L/ u
var newYDir;
$ J- }4 |1 _) x- E6 @8 V
' M" ]. p3 {4 t$ j: afunction initializeBall() {
1 e9 \9 q/ j$ n3 _3 v$ M   if (document.all) {" A3 z8 l, x9 s; n. H% @* t
      xMax = document.body.clientWidth% F9 k1 W: x0 h0 ~" j3 H- `
      yMax = document.body.clientHeight( ~6 o5 V2 I1 U7 A9 {
      document.all("supertext").style.visibility = "visible";5 f+ Q; C8 O& i. Y1 U
      contentWidth=supertext.offsetWidth/ n. p$ [9 R3 H5 H* P+ ^: t
      contentHeight=supertext.offsetHeight: u  [& R- u* |; n* y
      }
: W! v" E; M  L0 s+ ]: Z   else if (document.layers) {
5 ]8 H1 l  p7 a; l; T      xMax = window.innerWidth;7 `- i" ?7 j7 C! {
      yMax = window.innerHeight;
* V; W! V% q6 v' Z  q) s8 Y      contentWidth=document.supertext.document.width* ]% f0 g. D/ r
      contentHeight=document.supertext.document.height, y0 X, a7 i( m" t3 X. l
      document.layers["supertext"].visibility = "show";% P% ^1 v6 z6 g  m3 c& U; b
      }
5 _  ]: R, E) L* b  g/ l% Y- ^   setTimeout('moveBall()',400);
' f2 R) w3 O$ V' G* b2 r( M   if (hidetimer!='')
8 N% ?1 f5 {+ Q   setTimeout("hidetext()",hidetimer): |; n& {  y% d4 z4 p2 [8 M
   }
1 ]/ |. h9 [0 N* u3 }+ N
9 `  p- I) p& Y. \function moveBall() {
' r" _2 s% ^  W% j' {   if (superballRunning == true) {
5 l& G# Y+ D/ p) G2 D6 g* V      calculatePosition();3 M6 ?+ s6 `8 F9 |2 b6 l( ]
      if (document.all) {9 Z6 @2 e2 E" W
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; u/ a4 N+ E" V3 Z         document.all("supertext").style.top = yPos + document.body.scrollTop;2 V# n6 t; }8 r  s" i
         }" f5 O# ?; X; |, j* Y
      else if (document.layers) {  b7 n0 g3 n: I. w* B" w) @
         document.layers["supertext"].left = xPos + pageXOffset;
: M* w' n! L  l" ]; C         document.layers["supertext"].top = yPos + pageYOffset;
- b  P, r, u8 s1 ~         }) c+ s4 [3 P/ S  ?
      animatetext=setTimeout('moveBall()',20);
$ S7 X/ `! @- }4 p* u* p, O  l& D      }! p  X7 L+ h8 n" a
   }8 `7 Y( K  ~* g& z+ p* }1 _
; t" a  M. A" a0 ~! q1 g
function calculatePosition() {
  Y; w* f% H& @* P" {" r   if (xDir == "right") {
) M7 D; g0 C* b/ L      if (xPos > (xMax - contentWidth - BallSpeed)) {$ b, t; r: r6 a" P( h
         xDir = "left";# W4 U: a" K7 ~
         }( b# b6 s) }4 i6 o- y
      }% ?( N' b/ I! D4 h' ?: g
   else if (xDir == "left") {" ^8 s8 ?0 \+ a, X: L) X! g
      if (xPos < (0 + BallSpeed)) {5 E! h- S5 b1 ?* S& H9 ]
         xDir = "right";9 x4 ?# h) V* F1 c8 B9 H
         }% q+ r) G  b; h
      }
$ {: T. v$ a6 H7 R; {! x   if (yDir == "down") {
3 Y/ X" v7 }, H0 e# {      if (yPos > (yMax - contentHeight - BallSpeed)) {
! \- Q9 `3 G# @         yDir = "up";8 ?7 L" K" a+ L% ~3 }( ^" E$ A
         }
8 t1 b) q; @1 d! c9 G, y      }) J2 S$ q, N5 c0 v9 f$ C: b
   else if (yDir == "up") {: J4 t; T  E- [" A' s: Z( L
      if (yPos < (0 + BallSpeed)) {$ u. |; j& z' f7 k
         yDir = "down";
) x) z) x/ w7 i4 X8 L         }2 p9 r( z' _* l) u* ]. u5 w* Y
      }( J; ?7 n& p% I3 a* n6 l. j
   if (xDir == "right") {
) Q0 @7 h# L' V" B0 p0 x      xPos = xPos + BallSpeed;3 f9 b4 W, P! W. P7 {, V/ y
      }3 z  b+ a" Y, y# g' o4 p/ d
   else if (xDir == "left") {
3 K" a1 w$ F8 d8 A  ^8 o5 {      xPos = xPos - BallSpeed;5 a2 Z1 O+ P+ w& Y9 E
      }
! X0 |( ^4 W5 G3 |: ^& w& _! D   else {
' B. s, h4 a, `- Y: [4 n# `1 z      xPos = xPos;
% d& ~: X. A5 y      }2 a2 Z9 ^6 W7 F" d- O' V6 ^: h
   if (yDir == "down") {$ s4 ^. |: s% p# m0 N
      yPos = yPos + BallSpeed;6 V9 Z. c% b2 b2 Q5 c
      }. a4 j, `, s& i! @) l" z7 Q2 b" U  ~
   else if (yDir == "up") {
. |& j' T9 b3 ]2 L1 T      yPos = yPos - BallSpeed;
: ]" y* T, X2 V. }      }
7 m' D: [( V% p+ H+ G   else {8 [( ?& N7 f* B% Q' n, D
      yPos = yPos;0 q' z$ `# H( j  n; e
      }3 ~% b. L1 Z0 m" l! m/ q! r) f
   }
6 z2 q; i6 x" p8 E7 Q/ b
5 [' o! ^) b7 \- U) u# nfunction hidetext(){
& c( z0 b1 \- @2 Qif (document.all)8 O( D& C7 ]. {/ N: J) o6 Q
supertext.style.visibility="hidden"
4 s8 q* n: d( [% g7 x: ^else if (document.layers)
, d& Y2 U) D: k. p  jdocument.supertext.visibility="hide"
/ q/ {; c6 |9 x$ v' P5 R9 G# U( CclearTimeout(animatetext)
0 A. Y. k6 c2 H}) ?3 g" H3 x; J3 x
+ M/ q' D& S8 a  D! n5 z. t) s6 m
if (document.all||document.layers){
% A9 F" Y  s9 Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 J6 H! i4 S8 w7 N
window.onload = initializeBall;. ^) u* q  K! j: X
window.onresize = new Function("window.location.reload()");" O+ V/ Q3 ?8 S6 P
}( i/ }( X! E8 s# F* E6 v# t
$ _$ Q+ q: X4 w$ P
</script>