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

zw2004

<style type="text/css">
5 z$ h; v3 i1 W. X#supertext {1 b8 D# [, a/ _$ I
position:absolute;
3 F( `5 I0 K, J- w/ z7 m( I# tleft:0;0 X5 n4 D, x( G
top:0;! g/ o+ p( p; X2 X- n$ f
visibility:hide;
) n2 G8 @* g. M: i2 Xvisibility:hidden;! a$ H- R0 J  h" U
}
8 i& s% Q* l! v# m3 O3 N* D</style>( X$ u* E7 t1 P% l3 l
<script language="JavaScript1.2">) y# v0 Q  k: c
<!-- 改变下的字体的大小。颜色-->
+ }: K* i( V% tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': ?3 U" x/ Y1 s: h& e8 M) C
var hidetimer='';$ [7 q$ V4 f1 J
<!-- 改变下的弹跳速度-->% h+ U6 g3 K1 O6 }
var BallSpeed = 20;
1 W& G3 U: n3 K0 S) t) u% lvar contentWidth;4 g1 V/ P) Q  V% I) r
var contentHeight;
' N7 {. F9 w: [, Zvar maxBallSpeed = 50;* C/ N# I" o- V: A/ `" j9 N
4 G2 d/ a6 j( P6 S6 J

1 x5 X5 L, v7 P0 P& B% nvar xMax;
6 x! G( {, l+ |  i7 Cvar yMax;, J- [# J9 ?# X  X1 e
var xPos = 0;" I& B- F$ L+ ?! L: L& \- x
var yPos = 0;
0 z$ }, r5 h1 d7 X0 O% vvar xDir = 'right';, l, S6 Y0 B" J8 ~
var yDir = 'down';4 {6 ]0 R4 B1 B
var superballRunning = true;
+ t$ L( S) ^# V$ v5 S0 ^* tvar tempBallSpeed;* N" y- L+ |. A7 d4 U' D2 ^3 ^
var currentBallSrc;" M$ i. L; B+ A  A% f4 n
var newXDir;& [7 S5 `. h8 ~0 S2 |  ^
var newYDir;5 m+ n) R& D" B, J

  x# B" a- Z6 I# G$ \/ Hfunction initializeBall() {8 c& N! {8 d1 z
   if (document.all) {9 f/ `7 @' O3 _4 w
      xMax = document.body.clientWidth% |& E1 \! G0 r9 J6 T& b; D, B9 _
      yMax = document.body.clientHeight
+ j3 b$ V" I8 L# U0 e  k, G      document.all("supertext").style.visibility = "visible";
4 \, ]* o4 q. o* C1 p! o8 T. g      contentWidth=supertext.offsetWidth, L0 [6 g  p7 \
      contentHeight=supertext.offsetHeight
) A8 k( J" X) _3 P# n& x8 b      }* W* A3 u! T2 b: F! |( L" L) v
   else if (document.layers) {
) m' [( b2 u! C1 I* V* b6 G" l+ h      xMax = window.innerWidth;6 A- A. H3 G. E# c3 D* `* h! T
      yMax = window.innerHeight;
' X1 z, G  o7 K      contentWidth=document.supertext.document.width' a. G; b8 q# h' f% t
      contentHeight=document.supertext.document.height. a0 _/ X$ x* [# F7 @+ ^+ ?! w: Q
      document.layers["supertext"].visibility = "show";
) Q2 i7 @2 ]$ M$ {. N      }
9 C/ V# e7 t' {- F! Z0 T; @" ]  w   setTimeout('moveBall()',400);
9 Z' x& o) e; d4 k, @4 c9 m4 }2 _   if (hidetimer!='')' r# n" k- \3 w# _9 J( W1 G
   setTimeout("hidetext()",hidetimer)
7 I2 C. F/ u8 X; k) S5 U   }
5 _$ I8 m/ ]7 a3 n$ z2 v, R( J0 d) h9 C2 p& j
function moveBall() {
! B2 O! l) ?$ r   if (superballRunning == true) {
* }5 l8 v7 o' k      calculatePosition();
8 Q  D! b& I7 Q4 |: ~& r" ~# ^      if (document.all) {
( f! r/ \3 h/ n+ u+ }, c         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# \4 U# @! N/ l" X, l% A         document.all("supertext").style.top = yPos + document.body.scrollTop;1 i% ~9 r! r6 H& O& G8 t2 |$ a
         }
. E1 |, a  z/ M7 A) I7 {8 b: `      else if (document.layers) {
6 K; j2 p7 f- ?: S  L# F         document.layers["supertext"].left = xPos + pageXOffset;
) a$ L" y: B, _' ~) r         document.layers["supertext"].top = yPos + pageYOffset;
" e. H; i4 ]9 [! z0 j' L* ~8 M         }
, w2 j4 b8 i, G! H8 ?0 }      animatetext=setTimeout('moveBall()',20);
2 m$ S2 L+ `/ a' W. B      }
) v# u: ~* t$ v   }
" R" F8 g$ J4 \: D$ P( r5 E
+ N! l% F  @6 Nfunction calculatePosition() {7 [) H- q- @( W& h
   if (xDir == "right") {# [8 a( R7 v  [4 u7 I3 a  x; H
      if (xPos > (xMax - contentWidth - BallSpeed)) {! G4 H1 R3 t7 a8 e) E/ J- Z% j
         xDir = "left";
9 a0 D' `8 a- L3 E% I) \         }
1 J3 z4 `4 C6 _0 g! _% @$ g' i9 a      }9 Q" g6 ]% @; G  u: E4 ]
   else if (xDir == "left") {6 C3 b3 u  e0 H
      if (xPos < (0 + BallSpeed)) {
9 A# @# ^* ~! ]' e! V. U         xDir = "right";) c& g9 y$ ?% g  R: L
         }) Y# Y6 r" O% H, [8 ~4 Q
      }
* J7 |1 g" ]6 _7 Z/ \# h- Z   if (yDir == "down") {
  J% U5 S( k7 l( q! N" r      if (yPos > (yMax - contentHeight - BallSpeed)) {' Q7 Z! u2 a* ]8 J+ f. v
         yDir = "up";1 e- [1 N9 [( U  e( [+ [
         }( [0 p" W2 {* R0 e" V& X" b
      }
- c0 F1 \: [* o" f   else if (yDir == "up") {
3 k4 j8 B4 o( }8 S3 W2 Z" p# k      if (yPos < (0 + BallSpeed)) {; E- n0 _8 p: ?  Q( c
         yDir = "down";$ B6 f7 G. |. a% S; m1 \3 e/ d1 l
         }) B9 b5 T1 b0 \7 m& E3 M
      }
; C" T% U( `* R" J& ?' h$ ]5 H   if (xDir == "right") {$ L+ S8 p- s+ w: r- t* @2 e# W
      xPos = xPos + BallSpeed;
* F7 D- J1 z( j      }) Z5 m4 a( f: K8 f  e$ n3 V! O
   else if (xDir == "left") {  c) c; m5 ~& B6 Q# P- r! @& B
      xPos = xPos - BallSpeed;/ n% x* f; f/ {; G7 p$ S4 o
      }
% ?# {1 `: |* Z' h! P   else {
3 V' X, s- j9 w  P4 _      xPos = xPos;' [8 b/ [$ k  h2 R" |
      }
9 r0 H- Q( n" @0 \+ _6 ?6 h   if (yDir == "down") {
# {! n2 ?, Q& J/ f* K      yPos = yPos + BallSpeed;1 C' }8 ?. K1 V0 g8 ?* p4 E: r
      }2 J2 N8 s( |% y. m1 r! Q. y
   else if (yDir == "up") {
- W/ z: {4 k$ `9 A- c      yPos = yPos - BallSpeed;
( F3 s, ?5 s. V" a4 X      }
9 i& d7 ~: D4 u1 ^! }! Z   else {9 T; N' p: o4 P# Y
      yPos = yPos;
( T8 I9 C0 i) F      }
% T- P  j, K5 m# {( z9 B$ x   }
7 z! i2 A$ N9 T" s
3 W0 }4 m' R' v6 [- p0 s1 \% hfunction hidetext(){
# e" k: V! x. P4 B/ P2 Fif (document.all)4 c% ~6 T  v. e2 r' H9 k, K
supertext.style.visibility="hidden"
. X7 {+ j5 e" Telse if (document.layers)
/ m3 T8 q  \. W5 h- K* @document.supertext.visibility="hide"/ A8 F& f6 n  v2 N
clearTimeout(animatetext)- J" P+ L1 A0 W3 c% @5 w) N
}
# v0 c+ ~- j" z7 t1 E
+ G. l( ^3 U8 @1 @6 w8 Xif (document.all||document.layers){2 W6 }4 _; ?6 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! C4 Y. m* U3 R* X3 i1 ?8 S
window.onload = initializeBall;' j% h. z1 ^/ D$ C. Q1 ~
window.onresize = new Function("window.location.reload()");( J7 O/ {8 b, V% M4 j; ]
}' M. M  v0 ]/ R  d

* X( T, ?- d( ^: E- t</script>