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

zw2004

<style type="text/css">
, J# @& d7 B" r% {  Y$ w# G/ Y#supertext {# {. _+ r/ I6 ]1 p
position:absolute;: H1 W2 w6 y# M0 s; \" n
left:0;
0 g5 x4 K1 y! @' T0 M1 N* Mtop:0;
8 H4 Z, r% ], \- g1 u+ D( K  s) `; evisibility:hide;7 K- b; R& \* g8 s0 r+ V; |2 H" v
visibility:hidden;  |& I( ?. Z2 l
}$ ~: j$ K# v, T1 y4 o) A6 j
</style>, |, |) m$ J5 h! H
<script language="JavaScript1.2">+ z; V. _- Q/ G" e* D* Q
<!-- 改变下的字体的大小。颜色-->
+ z+ H3 [' g9 t& Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ R1 d$ z: ]1 C9 G! A& L: F9 Tvar hidetimer='';3 \: c& a2 [( W$ e
<!-- 改变下的弹跳速度-->
/ h0 a! {; l5 N4 Fvar BallSpeed = 20;2 K* @2 E0 D8 g/ o! L0 S. H
var contentWidth;
/ o5 @. F% Q, y, r! Nvar contentHeight;* u  s0 g5 l* E& o
var maxBallSpeed = 50;
( Z1 x& `4 o2 ~; T- F3 U; _# H; Q& D# I/ w2 a8 _) P$ _
( U4 [4 X4 j. U
var xMax;1 F2 s9 q" g8 t# }! N1 x
var yMax;
+ I9 W5 ~6 [+ f1 X$ Q, {var xPos = 0;: S1 X' Y5 c( g1 G
var yPos = 0;
( M. R1 `5 Z" ~9 X1 c  Z: X: Kvar xDir = 'right';3 P! [& A# U  m: p2 Z% V9 n; v. _
var yDir = 'down';5 z# f2 r! q1 ]
var superballRunning = true;
) Q0 t  K0 E# v- K; b- c2 ?  k9 Cvar tempBallSpeed;. i7 @- X0 @- J4 U/ }
var currentBallSrc;9 H2 q1 b! K8 ~) V  b: u
var newXDir;1 o- _, P1 y4 U
var newYDir;
' T4 {2 t1 S( ?- ~8 {8 N
4 E- ]8 w  s5 ]. Pfunction initializeBall() {  P: X5 i0 ?/ b. a9 ]
   if (document.all) {
2 d; J9 q: a! t      xMax = document.body.clientWidth
9 @) N7 P5 U5 _' T      yMax = document.body.clientHeight
6 p; q" V; O. X) w# Q: \7 J. m* ]      document.all("supertext").style.visibility = "visible";  o1 T+ f( ?0 D+ Q/ f
      contentWidth=supertext.offsetWidth0 I2 a8 ~7 ~$ I1 g: O7 y) R) c
      contentHeight=supertext.offsetHeight
4 h* p5 Q' o0 C, i2 ~* y      }1 @" K, r* X8 S! G, Q" @
   else if (document.layers) {
) w! y0 N+ I+ Y- v$ f      xMax = window.innerWidth;
4 V* y3 O2 U3 |( A( R      yMax = window.innerHeight;
: u, j3 K5 `6 {$ |: p  Z" y7 e      contentWidth=document.supertext.document.width
; [9 N8 g, X7 j- p9 @) ]+ U0 Z" z      contentHeight=document.supertext.document.height
3 T  x4 P1 h, V5 E      document.layers["supertext"].visibility = "show";) l1 w  g9 f+ \& @/ V4 a. I0 B1 \7 C
      }) a" R3 E5 T* P% q5 b% _
   setTimeout('moveBall()',400);2 i! U% n8 b9 g& W0 K- W: @
   if (hidetimer!='')+ f  m( [, O8 @8 X7 v
   setTimeout("hidetext()",hidetimer)
% z( i6 Z% c5 @1 L0 C   }
3 R+ O1 J  @: |6 n6 c, h
* Z: M" w5 |9 b/ C6 ~+ c1 e/ u  Afunction moveBall() {
1 P( p  W' ^% P6 z% O   if (superballRunning == true) {. C' e! M4 n" K/ O
      calculatePosition();# p  f( X6 t& k; ^4 b: G/ I7 B
      if (document.all) {# {- X5 l3 K/ n6 x
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- [+ ~5 t7 Y& c1 E' ~- a         document.all("supertext").style.top = yPos + document.body.scrollTop;1 l# l- L% P4 V- f8 J3 x2 A
         }$ p9 l2 B" V, Y; X( X! z9 t
      else if (document.layers) {2 o/ C8 [4 O/ }0 E4 i
         document.layers["supertext"].left = xPos + pageXOffset;
0 V8 M7 W0 n% W         document.layers["supertext"].top = yPos + pageYOffset;
( E- H( h' }6 ~$ i* u         }3 H' m, l1 }  N0 {- H& ?2 M
      animatetext=setTimeout('moveBall()',20);" Y' h7 H* E- M* Q2 a' E, J2 S
      }1 ?2 [6 |* \, R6 w% ~
   }4 o5 {) S3 V. U
! U3 r2 v& H* ?& _) X% B, L
function calculatePosition() {6 V* T# u% j: E! J
   if (xDir == "right") {
( c8 `! p+ r7 V8 h  f9 K      if (xPos > (xMax - contentWidth - BallSpeed)) {: d' N' c  ~+ R$ c; ]% r2 x; K& F
         xDir = "left";
6 u3 ~) l( t3 y3 g' k3 x' z9 k         }
/ }# a6 U/ P( u% m+ Z      }/ x( `( l+ J( o: ^3 B1 P
   else if (xDir == "left") {3 L. P& ]+ L' W8 A% C9 A
      if (xPos < (0 + BallSpeed)) {
( o, j6 u& e5 }+ t+ F/ w! H         xDir = "right";
# |& m1 \' J# B- h- @         }
) x( H6 s4 e3 B& O      }. G9 D" W6 M4 K# i2 ]. T
   if (yDir == "down") {% f7 K  R8 m" S- O
      if (yPos > (yMax - contentHeight - BallSpeed)) {# b$ C5 R1 G0 X: p
         yDir = "up";# L: o$ g9 E( b
         }
  H' ^9 `) X  d: R1 m% h      }5 s0 ]8 R5 @/ b# R& F
   else if (yDir == "up") {7 S/ u' o! I1 r: T! |% B, y* G/ N
      if (yPos < (0 + BallSpeed)) {/ w9 {$ V. x6 F0 ~3 P( D& @% }
         yDir = "down";. X; _$ i: C+ X. H$ R) x% ~
         }
0 j" Q6 X! M5 n, h& q1 L      }
  G" B+ o' k7 K! e- Y6 ]- [+ `+ ]   if (xDir == "right") {
, o9 o, U- i" B0 P( ?      xPos = xPos + BallSpeed;
1 ]) T( \2 R0 W7 H2 I$ e+ h      }
9 q8 H; o# e) r9 J- ]   else if (xDir == "left") {
$ q# ^/ B+ s( R! T5 O6 x0 h% G      xPos = xPos - BallSpeed;
$ o& N& T% e' i' V2 a$ D; ]4 Z      }
: {* m' I5 l. W8 \: b   else {6 C2 \5 b5 D: k' L
      xPos = xPos;- m9 |" }# @/ ^3 w- k, P  L5 O
      }
/ k, }! n7 O1 W; H   if (yDir == "down") {
) P/ D1 @$ [& Z      yPos = yPos + BallSpeed;
& y( ^( F3 d7 E+ y) S# p3 ?9 {, ^      }
, q5 D& C: ~+ m   else if (yDir == "up") {& K( D: l0 d: f# ?, M$ g1 G/ b/ V
      yPos = yPos - BallSpeed;
) m, L8 y" I% ?8 K! P  k0 I      }* {" c) n* x# T$ P/ K
   else {
7 b5 Q: o# O$ E8 C* X: K      yPos = yPos;: c# J  k/ C: ^( N) {
      }
% G/ B; K2 [* h& n   }' p- i) Z  I3 k! k. n

5 j, F# P, `: Afunction hidetext(){# }) x5 G% [/ f" }2 R
if (document.all)
2 G8 g: q* L3 y7 y2 {supertext.style.visibility="hidden"
) c% h, s4 Z( uelse if (document.layers)
/ s/ r$ P! ]/ Cdocument.supertext.visibility="hide"6 ^( p! W$ U6 L# D
clearTimeout(animatetext)5 W3 P  @* M# A4 x2 E
}
5 W" f% m! [. S% j0 ]" y) c) N5 q$ I* w
if (document.all||document.layers){0 c) ~& S4 n3 N2 y& N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 V( Y5 |& P. ^( a* A( Pwindow.onload = initializeBall;5 l5 X4 R! S5 f' |- C
window.onresize = new Function("window.location.reload()");. p$ d) R2 {4 w& C+ H6 l  \
}
% L2 b' T* n5 d  B6 I! \( L$ F% g1 D  S2 U" c
</script>