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

zw2004

<style type="text/css">9 k9 x- ?8 l) P; V8 K' j7 S, C1 Q
#supertext {
  n' k) {% q: Wposition:absolute;% e) {: c5 X7 A2 @6 ~
left:0;
5 y) L5 L7 q1 @# M- P$ ~top:0;& ]" \+ P9 C  P& L
visibility:hide;
2 p2 _0 _0 t4 P2 evisibility:hidden;6 b1 P0 ?. F5 w. S! t" N' l  y
}
5 i! T  U: W: U. `  e</style>* o6 N. r' i8 m9 y/ D
<script language="JavaScript1.2">' x! J1 h7 f, B2 @- m
<!-- 改变下的字体的大小。颜色-->: T! R7 L; V* R5 }6 z# C" g" J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ K. E+ q; X0 Bvar hidetimer='';6 X/ j3 q5 Z8 Y3 T5 G
<!-- 改变下的弹跳速度-->& G& j7 e# }$ O: r3 l. E% C9 E
var BallSpeed = 20;8 [' j/ _, `; ]( N( f
var contentWidth;
: `- ~& \* R* z4 d' L% a; N/ Xvar contentHeight;1 r' f1 c* @- {0 a# E) q
var maxBallSpeed = 50;
4 B6 _# c' s: J9 P" n, X
, d  v" z* W" |
5 y; F# Y' _% t; u1 |var xMax;
9 v! v& R  G; Y- z7 M2 P& d9 Gvar yMax;6 I# O! w% @. `
var xPos = 0;
$ T# L& L! W4 Hvar yPos = 0;' N$ A. C6 M0 |- ?) f
var xDir = 'right';5 c6 u9 D2 Q% |6 i" u' }/ h' `
var yDir = 'down';
! R2 U/ D9 q) u* Nvar superballRunning = true;& X, r) V, g$ G' X' U" {: D
var tempBallSpeed;
& H% f/ [4 `1 V- r* b9 [' lvar currentBallSrc;# C. T0 k4 O- H; b( Y
var newXDir;
: b: b$ |8 w+ W  B2 ?var newYDir;
1 ^- g, V1 p7 I3 }, z# D9 b
2 d; e: u( E1 afunction initializeBall() {2 k3 b2 ]3 V3 W& `" r( H1 n) g5 p0 G
   if (document.all) {+ a6 c0 }( l  i: c! Q# ?6 }. a
      xMax = document.body.clientWidth
  \; }$ h2 V9 i, P: E      yMax = document.body.clientHeight
3 j! T9 o" H  i      document.all("supertext").style.visibility = "visible";( E2 s3 _1 x5 `5 S+ [0 p* o
      contentWidth=supertext.offsetWidth
% U& _2 L6 h7 b2 b% j      contentHeight=supertext.offsetHeight
$ o5 J+ `3 D/ U: M; b      }
# N' Q/ v+ L4 b8 P  S2 B; m   else if (document.layers) {
% z( k- I) H! H# _      xMax = window.innerWidth;2 `8 E- X+ F/ m4 \/ y
      yMax = window.innerHeight;
6 R7 I% m3 E8 j# `& G! p# a" Q      contentWidth=document.supertext.document.width
3 }- \4 T# s1 W) D0 b3 H) u      contentHeight=document.supertext.document.height
' p1 ]! `; _$ ^$ _      document.layers["supertext"].visibility = "show";/ d0 _! h; j: S0 j2 c
      }
: @" L' @4 H  N   setTimeout('moveBall()',400);
4 V6 g8 Q2 q) z) e" @   if (hidetimer!='')
! o; A/ u0 t5 @+ F( ?   setTimeout("hidetext()",hidetimer)) {0 h7 n4 J4 T$ h, }
   }
9 P0 l) b4 x/ R3 j
  I, k2 o% Y4 E. l' A. C% jfunction moveBall() {
& c2 a% n7 ]: a" f, g) Q& Q   if (superballRunning == true) {
& S4 c1 a7 f2 t, i+ P2 \* O      calculatePosition();
. y/ o, C: r- n' J6 A  h9 b      if (document.all) {
! B' k" b( b, y! L% A8 l: B  a         document.all("supertext").style.left = xPos + document.body.scrollLeft;: `" U# j2 o2 @- S& y0 e
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 l* I- n1 D" n4 [) G
         }% \  m6 ^( v1 t5 F- T
      else if (document.layers) {
5 R, m) z2 |0 L5 z         document.layers["supertext"].left = xPos + pageXOffset;2 i) ^. A2 d# k! C) x/ ~  r
         document.layers["supertext"].top = yPos + pageYOffset;
" \! b* \1 {" W0 G7 `! n         }1 B2 ]$ W8 Z, e1 g
      animatetext=setTimeout('moveBall()',20);3 t% G+ I7 Q8 P9 q9 E: h
      }
5 U; e) L) P3 o$ {' L& P  y   }4 D6 ~0 h6 i, j+ S

+ N1 T$ J( [" J& b; `function calculatePosition() {! F3 ], f8 _2 y5 L+ g
   if (xDir == "right") {& ?" I3 Y3 U  Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: w0 n+ Q, f0 q         xDir = "left";
# `4 Q0 G! x  k8 }         }  z4 x/ W  M: j) k* Y
      }
6 H' Q' ~3 b) n- Z   else if (xDir == "left") {) D. |$ ^' |8 E3 S; r  b+ |" p
      if (xPos < (0 + BallSpeed)) {3 f4 a' j$ K1 Y+ k
         xDir = "right";* L6 `: O9 f8 J. g( x
         }# G! r" o* r$ I) `1 O8 W8 G; w5 X
      }
2 V) M4 U* B9 N% r8 X' O3 {  F2 _   if (yDir == "down") {1 G0 t1 o, ?9 `7 `, y+ Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& c+ P/ m- i! U$ E# v         yDir = "up";
& r) X7 E: k& s: Z' Y4 v1 m         }
! g8 K$ {. X/ K2 |1 c. [      }
8 B  {. P1 V. o0 o   else if (yDir == "up") {5 s' D( v3 Q; A/ r* B7 J
      if (yPos < (0 + BallSpeed)) {, z; I4 Z. G# s! p, Y3 ~- n
         yDir = "down";
8 m0 M  C$ @1 M. k' C$ m( K$ A         }
: u" R8 e' h% D  F      }
/ W: o( U2 V6 V   if (xDir == "right") {$ Y9 J7 H- M$ D: Z) ?
      xPos = xPos + BallSpeed;# n- ]" U' G6 Q4 E2 [) h# a) G
      }
. B5 n/ E: J- M/ a9 y   else if (xDir == "left") {
6 |# [% j7 y4 V' J) }* B! T% O# P8 ~      xPos = xPos - BallSpeed;
8 y7 e0 q( ]* W: X4 N9 y6 Y, u7 a      }; D, J6 a- I2 P- Y5 Q# [; d
   else {
" a, Z! h8 K" `, V& S: I      xPos = xPos;
7 R+ e6 P4 _+ X' K5 p( q      }
4 s9 N$ W8 o: U* K7 Z6 I% z/ t   if (yDir == "down") {6 ^. Q: j$ m$ B' t4 [& y, k
      yPos = yPos + BallSpeed;- `! x( m* u- G! R
      }
7 ]* s' X" ]3 [# z   else if (yDir == "up") {; U; s, D- [% W$ ?# g* ~8 R9 ?
      yPos = yPos - BallSpeed;
# a% ]9 `  A/ ?      }7 D, v5 p1 J) O, P
   else {
) d7 T2 h# ?3 O/ Z5 X' p      yPos = yPos;' i- j; [' j& }* J2 |
      }
# k  b8 ?0 C' ?( I5 q   }
; {5 h) s6 \2 A' x3 p" a
! {. q0 N/ o1 I9 m. |1 Bfunction hidetext(){. [/ f) x6 c8 X2 `6 i) L& j0 `
if (document.all)
2 ?/ t/ P6 J' N+ N5 g: s! lsupertext.style.visibility="hidden"; q7 f6 P9 R6 K# l# w
else if (document.layers)9 a' u) T! e) m: Z
document.supertext.visibility="hide"; p* k# {7 Z8 e+ b3 [0 I
clearTimeout(animatetext)' D% v: s% y3 h8 U+ O3 E
}& l. ^' B$ K' Q6 v
) e4 `& T4 U; A/ B; {8 a
if (document.all||document.layers){- v3 i6 F0 Q& m6 v3 z! S( q  p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# S: [2 ^: S3 |" gwindow.onload = initializeBall;" r; Y; j/ Y# U% A9 P+ a
window.onresize = new Function("window.location.reload()");
6 a) _$ [) J+ o}
7 i# |. j1 J# S6 x8 }; S
$ j, n- U, J) m* W3 x8 a% o</script>