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

zw2004

<style type="text/css">
/ [# P( v, o% m. ~/ {! M2 B2 z#supertext {
; F( r" ]% G1 \6 J. j" ^8 Wposition:absolute;
! Y7 _6 ^, ?' T4 E# v; V2 ]0 ]left:0;
. h$ O8 h- j7 _; H! @top:0;
* A1 K* Q" Y' g- Rvisibility:hide;
) H4 {) o/ @* |2 B# r; c- @visibility:hidden;" }; _# v! m; \/ \/ |; h
}# h2 T" m& P- L1 p4 [5 p2 Q3 b
</style>( q% C, B6 |3 W- K
<script language="JavaScript1.2">
  r' _* e! O& L, F<!-- 改变下的字体的大小。颜色-->/ \$ a* }5 E6 d1 F; g7 H& Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 c2 a- J8 B0 R) cvar hidetimer='';
' y" |' T- N, A<!-- 改变下的弹跳速度-->
; r! s+ h; Y% u! S3 j9 W+ lvar BallSpeed = 20;
8 q: o  v6 W4 r8 z8 n# v/ bvar contentWidth;
- N* M/ g( Y8 C' d% z; q# t# qvar contentHeight;
' G+ i- v& z  F/ ^* j# _var maxBallSpeed = 50;
- J5 H4 B+ G9 H
( G' f- R+ p5 O7 D* [1 y
; c8 O9 }9 ]2 Ovar xMax;
; g- k. a9 k! ?6 ~/ R& Avar yMax;; f" s7 F7 {1 S: j( H+ l3 J
var xPos = 0;
; U' B( b5 F' B2 Z. qvar yPos = 0;$ g+ p) k0 A9 A9 I$ ~' K# m
var xDir = 'right';
& v0 W" l  }3 e/ R3 X; A) @+ Uvar yDir = 'down';
: I' q/ t6 N& f; vvar superballRunning = true;
( P9 e  B# u& g, Svar tempBallSpeed;
9 i' c4 U  |2 s% mvar currentBallSrc;
* S& I/ [: @% u- @  A0 ^var newXDir;
& W( Z9 Z# n9 ^$ j5 V6 V( i2 zvar newYDir;
6 i9 k" G/ o( ^: j/ _3 F% `5 J- x+ e8 M$ G
function initializeBall() {% k* M( V+ s/ S# v+ E, i
   if (document.all) {
9 t: g' |$ w, J3 m; K1 R" G      xMax = document.body.clientWidth0 Z# u! w) a* K5 o8 o# t
      yMax = document.body.clientHeight: w4 ~% L  E6 z
      document.all("supertext").style.visibility = "visible";7 v1 B# d* Y- D% n. `( G
      contentWidth=supertext.offsetWidth$ k8 Z; J3 N: U/ D; d/ g
      contentHeight=supertext.offsetHeight
& [+ y! K# ^/ Y* Z      }* g- Y& Z- I/ ~4 z) |, T
   else if (document.layers) {9 A# n. a0 [, m
      xMax = window.innerWidth;
8 P5 z. M/ U% e$ [4 d      yMax = window.innerHeight;
- S# T0 k+ t7 r1 u# A      contentWidth=document.supertext.document.width
9 m" S8 k$ n( Q5 w$ g      contentHeight=document.supertext.document.height
7 Q3 K3 Q1 ]( ]      document.layers["supertext"].visibility = "show";
1 z; o2 t$ g. \. h6 a5 Q  t      }
2 j- m$ F/ ~! P) N& w   setTimeout('moveBall()',400);. B3 p' o/ |' v+ B
   if (hidetimer!='')# B8 d: }5 ]4 a9 N5 e2 e
   setTimeout("hidetext()",hidetimer)
0 d: l2 S' |* t% _5 Z: M   }9 q1 t1 H$ ~/ h0 Y; `

- B( }- ]4 u/ \" q7 T6 u6 D1 rfunction moveBall() {
( \% p' K6 L; P   if (superballRunning == true) {
, Z' X! j- o* Z' \      calculatePosition();
. r: n/ Y  k" ~7 I5 ]6 @7 k# C      if (document.all) {
8 g& }( n5 H1 \$ r         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 V2 ~& J5 j* z! D         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 H8 G; X0 }( ~' ]$ r( _* Z6 D0 U( ^         }
' b, ]4 e) u+ x6 J1 v+ r      else if (document.layers) {
7 ]( _- f6 x; x8 G9 u         document.layers["supertext"].left = xPos + pageXOffset;! `$ x  P5 W) u
         document.layers["supertext"].top = yPos + pageYOffset;  o5 P! R' w7 |4 z" S' I
         }# g' D1 K7 U, w" Z
      animatetext=setTimeout('moveBall()',20);5 ?( o5 z4 y8 n# {* ?# _
      }) c  O1 d) N) `% }
   }
. p; G4 y6 {$ N( z7 r. Q# L/ F: J" W2 F/ j; E0 N; X% i8 C
function calculatePosition() {8 J0 f6 H; I3 N2 o) i. G  U$ K" Z
   if (xDir == "right") {* Z: p' w# d/ e- I7 y: @/ }
      if (xPos > (xMax - contentWidth - BallSpeed)) {. g% P+ a3 n! s$ }
         xDir = "left";3 {8 _! D2 a/ [9 R% t
         }5 \" _8 w6 p: y) s
      }* i, g& ]: x$ d7 \+ u: w. T6 ~
   else if (xDir == "left") {5 `  J' {& T* V) b8 D( O1 P7 S& l
      if (xPos < (0 + BallSpeed)) {
1 r6 c: }" ^' H6 H  d4 s         xDir = "right";, F: C! d3 @, R/ b. Y
         }/ _2 P6 @1 N  @1 _) w0 b2 a3 W9 F
      }
" f" n. d: W7 }( o   if (yDir == "down") {
- C3 t9 H( f- X  m7 I+ Z      if (yPos > (yMax - contentHeight - BallSpeed)) {3 X; X9 P2 z5 ]
         yDir = "up";
# W3 n; D6 n- v9 e7 Z' X3 X# B         }
5 j$ |" M: b  p$ H% t      }5 W# U! @  L! `% R" E- F+ g
   else if (yDir == "up") {
; E) m) E& k& D      if (yPos < (0 + BallSpeed)) {
$ L1 ?) q# L9 F- @/ \+ o) q         yDir = "down";8 z! j8 D3 M" X4 C# B; v- x3 o
         }* s2 |7 W1 N- i" d
      }: D. \9 ^( F& ?: q) D' h
   if (xDir == "right") {, d  y0 J; m2 K* h9 p: R
      xPos = xPos + BallSpeed;
2 q- |2 h* T$ u7 J      }& f* B6 [0 U1 Z9 _
   else if (xDir == "left") {
+ D% V/ _" o: D3 S      xPos = xPos - BallSpeed;3 @7 `! ?+ k) ]) J% h+ j. |
      }8 ~6 ^1 r  }# \+ R; o
   else {& u0 v- \# P* k( u: g
      xPos = xPos;
  D7 y7 o) Y! g+ A6 ]! J      }, X8 K+ g* T0 h8 k/ E+ @5 C
   if (yDir == "down") {
5 ~0 u7 S" s6 w" S3 k3 D" t3 r7 L      yPos = yPos + BallSpeed;0 e- }8 v6 r5 F; ?1 X/ ^& l% {  r
      }9 s, L+ \) s2 g- q0 k
   else if (yDir == "up") {) `3 \; e. @& n+ z% y* F
      yPos = yPos - BallSpeed;
- G* N1 u- s1 A6 C9 c) ^+ W      }& M5 l5 l2 o7 j/ J
   else {# `3 F( h" h( C, `) C3 i/ T
      yPos = yPos;
$ Y& I1 t" ^' Z: E" h: _1 D7 e      }/ l9 O6 k3 r: z9 i, F5 |/ N
   }: L  x4 D; k+ k* G# N- G2 I% q+ {9 f! R

' o4 A9 U1 A; C* Dfunction hidetext(){9 ~% h* \! V$ e, G0 V# C
if (document.all)
) ~$ j" F" K( J; v% h, s; T2 y4 Ksupertext.style.visibility="hidden"9 Y0 Y5 c) ]/ U& A; j7 X7 i
else if (document.layers)
( o" k& C+ r0 Idocument.supertext.visibility="hide"/ Q, }4 r) u  J/ x* u( @# r
clearTimeout(animatetext)
4 }3 O$ L% \0 e% ?}
0 T8 q+ v# N( \4 B4 J7 c, Q
* {) [6 O$ \' h1 u7 tif (document.all||document.layers){8 V5 z3 I/ l0 c" J4 C4 Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 H- u7 a' }/ C" v
window.onload = initializeBall;% C) c7 X- b/ N+ M7 v) F
window.onresize = new Function("window.location.reload()");$ A+ w% k# j5 P1 R' @& Z
}
/ S8 ]+ t" j' L) q1 ~" a5 ?2 O) O: s- l5 \" n% r; F1 C3 w* F' ~
</script>