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

zw2004

<style type="text/css">' K* V# f/ H; S! c
#supertext {
3 u& K9 |: j8 T2 Pposition:absolute;
' b( X5 ~5 }/ M  b# T; Tleft:0;
1 N; k* ]6 |. p/ vtop:0;% ?' s  G, R) i
visibility:hide;
6 Z$ e, s2 R/ Pvisibility:hidden;
, I8 V, r8 t2 x9 n}5 S( `: f; y+ u
</style>
! C3 F- J  v% q# a, T8 P4 _<script language="JavaScript1.2">6 P2 T% ]* g/ G- D) Q# K, s0 R) F
<!-- 改变下的字体的大小。颜色-->
9 B7 j  w& B4 c, I% w4 j1 ~: V2 jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& ]/ w" q8 _- _* \, Qvar hidetimer='';/ s* }4 w# T1 L
<!-- 改变下的弹跳速度-->
- ?( v( F* P% b- `3 O( Zvar BallSpeed = 20;6 `1 |: B8 `/ z% _, ~
var contentWidth;" {0 w! _' V5 r" }3 Y
var contentHeight;5 ]; Y* r% Y- A, {( _
var maxBallSpeed = 50;
1 _8 \, p7 E& U# F" C
1 ^- G: L: X4 i* j( e
& ~$ `6 Z2 c$ ^  Wvar xMax;
- a% ~6 E7 w/ g9 G7 X+ jvar yMax;
+ T2 A* w  Q. t( ~$ k& Q4 ovar xPos = 0;
* o, W# c$ C# a- S0 pvar yPos = 0;, R+ o4 ]3 L/ |8 P
var xDir = 'right';
  a( x) C5 v, S1 Bvar yDir = 'down';* T9 u: v! F3 F* y' G+ b8 a
var superballRunning = true;
* `0 H! z" E$ }# ~. X8 Mvar tempBallSpeed;0 m1 d( j) u8 Q, Z4 B0 n
var currentBallSrc;6 e. u0 b& ?' o0 @, f( u1 j
var newXDir;+ P: n5 M6 J' C; a; Q7 Y
var newYDir;- ]* }( m3 w" [; h# p8 y1 R$ X

8 R  f4 ^# |; Qfunction initializeBall() {
, b; e$ a& a" X   if (document.all) {
+ K( B/ t/ S, W+ ]* N      xMax = document.body.clientWidth
: z5 C. ~) L' C5 u/ I      yMax = document.body.clientHeight0 r3 c, s: O. @- [
      document.all("supertext").style.visibility = "visible";8 z9 m5 V- j, v4 o5 c1 O2 @& G
      contentWidth=supertext.offsetWidth
1 e2 S* k  @2 x; i: \9 `" `1 }, l6 Z  g( |      contentHeight=supertext.offsetHeight
0 E2 Y$ J. u2 c  P% V      }0 u. e6 Q* [* }# C; I4 d
   else if (document.layers) {
$ U5 e/ H7 @3 g1 p      xMax = window.innerWidth;+ t: W& r9 p; \/ V( w$ U
      yMax = window.innerHeight;
1 L0 h2 S" {" Y      contentWidth=document.supertext.document.width
% X2 F1 K( C1 u  ^      contentHeight=document.supertext.document.height
7 a! h( x+ H2 ?% I; `      document.layers["supertext"].visibility = "show";
4 n9 H( n( W: G) h) ?      }$ d7 ~, i" l+ E3 ?0 W' H- U3 L! O
   setTimeout('moveBall()',400);3 t% q9 C3 ]# i0 J
   if (hidetimer!='')9 z7 [" u1 w: c3 ?" ?% ]! b9 g
   setTimeout("hidetext()",hidetimer)
2 D6 h5 q% E' J# H   }
# \( T5 z1 }% l2 Z0 ], U* A& b; L3 {2 A# n0 b) M; \# n1 ]
function moveBall() {* O6 g5 r2 M! o
   if (superballRunning == true) {( m2 W, H. y2 v* D+ S; E. ~& v
      calculatePosition();
# Y* M" S0 u! C      if (document.all) {' p. f5 x5 K! t
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" e; }9 d2 }% p- H" u. [. |0 n         document.all("supertext").style.top = yPos + document.body.scrollTop;
  @" t3 |% G% V1 l* l4 \         }  y4 T2 F7 E9 d
      else if (document.layers) {) L% N+ r  b( B
         document.layers["supertext"].left = xPos + pageXOffset;0 P$ T5 L  v; Y6 ?, N9 V/ a
         document.layers["supertext"].top = yPos + pageYOffset;
! h9 H( `/ d: I         }
, U  |2 w5 k( N/ S5 F3 U- c      animatetext=setTimeout('moveBall()',20);5 x! e$ D' h* d8 _9 [# a
      }9 E# t* F- A" [6 e+ \
   }
+ a, S, }$ U" W2 F% m
+ `8 U/ J% S/ \+ o( m" V+ H' M: Tfunction calculatePosition() {
, `/ {" n2 g$ D) i# l& h   if (xDir == "right") {
8 m) b( ^- {0 \) L+ V* {      if (xPos > (xMax - contentWidth - BallSpeed)) {' K/ l% @5 x) J% D) d8 K
         xDir = "left";
, p4 N6 s. i2 b/ I/ k- D         }! Q* P% I8 x. S! a2 T
      }
& n0 F3 c1 N4 |5 C3 s* [   else if (xDir == "left") {1 w' U/ H5 S! ?' T3 D5 x
      if (xPos < (0 + BallSpeed)) {
+ e  t9 y# N5 Q: K) {" r( O         xDir = "right";
, b3 {; E" r4 t4 G! d" z- `4 }         }7 w0 ~/ f3 O- Y$ a
      }2 f' P+ M+ z: g* G/ G% Z" X* w
   if (yDir == "down") {: k3 \, M+ z+ H: A3 p: t1 i6 i- a
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: {, m( O5 M" q* l; \         yDir = "up";
; {; d, h2 P$ J7 k         }
5 Y% G% Z9 k( ]& ^, S      }
9 ^: i* M+ S- F1 K: d: z. t7 ]   else if (yDir == "up") {7 h# l! Q  _: V$ y4 y$ U
      if (yPos < (0 + BallSpeed)) {1 t" ?$ j8 y  c
         yDir = "down";) x0 V% \( m4 i5 F1 q6 c
         }
9 C! c# s, l2 c+ b. P      }8 i) z8 x8 Y$ C
   if (xDir == "right") {- a9 N! P8 ]! B
      xPos = xPos + BallSpeed;
& m0 z; P8 Z! |- }* \6 j      }# I" J2 s- v& W6 c' r
   else if (xDir == "left") {
) M  g% C9 C. `      xPos = xPos - BallSpeed;9 f. Y2 `, G4 L8 m# C0 h5 |- {
      }
5 J+ m5 S; z  t! [( Z; _   else {- z. D7 a6 B! e2 z
      xPos = xPos;
2 `8 E- S: p4 k- d# C% D      }( h) x: I: m6 n; f# _3 }9 x
   if (yDir == "down") {7 O) v! T5 d' R, E4 b% X* |# W! w
      yPos = yPos + BallSpeed;
; g& ]+ M) Y0 }: \# c      }
& w! j) J/ l/ M( s, `" b   else if (yDir == "up") {% K' N. v2 G$ g
      yPos = yPos - BallSpeed;
: o% A9 p/ ~3 [/ b+ D0 \7 y/ q5 E      }
: l+ c1 ~7 Q' Y# \' }2 x. v3 }9 c   else {
5 ?' U  Y- G# t; \- ~- ?8 ~" G; e5 l      yPos = yPos;: Y/ l. Q6 r1 J( F# ?
      }
# N) ~/ e( u7 ?   }  m1 J" U) }0 _4 u5 B) C' M) h
& {2 \0 I8 d  r" p. l' n
function hidetext(){$ q& S7 ]& g- j* I& f
if (document.all)
+ L; p7 X. t5 R) K, qsupertext.style.visibility="hidden"
+ O4 c" T6 o- Q3 I; N; Aelse if (document.layers)5 a- H; h" P) b: l! b
document.supertext.visibility="hide"% H( C+ d: @% Q& ?& {
clearTimeout(animatetext)% \  j4 X5 E6 [. w
}7 m: p! a# ?- b. a" C, Z4 e

6 Y- J5 U, e3 R  Xif (document.all||document.layers){
( C& Y6 D' |+ O' ]# r  Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 o6 G8 C5 Q1 owindow.onload = initializeBall;
/ m% K# T3 i: z% xwindow.onresize = new Function("window.location.reload()");9 h- m+ P/ F: v! H
}+ k" ?5 L2 l6 l: C2 E. k
$ B% i/ v* D6 i! Q$ i8 l
</script>