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

zw2004

<style type="text/css">3 Z8 @- T$ b( a( {( E
#supertext {' u0 f$ M( o, j
position:absolute;  T3 C5 C$ f$ N8 L3 ~2 S. Y
left:0;
6 `1 L' f5 i6 O9 v4 h# k6 otop:0;( ~' S, K0 N1 i: a. G
visibility:hide;
" P- t2 `3 p% Svisibility:hidden;- h' L1 ?1 u( ?* v' |8 G  T- R, [& o/ g
}/ R3 F" b; @/ T" u3 U
</style>+ M, W- F2 ?! B. J. b
<script language="JavaScript1.2">$ W* H6 @: J1 t* J9 e" G  c' j9 k. i# `
<!-- 改变下的字体的大小。颜色-->6 [4 v$ A& _* q. q' m) O: f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ M  z( ^( H$ k$ b/ A
var hidetimer='';
2 ~- u8 `8 i- Z6 ~0 W( O+ N<!-- 改变下的弹跳速度-->/ f' ~! J. {& S4 {. N
var BallSpeed = 20;
2 E2 h6 ~5 g$ O. J' yvar contentWidth;- |' _( u  b- `0 {! z
var contentHeight;! q# V6 O) Y4 }: X) P1 B
var maxBallSpeed = 50;- U0 F! i% w1 u
# h2 U4 H: M1 Q2 y7 `" Q% C
5 L/ \2 B. E; ]. \
var xMax;
. I& @2 T* X1 z3 L$ G% Avar yMax;
' x! C; w9 W9 {; m0 _var xPos = 0;
/ p- r: v( [$ D/ G/ K5 @var yPos = 0;
: S+ I$ \; `- U, ?* xvar xDir = 'right';4 L$ b/ `4 c: p: K
var yDir = 'down';
( {( T/ L8 b1 t* D; z* c: _$ Kvar superballRunning = true;* c! j* G( E# e+ f  G' l+ U# B+ n
var tempBallSpeed;! S( x( ]- c6 Q9 s) G  N
var currentBallSrc;2 o6 F! O3 ?# s& U3 I3 ?9 i
var newXDir;+ l% R- A- m3 ^4 Q$ b* |% X& h
var newYDir;+ j. l' F7 P% y( V) ]% i0 }# [' N
  z$ ^% l. [$ w0 x
function initializeBall() {
$ C4 L, e" S* i8 r  J6 }$ R   if (document.all) {
' s" Z6 W2 A# c; c& d      xMax = document.body.clientWidth
9 j; Z! U( z2 ], `! }1 s% m1 U      yMax = document.body.clientHeight" C. w7 ^* K/ |; G, W
      document.all("supertext").style.visibility = "visible";" c0 Y( [* O* S  V5 n6 o
      contentWidth=supertext.offsetWidth/ _" P3 s- W% k5 V# h5 |
      contentHeight=supertext.offsetHeight
# a0 g' D6 a# w$ \$ k$ z$ c      }
, ]- r1 S# r& s9 f" m   else if (document.layers) {. j) [- u5 A* N5 C5 k3 r# I
      xMax = window.innerWidth;
% m2 w. T; `# |" W+ w      yMax = window.innerHeight;; ~* V. a5 F' j! X, D9 z
      contentWidth=document.supertext.document.width! }* C, c' S" ?6 c1 n& L" `  Q2 K
      contentHeight=document.supertext.document.height
' O! |* B6 J" \' n0 X- d1 M      document.layers["supertext"].visibility = "show";3 z! h- [5 u: Q3 E( ]
      }9 P+ B( u6 O$ o9 _1 n0 W! [7 h  n
   setTimeout('moveBall()',400);9 N: |* {9 [  }8 J  z' h
   if (hidetimer!='')
4 C/ {& `. G4 P$ z   setTimeout("hidetext()",hidetimer)& v4 ~$ D3 I' n& B. X
   }
1 Z  N7 \& ?  {7 N
& i( b" ]8 X& N/ @9 a" O" b. A4 kfunction moveBall() {
- q, {. `) ?7 V& Q   if (superballRunning == true) {. J0 p/ @9 a2 ?& `9 ~: X
      calculatePosition();
( s& P( K5 E4 D$ q  j- Y; ~9 _" n: U      if (document.all) {
1 f1 G- K/ ]. b2 k: q, o4 L1 C         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* a0 b8 M7 o# U6 Y9 r         document.all("supertext").style.top = yPos + document.body.scrollTop;: o# `2 h  v' d+ i# }
         }) B3 \! `! r' u1 v# {1 g/ }/ ~
      else if (document.layers) {9 p" W2 D7 l# r/ a) F1 e) A  f
         document.layers["supertext"].left = xPos + pageXOffset;2 c7 M0 M& E. n+ N
         document.layers["supertext"].top = yPos + pageYOffset;
( m0 F+ ~4 s* E/ t         }7 \' W- {+ K5 q1 ]! {
      animatetext=setTimeout('moveBall()',20);: M9 H4 r, _* F/ U( Q/ V0 B
      }* ^4 ]  e- K+ H  G! b
   }, ]8 D" q" o5 N( c' G7 }( U
( a! K) W' N5 ~7 y0 X- R
function calculatePosition() {4 _1 R! b8 H% w
   if (xDir == "right") {" L- X+ T" ^" a* S# w
      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 M8 t/ X& V& ~8 ?8 N& C         xDir = "left";" J" S; e5 T# a$ {+ w3 {" m) h
         }
; ]0 g' R( m* i! y- u7 _2 A( k# K      }) Q% a0 T+ U/ }' [6 e/ I: l
   else if (xDir == "left") {0 K8 k4 H& \! I! A* e$ ~& Z
      if (xPos < (0 + BallSpeed)) {
! X$ E& J1 t% O8 |/ a         xDir = "right";
( H5 u6 p7 g2 e  e# B5 i  \         }
& }# U: r. c& g8 {# {# C& j      }- d5 F1 V5 Y5 K0 F
   if (yDir == "down") {, G9 n( b2 N/ H
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; Y! Z& T2 [& P. T3 K- Q, E. ~         yDir = "up";
' M1 D3 k1 z, x! B- R         }
% T/ \2 o- O0 x: j% x2 h      }' ~- W) q$ Y5 @9 l
   else if (yDir == "up") {8 I/ y0 K; W+ P5 l* x6 |( F
      if (yPos < (0 + BallSpeed)) {
: K2 I$ Z5 V, _( e# v+ R6 E         yDir = "down";
/ @6 W/ y9 V1 ]2 f- j; |         }
* i( P) F* G+ O4 U; P0 c! }      }0 p$ @& {0 V4 U
   if (xDir == "right") {' z) _5 d$ C' \) y/ l! e
      xPos = xPos + BallSpeed;2 S  v' R; F! Q# E! ^  X
      }
7 a7 ~( c6 r) w8 @2 o+ V! v   else if (xDir == "left") {
2 z" M9 j* l7 K+ y      xPos = xPos - BallSpeed;( ?7 \) }1 c. w* _* {1 b
      }8 l1 s# Z$ S6 m8 H. o/ |
   else {4 N% H( e1 c& ^7 Y+ D
      xPos = xPos;# I; U; M! R' {: l/ L" t/ c
      }. T1 y$ D; m9 I3 Y6 h
   if (yDir == "down") {
5 `* T1 M1 _) ~, N      yPos = yPos + BallSpeed;
# h* a: o2 t% P+ B* U( _' \      }! E1 k* v/ e3 c) s& L
   else if (yDir == "up") {6 Q! P. q+ Q5 l  x& w, G/ a2 a
      yPos = yPos - BallSpeed;4 L/ o# Q0 g/ B  s
      }: Q8 o! J5 c  k% T! I0 B. c
   else {- c; j$ a, k1 F7 B  @/ o
      yPos = yPos;' H/ t/ W  a: |7 v
      }+ q9 @3 v4 W. }- D
   }# k/ A" R2 i: \1 E" u
2 ^' V- q/ E3 Z' K
function hidetext(){
) |% Q- _9 e: K: Bif (document.all)
) [' h2 G! F/ Q0 e% [supertext.style.visibility="hidden"
3 _: |4 ]0 Z- A8 xelse if (document.layers)  C+ z/ o7 ]6 U
document.supertext.visibility="hide"1 y; k: k, n' I5 W
clearTimeout(animatetext)' m% u1 \- n& x1 X5 Q
}4 W) v2 ~, W) a

( S% w, H5 u( [: Q# }% ^if (document.all||document.layers){
# [7 c1 X$ e  S# z. q: Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ T( O8 H, P. ]+ R# L
window.onload = initializeBall;
. J: V+ w% U* ]' f. S0 J5 Bwindow.onresize = new Function("window.location.reload()");) E, x7 f. y3 Q( }5 h( S2 o
}" D' W7 u5 _1 W- W# k, R# ]
/ Z! a% l6 H( B# C" I9 X
</script>