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

zw2004

<style type="text/css">+ }: k+ _$ r. L  G9 O( z
#supertext {' d8 {$ X! t8 B2 D- v& s" O
position:absolute;/ P# H, H1 e! G
left:0;  n9 T9 T5 U0 a) Q
top:0;
8 `& D4 E8 B0 wvisibility:hide;
9 ?7 O' E4 ?  Y  N" wvisibility:hidden;: U, f' a' n. \8 w7 W) f
}
1 X, [/ w1 z( K/ S6 i* Z</style>
  M5 o) a4 Y, b7 b<script language="JavaScript1.2">
) J2 a% f4 ]) J0 b9 Q7 _; f+ y<!-- 改变下的字体的大小。颜色-->9 U8 F* _2 q4 Q+ A+ J- `6 B$ g
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" E( j  ?" v; C1 _) a6 ^var hidetimer='';0 O0 a4 p: ^5 W% i+ N
<!-- 改变下的弹跳速度-->- \: v7 U2 w' F' u* A
var BallSpeed = 20;
! `  o$ P4 }& M- o2 }& i: O2 k% Dvar contentWidth;/ w9 W$ h( l3 U1 q8 M
var contentHeight;
; t$ Y7 S& e. L# @  X6 x# Z. }var maxBallSpeed = 50;
& f& B0 B% g' W5 o% {
; f: A; f" ^# Q$ h$ g) u3 c3 y6 A/ X9 b, P
var xMax;
; B  W/ I! Q; F2 x$ e  q0 C/ xvar yMax;
; Y8 Q3 M6 Y8 U, |var xPos = 0;/ t: Q! }% ?( X; a! R( K7 h2 J4 W
var yPos = 0;
9 m: s$ Z8 S2 b! Pvar xDir = 'right';
3 @! K* @/ K7 s0 c5 a5 I& A; F  Fvar yDir = 'down';. }$ `- m3 y. X6 M7 s
var superballRunning = true;
5 c; x* }5 F; f1 W8 L8 fvar tempBallSpeed;$ I2 N; h" g  S' }* ]) g& P
var currentBallSrc;
% V) @4 v2 W) h3 W2 I+ n9 lvar newXDir;  v# _* q( ]* b3 T! |! K
var newYDir;
4 T2 R# J% B/ a4 }2 b: p& T" h& [' H% e( ]. u
function initializeBall() {, l& r0 t* D% n4 d0 h; s5 ^  O
   if (document.all) {  k! N' Z+ j, d* _
      xMax = document.body.clientWidth
" F3 P) }& e4 L6 s7 ~9 [      yMax = document.body.clientHeight
) _4 F7 S6 _; Z: I# J3 j: F      document.all("supertext").style.visibility = "visible";$ I  Y( E, z9 g# N
      contentWidth=supertext.offsetWidth& S+ V9 m8 u/ D. Q* F
      contentHeight=supertext.offsetHeight
5 M4 t: c0 D3 A3 O3 Z6 T      }
! T& v* r1 z3 {7 O* Z! r   else if (document.layers) {
' m% {! W) `- E2 L5 v( l6 u- W      xMax = window.innerWidth;
( Y3 W* o8 h! u$ ~      yMax = window.innerHeight;$ H' Z! _) ]  P5 M( J6 d. X
      contentWidth=document.supertext.document.width
  Q- O) U% E$ Y      contentHeight=document.supertext.document.height
1 W( R2 \; d! ]( J2 m  f      document.layers["supertext"].visibility = "show";
/ ?& \' ?2 V8 {# m- d6 Z: D      }
3 n0 g( d* N! s! o! v" Q9 ]/ u, i   setTimeout('moveBall()',400);1 U, o" a# C" I, w, l* E: W9 Z! y
   if (hidetimer!='')2 Z4 Z; ~: h/ |3 _. ]- P& |
   setTimeout("hidetext()",hidetimer)
) j$ R$ R( X; Y% Q: G5 d9 m   }
( [" c* {8 ^$ R  I  b' j' S7 Z" @/ W6 E
function moveBall() {
3 [; d  u4 X' ]8 ]9 s8 p3 o! E$ J   if (superballRunning == true) {
2 i9 X# |9 U) u/ f5 P& r      calculatePosition();$ M, z, }/ i! O* ]
      if (document.all) {0 \( W! U2 t9 k; ]2 u4 [
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  O1 m, w  k: L+ m) d1 `         document.all("supertext").style.top = yPos + document.body.scrollTop;
  C" O3 {! y" m0 _1 o' B) u         }1 O2 Q- h/ X8 W. _$ G9 L
      else if (document.layers) {
/ _. W- d) ^, l  C" @6 n         document.layers["supertext"].left = xPos + pageXOffset;
" q' @6 ~" Z2 T3 T8 J         document.layers["supertext"].top = yPos + pageYOffset;; A1 c: B6 b9 c
         }
/ V+ `: d! A' j" Q      animatetext=setTimeout('moveBall()',20);. W  b$ n# N' |! i+ V# m" y
      }0 [! R1 ~/ R5 t, x2 i4 E2 `
   }4 j9 t0 I6 r; `* s

% S7 D* M9 H( @9 s+ ^2 U  pfunction calculatePosition() {
5 ~: [" i! f1 N6 ]& _, }/ J4 Q& Z   if (xDir == "right") {3 b4 z. L9 ?  P6 Y# J7 j) ^! z- ^
      if (xPos > (xMax - contentWidth - BallSpeed)) {& N9 ]+ e. D2 z, W' ~6 W1 F
         xDir = "left";+ s+ `9 }# \4 h, {" v* G) a- y
         }4 F; {& ]3 I9 T
      }
, t8 [* \' x& Q0 R5 Z" J   else if (xDir == "left") {
1 M9 S0 a( G3 B6 O, r6 B      if (xPos < (0 + BallSpeed)) {0 ^0 n2 p5 R& \% S7 B
         xDir = "right";5 ]' |# C& W6 k& r
         }
0 U' p; Q- n- g+ }6 z. d      }: Q% }2 T* W# @! u3 L% C4 r
   if (yDir == "down") {4 F% }1 Y1 E; g, L" I" P
      if (yPos > (yMax - contentHeight - BallSpeed)) {, G% w3 f) F' B0 @+ N
         yDir = "up";3 ~) m/ z  K7 b
         }
/ d5 @5 Y# J* L) L3 q      }
2 E2 y+ @! n) u   else if (yDir == "up") {
) V6 ]: R; z5 @4 L) J$ K! x. Y      if (yPos < (0 + BallSpeed)) {
  |& h% n+ i% ~. G  s  c+ g* S         yDir = "down";
, `! @- q$ b! t$ d& e$ w6 Z         }
9 y- ^" C& f: m5 I# X  M& C* M      }
5 w( j, ]5 O3 `) ^4 q   if (xDir == "right") {  W* s& O  }' b# h; U, L
      xPos = xPos + BallSpeed;8 S# E, Q& s/ G# ]- M' Q
      }
' h  B& \9 e& |: N7 ]4 g   else if (xDir == "left") {! d- S% ?6 ^0 `5 S& P* _$ p
      xPos = xPos - BallSpeed;* U- ~9 \; }% q8 \
      }
$ Z$ c0 |+ D0 v   else {
; o3 ~/ \7 C* x2 W      xPos = xPos;
1 r+ t$ R4 `' m; ~& W& _/ E      }
8 D8 g9 ?. t' R$ T   if (yDir == "down") {
# i% t/ V$ F- N  S% D. S      yPos = yPos + BallSpeed;
( b2 p; R( w" W+ P5 D/ d( W      }
1 e7 |1 p- {/ [, x8 I6 Y9 }   else if (yDir == "up") {
# j1 p9 p0 }6 @      yPos = yPos - BallSpeed;% u& V- v6 |, F: P
      }$ _; N& O( u. W) ^
   else {% I/ X( @( [7 y# B& b2 o3 n
      yPos = yPos;
2 C+ Y7 }, ?! l      }
5 e6 K  h( ]  X, p. S, O; R) ~, T5 |   }9 z) R/ b$ ^6 u0 h

  T5 Z. ^, O- m$ u' Q1 u* ]4 Q, K+ [* X& Wfunction hidetext(){
6 k$ T  y( z+ H$ F6 Jif (document.all)3 V8 p# J8 A7 R+ Y, {* ^
supertext.style.visibility="hidden"- s# {$ m) S( Q5 ?
else if (document.layers)
+ d- ]( I( {! ~document.supertext.visibility="hide"
8 C! A0 @' q- A2 rclearTimeout(animatetext)
2 ]1 E3 r% ?9 D. B" K% ~}" Y6 v: i; q. k) V. E  ?! p5 _/ s

9 ]" ^  z) V; X. m5 K7 aif (document.all||document.layers){; M/ c* K: ?& a& _+ E* J& V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! e9 u9 ]8 P( j; n5 Z' W% m4 F9 W
window.onload = initializeBall;
" h- E6 n9 i6 m; Z' H) |* Iwindow.onresize = new Function("window.location.reload()");0 T# N6 O' M+ S
}5 y( m; c9 o8 n; [& |# m
1 }( |, f5 X& O; n' h! y" a
</script>