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

zw2004

<style type="text/css">6 Q' n, a- g( Z. r3 {8 j
#supertext {5 C' s; V5 G; j0 j. F
position:absolute;
( c3 D" K! F, a/ fleft:0;
) A& b4 c& B! ]; Ctop:0;
3 v) S& ?( j: @; b; }$ Y3 _9 \visibility:hide;$ J  }2 z! i& h
visibility:hidden;7 B; d* x) y5 a# R
}
# o6 H% {. ]8 k9 c/ n4 r+ N8 l- ~</style>' U5 b$ x& O) J
<script language="JavaScript1.2">
3 d6 e' s8 }+ `3 U# W! ]# {$ H<!-- 改变下的字体的大小。颜色-->* Y" s  I' T8 S+ h% u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 H6 y1 E2 p% B9 q
var hidetimer='';5 t  [; o6 {5 O8 Z/ d" ~2 q9 g
<!-- 改变下的弹跳速度-->
. I' }8 w: F: @var BallSpeed = 20;# O5 ?5 s1 K9 y
var contentWidth;
* W% r. f6 W2 d/ Svar contentHeight;0 T5 L! C! @/ x5 A. \; `  a3 y
var maxBallSpeed = 50;
$ u; S4 g  p" ~! R# a, t% D' N+ v2 N9 }) q! K. f' e8 M
! ^4 l8 I8 }- |$ u) B* b2 |$ c
var xMax;
' t0 ]0 T5 W& Z/ z( o' s9 \& g6 Wvar yMax;& B$ X2 o7 ?7 R# B+ w' t# B. T
var xPos = 0;7 r8 }) w' y  x) q  }) v
var yPos = 0;
3 C; ]& D9 P6 u8 b( ~* fvar xDir = 'right';" K0 R4 Y) B1 z4 A4 Y6 b
var yDir = 'down';# I; W9 u9 n4 j+ V3 ~
var superballRunning = true;& r  ~' M% s. x' u
var tempBallSpeed;
! q1 S! ~  F2 vvar currentBallSrc;
% U$ t( @2 t- g, \( j3 b' Hvar newXDir;
' N  u& A( _6 {6 @" i0 fvar newYDir;7 [9 F% G2 t& H, o7 @$ `
: T+ z/ @$ A+ w3 }9 Z7 k! f
function initializeBall() {
3 Z7 Q$ n0 k3 a5 O5 }# S) ~6 ^8 Z   if (document.all) {6 L4 A7 h3 J" M7 l' e
      xMax = document.body.clientWidth
4 C: M; h# n* V. j& R* b! E- O9 k      yMax = document.body.clientHeight
, k( ]! a/ T: z( U1 |3 E      document.all("supertext").style.visibility = "visible";( y0 V- ]' B- q% C, u
      contentWidth=supertext.offsetWidth
3 D6 f" ^6 v  t  T$ c      contentHeight=supertext.offsetHeight5 h! g2 {+ ]' Z+ h: l* _! I) |
      }
6 l! o' q/ y9 N8 r7 _+ s8 ^   else if (document.layers) {
6 d$ `: U  v& G2 S      xMax = window.innerWidth;
9 u& F) G9 ~  k. s. d  C3 ?      yMax = window.innerHeight;, ^! s: ?5 u: f% i. f3 Z
      contentWidth=document.supertext.document.width
+ v) O5 G4 w  g5 o3 Y6 v7 d1 {      contentHeight=document.supertext.document.height
, e  u  [3 @0 Y5 p9 G1 z      document.layers["supertext"].visibility = "show";. _7 o+ g" v+ g+ X
      }
( r, x$ r5 s1 a; y: |1 \6 u* D1 r   setTimeout('moveBall()',400);
5 D) t' j/ E0 }/ e; _; d" C   if (hidetimer!='')  ]* Q& i" n, y. j+ Z2 x1 k3 D
   setTimeout("hidetext()",hidetimer)
3 D6 x+ W$ k% A$ b  n   }
5 n- E$ N0 I1 p. K3 d7 M/ J. c, _: N7 S; b1 I7 ]. ~$ k7 K
function moveBall() {
6 G! E8 Z1 X! n2 U& @/ V: M   if (superballRunning == true) {; A$ g& I- c; M9 K
      calculatePosition();
0 O3 u- e) ?2 N: \1 R3 b9 Y      if (document.all) {
3 ?! n1 C* ]' |7 Q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 r' V3 S% e5 `         document.all("supertext").style.top = yPos + document.body.scrollTop;# i* E) }2 @0 ]; N6 @* Y
         }
  z! O3 r9 v$ J" W( y/ r      else if (document.layers) {4 U3 V9 h! d5 ], z5 Y. Q( |
         document.layers["supertext"].left = xPos + pageXOffset;/ S! Q4 j, T3 C$ k4 o! C/ H9 F
         document.layers["supertext"].top = yPos + pageYOffset;7 k& z' _1 P: t) b9 T0 {
         }! k5 h& a7 R8 W4 J
      animatetext=setTimeout('moveBall()',20);5 G. W$ ^8 O6 T6 Z6 j% c
      }  ?% X  \0 V% V, Z6 s9 u4 v
   }* J( h8 n. {  _  d; U( T3 B3 P
8 a) }+ k) t6 ^7 Y: q5 m
function calculatePosition() {) N0 t& Y; U  m6 o, W7 c
   if (xDir == "right") {3 _$ ?$ N2 C. t& O/ q0 D+ y! q
      if (xPos > (xMax - contentWidth - BallSpeed)) {
' d0 @! L: k/ `& I/ }0 b/ H7 e         xDir = "left";$ o6 g" C( P. g3 Q" o
         }
& o. K% _4 L, U      }
7 F7 O) J) T$ E/ b4 t   else if (xDir == "left") {
) d( m3 R$ O+ }$ q. ~0 E      if (xPos < (0 + BallSpeed)) {
0 M3 q* u  Z) b! R2 m. d1 n         xDir = "right";
. t. G, |/ p0 q; F: _& a* @         }' F9 V) P( q- o2 z* Y
      }' j4 R& d  a" o  J8 a+ ~: s/ K9 J
   if (yDir == "down") {
2 {4 f2 K# F& ?$ n      if (yPos > (yMax - contentHeight - BallSpeed)) {1 {$ [& P6 ~- |1 w4 Y( o. S; _
         yDir = "up";, q. l: J2 g! m. M# ~
         }. G/ G( F* I/ z7 f* U2 ^) j, ]& _
      }% f3 U& A+ d! ^# ?. v4 F- N
   else if (yDir == "up") {; u* o. x3 Y4 }2 N# }
      if (yPos < (0 + BallSpeed)) {7 w% U" _1 K' D1 S
         yDir = "down";) G1 a+ o) J3 U/ a* C' e
         }
6 N" @, U$ v( V  O, E. x      }
( l& p0 i2 B; L' Y) h7 Q   if (xDir == "right") {" ~3 |  ^' S3 i
      xPos = xPos + BallSpeed;
% w! Y9 Y. I# Q) T6 P: ^      }) V4 A  @4 [& Z% Z
   else if (xDir == "left") {
# M* x, e5 ^$ O1 r/ u1 q" T' y      xPos = xPos - BallSpeed;6 r/ v. q2 o% r) v
      }
! g3 {  F: |9 ~( Y) B4 ~   else {
  a, E8 S2 g7 i+ u      xPos = xPos;
  M/ C, ~9 ~& l4 O# c2 A- W      }
5 I" \$ T8 t% C  u4 p9 }   if (yDir == "down") {& ]" p- U) G' `  Q
      yPos = yPos + BallSpeed;0 y% p# \2 q; F# s( S( `
      }
) c/ x9 X$ r& ?8 E- }& a, V- o   else if (yDir == "up") {' h* ^. P$ e7 r9 O1 W& m! o
      yPos = yPos - BallSpeed;9 k  p; {+ U, ^/ S$ w9 C  w
      }
+ u! s9 {* I  u5 |* g. f- E   else {
/ Q8 a  h  }6 p' O" h2 `/ Y      yPos = yPos;
0 D' m% ?0 D, V1 g9 k1 D$ x      }
+ n2 H- U  H. G+ B   }
3 W( a; u8 K3 @, F6 {. f  v, {
; b% i& b0 S/ [( L- L( u& kfunction hidetext(){
7 ]0 H, x2 U' ]! sif (document.all)
- ?6 M( M  H: x! usupertext.style.visibility="hidden"9 e2 [" Z" Q- x: Y0 r; i+ K8 |
else if (document.layers)
# O1 E' g0 j& m7 jdocument.supertext.visibility="hide"
/ Q7 V& p8 q: V$ G* HclearTimeout(animatetext)3 @/ t. A& A7 }7 `+ |
}% Y3 g, ]1 W$ e1 m. O! F* T
/ T( \1 X# E7 Y4 c! Y
if (document.all||document.layers){2 e7 C, R9 h6 a0 U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* z0 i& i! g$ x2 S# l. V+ v
window.onload = initializeBall;
0 s- R: d  I) {8 q- N  n% h# Awindow.onresize = new Function("window.location.reload()");% I4 D+ L- j! c2 O! ]
}  Y) ^- y3 f/ k2 e8 X$ I! I5 W
) r; G" S! v1 z4 E8 ?/ ^% i
</script>