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

zw2004

<style type="text/css">
+ M( R. ^! T, u8 E+ y' e& X3 g#supertext {/ ~1 W  P& ]) S( I
position:absolute;) P8 O: {9 T: b
left:0;
" Z( J/ a/ |, A$ Y/ ]; A, Ttop:0;
! b7 `9 ~( {7 K& o2 \7 Rvisibility:hide;
/ T% O5 v& h9 M+ J- avisibility:hidden;
# z/ a% X& q+ x! \- }' y7 R}: o0 }+ |, s) Y: P
</style>
. |2 o! k/ I. W0 _7 m3 j<script language="JavaScript1.2">
" z. C% X% U5 U0 n# a# \" G<!-- 改变下的字体的大小。颜色-->
7 [+ J, s! R7 I8 yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" r5 @9 h& `" N0 e9 L* Svar hidetimer='';
' z% _" H7 I1 f9 T<!-- 改变下的弹跳速度-->
+ V/ ?0 C) S+ y. s2 `var BallSpeed = 20;
" j% H! j  ^; O+ K! Lvar contentWidth;* J( L. U/ I6 ?! M' G' q' j3 q
var contentHeight;
. X- p. X) \! yvar maxBallSpeed = 50;
4 s0 j" s) ^8 s1 }9 S  I5 X: k/ d) L) }4 r  T
! S7 h$ }8 G. a+ x
var xMax;% ^5 O" m7 P0 j$ z0 S9 J, V
var yMax;( y; N3 F; Q7 A8 u3 A# ~# X
var xPos = 0;
( l7 {; S4 R/ ~$ H2 Ovar yPos = 0;
( O9 k1 u$ w  e0 e+ o; wvar xDir = 'right';. G, L7 F8 u3 j( X
var yDir = 'down';
8 G. I0 L1 j) m% A; F1 Xvar superballRunning = true;
1 D! J# H4 Q, r  t  N  lvar tempBallSpeed;
# X, g- U+ W2 g' B& Y' [var currentBallSrc;
, J, i8 z6 e/ g6 Xvar newXDir;
$ g1 Q" u# }4 j7 Y& Yvar newYDir;- A' H6 C, {( [6 ]" E/ B, Y% b

6 |- \# s' G# G! [function initializeBall() {
0 }$ l/ z  Z* [   if (document.all) {
1 s: Z8 F, H9 {2 `" \( E4 l      xMax = document.body.clientWidth
, d! w* f* u* q9 G/ T; q5 g% b$ h      yMax = document.body.clientHeight& \; J4 t/ H: Z2 U
      document.all("supertext").style.visibility = "visible";
4 u; H( i4 V& k+ h      contentWidth=supertext.offsetWidth  E: a, b) }$ K2 o" h$ ^
      contentHeight=supertext.offsetHeight+ s9 f4 T+ v, m: b; [* B* ^1 a
      }# A* P9 |7 x6 p# B( `
   else if (document.layers) {# G* u2 h7 u) Q
      xMax = window.innerWidth;
! v5 d9 Y' g& R9 D+ i% H      yMax = window.innerHeight;
9 v4 s1 T0 L( A% H8 _7 e      contentWidth=document.supertext.document.width
3 m* T$ x9 m2 l; t) B9 j. R& s      contentHeight=document.supertext.document.height# r3 \2 T) f* v% c
      document.layers["supertext"].visibility = "show";
, t, R) q6 f$ `      }6 w6 d6 z/ q8 `- K( o0 i- w
   setTimeout('moveBall()',400);
6 @$ X* T# n$ b0 c. u   if (hidetimer!='')
* i6 _) l% g" c- f+ ~   setTimeout("hidetext()",hidetimer)
0 J8 X" Q' _( {" L: M4 I0 ]   }4 V# }: h6 X, b7 w( j4 J

9 n* _" K6 P; S0 @. [function moveBall() {$ z; A# \1 Z* B0 T7 u8 V; e
   if (superballRunning == true) {( @7 s3 a8 p8 e% ]( v
      calculatePosition();. @) N/ b- I# u% w: w# p9 W$ A4 {
      if (document.all) {
5 y) E+ u; J6 s7 Q, f         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 n% q$ b8 a4 [% z# ]8 r         document.all("supertext").style.top = yPos + document.body.scrollTop;  b" A4 d3 D! {7 i! P- N
         }% n; u# I$ ^; S9 B& ^# n
      else if (document.layers) {; t8 }! e1 W& P; T, @
         document.layers["supertext"].left = xPos + pageXOffset;
9 `( o) K% B+ p) q! v, T: n& `& v! Z         document.layers["supertext"].top = yPos + pageYOffset;  e9 D& r; _1 b3 j8 |  w7 z
         }* B1 H% |) r' t* J9 Q! k, ^
      animatetext=setTimeout('moveBall()',20);" j* h- q& G2 X' Q# D% k1 T3 e$ v. _
      }9 F4 K+ z2 ~9 O) a$ _, J
   }
1 B. d! y1 `5 ~2 Q( O/ y
1 y1 V. [8 `% u' z' l& vfunction calculatePosition() {
' H! A& i6 }+ }, L# v0 B2 A   if (xDir == "right") {# J; w: h( ^7 e$ }" l
      if (xPos > (xMax - contentWidth - BallSpeed)) {; G1 I: ^# i1 X; ^3 m
         xDir = "left";
4 C* J  b" V0 T4 F3 Z+ x         }! q  ^  S+ D0 r/ P
      }9 P0 f# B$ F# q1 |/ ~
   else if (xDir == "left") {6 X, M3 A9 U( p  \, N+ g! p
      if (xPos < (0 + BallSpeed)) {" r: T% Z& \' `$ G
         xDir = "right";4 R3 ]" ]! w1 Z' }: P
         }
) M6 t) u' H% d  F$ I- g      }8 j0 b( d8 a- f+ `& L
   if (yDir == "down") {! L% A; i- q2 I! r
      if (yPos > (yMax - contentHeight - BallSpeed)) {
  \+ m+ ?- J* a) i* w& Y1 q         yDir = "up";2 ]+ I" y; D9 @3 D0 z
         }2 e2 {+ Z# z$ {( B- c; u# R' ]
      }3 C0 F; e% b9 U8 M8 N/ t
   else if (yDir == "up") {" |  C% k  }' o# C
      if (yPos < (0 + BallSpeed)) {# E4 T) L+ d0 [
         yDir = "down";
' b0 ~1 U. [4 \( s) s$ k: B         }
6 L/ D0 {5 j# |$ {4 n      }9 y* Z% ~6 w# I! P5 U8 t" c
   if (xDir == "right") {
  D+ M$ a$ ]4 s      xPos = xPos + BallSpeed;
) j! W1 ]; @5 i$ ]% l4 c1 q      }9 X; |) v) F- q; q1 Q& f
   else if (xDir == "left") {
3 Z3 d9 e% q; |7 I7 S      xPos = xPos - BallSpeed;5 V! i& Q2 R& Q) H& R: W3 `4 q# L
      }
# O( d) F$ T, ]* z* v+ v& U& F# h   else {
. I: h; A' a, K5 r8 D      xPos = xPos;
' p; y; O+ }3 t. X  p& }; b      }
! v8 x9 }; s2 U0 E   if (yDir == "down") {
) {' F* [% f* Y2 W" j2 j2 W% p: j      yPos = yPos + BallSpeed;: C9 I. Z& F& [, @8 B4 {9 S* j
      }! o. E3 {- h. _! j8 g
   else if (yDir == "up") {4 |8 ?. y' j; L% n
      yPos = yPos - BallSpeed;, s$ V( ~" J: h/ g! ^- P" O
      }  ~* J4 r+ }& {' o/ I7 e' J
   else {
/ ?+ O" J* T$ \      yPos = yPos;' i7 O: P. R& X" H' o% P0 U
      }
; a# O" f# h: l) M  W, v# `   }9 I+ l3 [, a- `* o8 m7 i4 U
' p4 A- \$ l- B- j2 r, D( q
function hidetext(){
! a3 Z( D: _' [0 Jif (document.all)
- N& Y  J" Y" v5 ^1 \supertext.style.visibility="hidden"
# u( V7 a1 o0 c% q- Y$ ?( zelse if (document.layers)
5 M, J, D. `( `document.supertext.visibility="hide"
8 F8 L8 M2 g' r% U; I( y# PclearTimeout(animatetext)
; z; h) k" C, E2 m+ Q" p9 B. _1 W! K}
4 F$ B) h/ e1 b/ K0 i7 D- D7 d1 b* C
if (document.all||document.layers){' I( s% G# A) ^0 k! k7 r- s- e& A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! ]5 m& E2 Q: b4 L8 m( O# @: owindow.onload = initializeBall;" v' g, Z* S# k+ y8 l. h% d9 m
window.onresize = new Function("window.location.reload()");
# U+ N6 w) R7 e  g, T1 V; D}! K  z2 m* t: f; e  U( d& y' ^6 W

# A2 R# L0 x4 c- [</script>