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

zw2004

<style type="text/css">
6 Y2 g1 r; `  P5 ?% r#supertext {3 x: O5 h) E1 N) `2 n$ K& V
position:absolute;
* P2 A% }. S( I2 b+ eleft:0;# Y4 x# \' o8 X- K6 S
top:0;
5 u; Z; t( B, G  Yvisibility:hide;
& N( I1 O0 h7 y2 G$ L( Cvisibility:hidden;
5 U" `! X$ V+ H* ^9 @}2 A4 T" s/ x  o8 B! p! }( ~/ z  c
</style>/ [# w3 e# x4 v8 z8 R& f
<script language="JavaScript1.2">
% W& J- m* I$ l6 P, E( R- U<!-- 改变下的字体的大小。颜色-->4 s$ d: G$ `/ y+ ]4 P6 H* C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ x$ S7 Y5 n. P6 Y- e
var hidetimer='';7 f4 o0 e/ S8 X1 C- s8 @
<!-- 改变下的弹跳速度-->
% C) h& q( S( R0 }7 e+ w/ Ivar BallSpeed = 20;& U* f2 g% S, t! g6 f, \: A
var contentWidth;
+ k( p- g8 q2 _, G4 o9 Bvar contentHeight;
& a$ g5 o2 `! V$ J8 t. Z+ D& rvar maxBallSpeed = 50;
: W# b: M2 ^8 I6 X
! B/ D/ h* j. i; z. {' b- z* P/ x8 v" D. {$ S# b# ?1 n
var xMax;
3 [; \- H2 f5 B: ]+ Lvar yMax;" r+ f' w, O! T, C  h# ?8 W2 d
var xPos = 0;
& v6 \5 d: l) i( gvar yPos = 0;4 g3 x5 _" ?* k7 z1 `. f
var xDir = 'right';) |# y) T: R$ u# b3 g6 B
var yDir = 'down';
6 T; R- K" A) X2 Yvar superballRunning = true;
: T9 V, H, s. ~var tempBallSpeed;
6 t* {, p9 c& I2 a, ^7 E* _( kvar currentBallSrc;$ o) b) g( Z4 |- n# O6 j
var newXDir;
- G) }4 C; `% J* }# D. lvar newYDir;
2 r5 A, f8 D6 K" Q4 }/ f) `' a% Z; [6 k! Y% w9 M
function initializeBall() {2 h/ J$ [) X5 S  x# ]
   if (document.all) {
) R1 k' w- m! ]6 ~; J  [' ~+ f      xMax = document.body.clientWidth1 U/ F- M# M$ p; [$ H
      yMax = document.body.clientHeight4 }/ Y; W0 r: m8 ?: h" _
      document.all("supertext").style.visibility = "visible";- n" X; v4 i2 i  Y- ^7 A) F
      contentWidth=supertext.offsetWidth7 O# a* l, |: |6 t" Q
      contentHeight=supertext.offsetHeight
0 \' d4 t1 k  R  n      }: l: f0 x1 m" C0 E; B0 j5 A
   else if (document.layers) {7 _4 ~" x/ H8 ^  E  A2 t% l
      xMax = window.innerWidth;+ r' O. @) N1 h- `8 m8 a
      yMax = window.innerHeight;
. d* H3 X* d9 @! W+ I      contentWidth=document.supertext.document.width
4 e2 G- t5 S4 O) q0 m      contentHeight=document.supertext.document.height
3 c" i; J- |  L      document.layers["supertext"].visibility = "show";# Z* q% K- y- U. ]
      }
" i, o1 \+ h9 t   setTimeout('moveBall()',400);
9 `; G  y1 `+ l# q) M1 Q, K/ d   if (hidetimer!='')8 C4 {$ D" Y. R/ s
   setTimeout("hidetext()",hidetimer)
, ~1 y0 e; d  u' G. S! b   }
) `6 s* k5 ?7 x3 C3 [8 X/ i# O+ Q) z" X& P  w0 N
function moveBall() {2 }" Y1 @& E4 n* n4 _
   if (superballRunning == true) {
5 h9 V4 V) j6 Z/ I      calculatePosition();$ h. ~7 b/ B- T0 Q6 h# w$ l3 B
      if (document.all) {
* i. l$ h( I' Y9 Y3 j  k0 k9 b* o         document.all("supertext").style.left = xPos + document.body.scrollLeft;) l  k: I# i) Y4 f3 o
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: v5 \1 L7 l3 F% s: U: B& j         }/ A- T. R0 |; Q5 y) C5 [
      else if (document.layers) {
; O! [2 O9 |3 I$ [         document.layers["supertext"].left = xPos + pageXOffset;
, {6 v1 @$ y+ z9 V3 B8 G6 b         document.layers["supertext"].top = yPos + pageYOffset;- I) m/ ]" I' [6 g
         }
- q' A7 S1 m! }. A* c: z) v1 i! T- Q      animatetext=setTimeout('moveBall()',20);
1 ?% e, O, d& Y# w1 v      }2 z( m) y2 J2 {+ p/ P
   }0 a, k, ^/ R/ k, L' L: X6 T) b. i
4 q' y8 f8 f! E$ ?; p
function calculatePosition() {3 R% g, D- K$ A& h2 A
   if (xDir == "right") {- n# m. t' E% E$ O' K* v) r
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ [9 J- K( ^3 @* z# ~2 V' N, t# S+ Z& @
         xDir = "left";
8 t$ Y$ I" v6 @, k         }
' \$ k! u0 o. R+ w6 J: P      }1 t6 P  |& R, @
   else if (xDir == "left") {) C6 t: c5 S- h  \
      if (xPos < (0 + BallSpeed)) {0 f) y  x  }4 T
         xDir = "right";
. P- L8 @" R2 b9 p! q. `# |         }" g' u: h4 R8 f( A( b7 s9 n6 @
      }+ O2 S' v8 Y. W. T1 o) f
   if (yDir == "down") {$ y7 \( J9 O* Z2 S$ r8 i
      if (yPos > (yMax - contentHeight - BallSpeed)) {  \' a& D/ Z' P" s; K" ~
         yDir = "up";( m, j3 w# Y' s2 j$ R9 v
         }
: l) f/ x% e0 W) T      }. s3 J. N2 s4 v+ K4 Y0 \( G
   else if (yDir == "up") {
5 `& b4 Q2 i8 U- i/ {      if (yPos < (0 + BallSpeed)) {% w# Q* W! h0 R& Q. T
         yDir = "down";; }, y6 f; `; `1 S% x
         }/ H. U2 o* ~2 R0 g
      }, @2 L* o" y& L- z( h& ?+ L
   if (xDir == "right") {
- s3 i5 O- p: U2 u3 z      xPos = xPos + BallSpeed;
$ _6 G2 {; E9 M- t7 O0 N2 b      }5 `5 |0 C, ?- Q/ y
   else if (xDir == "left") {8 \  s3 n( J) M+ E' R7 N
      xPos = xPos - BallSpeed;
% r. u: Q. u5 V3 A  C" k      }- Z/ r$ |* |' h- I8 d
   else {
! h) m' r$ ~5 n- Y      xPos = xPos;' L3 H$ t8 E2 h, ^8 e
      }( _0 Q+ R; ^" n0 m8 M( P' O, h$ T# G
   if (yDir == "down") {! s5 a" S) C  m3 ~
      yPos = yPos + BallSpeed;. {4 U, I+ J. W8 v( y
      }
6 b2 o6 e4 A6 I/ G( d   else if (yDir == "up") {
2 m% q0 `2 w. S      yPos = yPos - BallSpeed;
3 L, k& T# W. c4 o$ N      }
4 W3 k5 d" I5 ^& J   else {
6 _. \( L: ~3 b) O8 B      yPos = yPos;
0 H, \2 V% N5 z5 e      }5 ^; O) ?1 U. q0 ^
   }
* k2 x" [% U! L& N3 Z( z4 V' A9 r8 t4 f# j! ^& ?& }) L6 u
function hidetext(){
$ c) q& d% S$ pif (document.all)
# f# I$ d2 J0 f& O  B  e5 }supertext.style.visibility="hidden"
! e. H, b+ r( x  v# M; ~' ]1 aelse if (document.layers)
8 Y( R+ p4 Z+ ^1 zdocument.supertext.visibility="hide"- L$ ?  P& a6 [0 x
clearTimeout(animatetext)
* B( @9 J' ?% j& M: f) A}
) W6 q( ~8 F% g8 W+ k7 e, c. s- N4 ^& {4 t; ~
if (document.all||document.layers){
3 W! k% a9 H/ e5 y  N5 k' Vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# c5 ~# O8 Y' R. `# Q$ l
window.onload = initializeBall;
5 ^: X  K2 v" Z. `, w" Rwindow.onresize = new Function("window.location.reload()");# l2 H- n, V" O& D
}
2 [3 P/ R* d+ S' o: @6 k
2 K/ A6 Z2 s( _/ Q9 A! F</script>