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

zw2004

<style type="text/css">
& V4 W+ I& r- y# F#supertext {
/ p! M  f: R' h; T. u# ~2 tposition:absolute;( Q  j7 P  n7 U! q* m% v. p
left:0;$ w2 I& ^; z- _- x7 b
top:0;' B; _% Q4 ]4 d1 v8 z) z$ M
visibility:hide;: C4 {/ ~9 f/ \6 b0 o* X  b
visibility:hidden;
- K% T7 U# P  j! v) d}% r4 V$ ]  x/ O# |/ J
</style>
4 r! t' b* k6 V$ Y, z7 i<script language="JavaScript1.2">3 l7 E1 r- v  N' [5 k# U
<!-- 改变下的字体的大小。颜色-->
5 L% h. Q& a# x  L- h9 ]5 ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" x0 l$ k' [- b
var hidetimer='';' r' x6 }' y' F* w, h2 b
<!-- 改变下的弹跳速度-->/ C+ h/ F/ ?$ x& Z3 e7 f. Q* `
var BallSpeed = 20;/ i0 r4 i6 s6 {- c8 Z$ _7 Z5 q
var contentWidth;$ j9 N7 e# [, F3 t1 ~) k
var contentHeight;  r# V' \* w8 y
var maxBallSpeed = 50;
) Y/ L3 T7 ~0 e5 d' ]+ \+ A
9 b# E( j$ w3 j1 e! U; V- P' [" x- h+ O0 C/ w5 {
var xMax;
1 [' y9 ?. y  T( Rvar yMax;
( V: I8 \* \' K% y" ]! j, Gvar xPos = 0;
4 M4 [( h0 j) h, X# Vvar yPos = 0;
' y& ?; f5 g7 o. N8 L- O) Nvar xDir = 'right';5 y' k/ I/ t5 \7 R# s2 Z: {' k
var yDir = 'down';1 N$ t2 z6 _1 f) W) \
var superballRunning = true;# q' l: y0 x; V. t
var tempBallSpeed;
% F) {. l, J4 k, tvar currentBallSrc;3 C/ _1 R- w4 \$ G, F1 j
var newXDir;/ }9 z6 D! q5 X" l* v* k$ c/ d
var newYDir;
: I$ g/ N* a% p# v$ I% m/ u( J4 ^
9 V& z* L' @: P2 \+ [. qfunction initializeBall() {
! J, c' u' e& q% J( v   if (document.all) {. w7 f! `* n' c2 |, w- w4 F
      xMax = document.body.clientWidth- ]) G. m' ]4 m7 H' N4 N& i& ]( M
      yMax = document.body.clientHeight
, M" }* q9 p6 c0 Z0 W8 R5 A      document.all("supertext").style.visibility = "visible";
% O! S, c: \2 i* D5 ]      contentWidth=supertext.offsetWidth( i' A0 X/ `; ?  P
      contentHeight=supertext.offsetHeight8 y* _0 H( x7 A* h  p
      }
" J+ s" I$ y  u8 W   else if (document.layers) {
5 A3 ]. z, j# c0 w' I2 `) p% n% i      xMax = window.innerWidth;4 v, l/ P% [- A( M  K" b, Q7 g, C
      yMax = window.innerHeight;) k2 j9 I/ h5 w& f5 i
      contentWidth=document.supertext.document.width4 r; g4 C- h' c8 e
      contentHeight=document.supertext.document.height0 O" Z7 N; }( W  O% d/ s
      document.layers["supertext"].visibility = "show";
  q( i! T) Z) f7 c/ H      }4 s0 q1 u! c( a3 R
   setTimeout('moveBall()',400);
' m6 W; u/ I  g* J   if (hidetimer!='')2 K. s( y0 Y9 ~  J8 {& D9 }
   setTimeout("hidetext()",hidetimer)  Q$ \0 Z/ k2 P' r, }- [" [: _
   }
) o% g7 y8 h, O( D' t/ Y% x: t: Q) K$ ~  Y4 }; I
function moveBall() {! A( b  q4 Q- `3 R! o
   if (superballRunning == true) {6 ~8 x* X7 L0 i2 M  s8 b" x
      calculatePosition();
! y( B" V% |. R6 E+ }9 G1 _" S$ p6 q      if (document.all) {
' W* d3 _. ^1 `/ E" j         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* ]! `# E: o$ u9 i8 y) m# p3 b/ \         document.all("supertext").style.top = yPos + document.body.scrollTop;% W7 V& A8 e  I* N6 t
         }
7 t% Z9 i  Z6 g) ]7 T      else if (document.layers) {0 p  y. a5 I! O6 }
         document.layers["supertext"].left = xPos + pageXOffset;
1 K/ K+ v# C6 p; |         document.layers["supertext"].top = yPos + pageYOffset;4 F$ E1 K5 ?% |# y- T& p
         }
& c) M0 m4 _" W0 B6 m      animatetext=setTimeout('moveBall()',20);
& D: i4 C; W4 t; C' D      }
/ W2 g& h- R/ \# a- R   }$ y! I' s# k- K: O3 d
8 P) e$ ^# Q  m; [
function calculatePosition() {
, C! S% R, v1 \# ]   if (xDir == "right") {
# z+ s# K* q7 j      if (xPos > (xMax - contentWidth - BallSpeed)) {
: v% Y' j8 e9 B; l         xDir = "left";9 a" R" r. a  U% ?
         }
/ J- D, i2 d/ ?% ]      }
- Q: n& g7 a( M   else if (xDir == "left") {
2 @- p: b* O* E. }9 K( ^, \      if (xPos < (0 + BallSpeed)) {
7 n& M  O7 }- H" P) d         xDir = "right";
1 N/ {2 I/ W! u0 P3 N! Y0 o         }! h' c' I" {! i& x
      }$ t0 G  }% f( F. c* c
   if (yDir == "down") {, D* h" z  p# ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ _- i2 L$ J: B6 o  _4 i& m; h6 o         yDir = "up";* y2 [+ k, |3 n% K# j: `- A
         }- E5 O2 L7 Q. C8 o( c+ d2 ~1 b
      }, J, J9 A- L" {& X# c5 j! }. p
   else if (yDir == "up") {0 G  Z5 v% d  A4 L5 E, [) l
      if (yPos < (0 + BallSpeed)) {; p+ J. H( k5 Z% M
         yDir = "down";
2 w* _9 A5 H# C) x) u' t         }% R7 z  T' \5 s/ K/ s
      }
& j+ r$ p% V1 [  U2 M9 v   if (xDir == "right") {
' v- b4 j+ O* W      xPos = xPos + BallSpeed;
9 ^) ^8 X# p+ p/ ^! ]* A      }
* g  r# ^. A! W. y   else if (xDir == "left") {* V, A% }) ~9 V/ I9 \
      xPos = xPos - BallSpeed;
6 ?. l3 L* ~( H' V      }
9 Z( v3 a# `5 S# z   else {# u( f( [+ }3 |5 n. p5 A
      xPos = xPos;2 i* M) r' v3 C. g' P$ I) h
      }, C1 z0 S! V) D& Z9 n. ~% ?7 m
   if (yDir == "down") {: r4 H6 H( S$ O3 B( E5 E9 q0 F" N
      yPos = yPos + BallSpeed;; A% X8 V% g& y% j* Y2 _9 p, q
      }
5 }) W/ e/ g2 D" A   else if (yDir == "up") {) g$ e) @' ^1 U+ d$ \
      yPos = yPos - BallSpeed;9 I# a4 p5 O* L$ A+ t9 g5 f: W, o
      }( Y7 `- }* v8 s! |
   else {
& S/ I2 I0 q4 v. o! {      yPos = yPos;  r1 \- v7 a7 M1 X* |  m8 V
      }
, a  s1 k7 L. f/ R( T5 C   }
' n' ?9 S  C; o2 n
7 d# p) L! w0 e3 Q5 Pfunction hidetext(){
; Z3 G7 j) v  y' f9 g  a6 Kif (document.all)
3 X+ B# _6 ^* j2 E( u, T! Ysupertext.style.visibility="hidden"
  G. G" ^9 u6 g9 F; Ielse if (document.layers)
9 h  N/ E$ x7 z6 S% b  j& sdocument.supertext.visibility="hide"
; j9 H: i3 l; QclearTimeout(animatetext)$ {: b7 `5 j; y% J
}
7 q2 c6 B; j( V+ Q+ y' ^
1 K- K4 `7 ^* r; [. ~6 q5 c  Tif (document.all||document.layers){
8 Z0 Z9 y5 d# }0 Q8 mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 ^) |) V$ I( T4 n+ F
window.onload = initializeBall;
+ R7 T* P4 s% |* Kwindow.onresize = new Function("window.location.reload()");
5 S. ~' D1 v2 E4 t}  a# Y* m3 F7 F9 T
0 K  o$ m* H; i
</script>