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

zw2004

<style type="text/css">
/ B0 t* K; O* e, b; Y9 R6 k+ Y# i7 A#supertext {
: v- C4 a- a) L. nposition:absolute;2 u0 f- B5 V: o3 W. o7 ?
left:0;
' h. ~1 m: v- L: htop:0;) q9 y; W& R6 y" I" I- v/ ^& r
visibility:hide;6 m  I3 W% h/ z
visibility:hidden;
) O, v, h* k6 v" q% Q* v}
) _" M& Z7 h/ h1 L0 t6 c( c</style>
( j+ V( e0 g7 {% g' Q<script language="JavaScript1.2">8 t8 ?2 s- e$ f0 E6 }
<!-- 改变下的字体的大小。颜色-->" m9 I: K# `8 J. A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* K, b: ^- i# p7 n" p  e+ G
var hidetimer='';3 ?3 e3 G; a* C+ ?( n
<!-- 改变下的弹跳速度-->
! J% U# b8 X; h, l* @, Dvar BallSpeed = 20;
% w0 q) s, R' d1 h5 X& f" T$ Pvar contentWidth;
) ~$ |7 D8 s6 a& [8 jvar contentHeight;: a1 @5 q7 m# ~" o1 l
var maxBallSpeed = 50;
4 r0 q. e& D& b  Y1 P2 `
9 R' J" t+ g9 {% V8 U$ W" j2 Y' \
( C9 ]9 O0 s+ _* ~var xMax;& I: s8 K; p! w5 Z' Q6 k
var yMax;
) C8 U" T2 e2 L4 ^# z. e$ evar xPos = 0;
! b1 n% }: q. c$ m! @% Q& }var yPos = 0;
* ^6 B+ c" h' g. f$ v1 c2 R5 Lvar xDir = 'right';
( O) v4 I$ e0 y2 b6 [var yDir = 'down';# ^3 `% K6 U( t. P& }. W
var superballRunning = true;* \# F( X* J  f$ X" P
var tempBallSpeed;) o' x! {9 {0 d# [2 i+ j
var currentBallSrc;$ L( ^, F/ k3 N: D8 a! y* p9 u
var newXDir;
9 ^! H0 a' q9 v& W: Gvar newYDir;
+ B4 \# k  \! `. }* ~9 ~+ M. E6 _8 }7 z; P/ [3 Z
function initializeBall() {
- X" _3 F) [3 p3 y   if (document.all) {
  j. e1 I/ W7 B! N' U% i+ R3 C      xMax = document.body.clientWidth
. [/ `3 g/ R! I  E: m8 C      yMax = document.body.clientHeight
* U6 e! X0 n' K9 B: X      document.all("supertext").style.visibility = "visible";4 Q- y' w& @# C  Q3 b
      contentWidth=supertext.offsetWidth3 B; Z9 \! `* }" _$ V1 a/ d* \( O
      contentHeight=supertext.offsetHeight5 b5 f1 L' o) ^8 |) i
      }
2 x$ ?+ ?) P4 Y; \' m% B   else if (document.layers) {) C) w6 `. X+ V, p" [( e
      xMax = window.innerWidth;
; G, R# X% h3 U! Q* i2 Y9 @  a4 g      yMax = window.innerHeight;
, O: n9 @. ~+ u0 ]      contentWidth=document.supertext.document.width
, h* {# ^  u  Z- c$ O% N  b      contentHeight=document.supertext.document.height
6 J1 A+ G6 @6 d% I      document.layers["supertext"].visibility = "show";! L( |9 m" G2 p; s- Z7 F% c' c4 ^
      }6 D9 s9 x3 \; L) W
   setTimeout('moveBall()',400);
( \: g2 c) k0 w0 C& L4 m3 b   if (hidetimer!='')+ w' }0 [* E3 O- b/ U4 ?
   setTimeout("hidetext()",hidetimer)$ E# F6 T) {& y0 S- ^2 }  w
   }: o. x- f. i4 x
& `) ]% M# R# W/ X" y% g
function moveBall() {) u: M9 N% a, |+ T. ]7 K+ H# |
   if (superballRunning == true) {  D# x& \7 S- j$ `- u( C, w
      calculatePosition();; K! M) G$ r3 ~2 @" x8 U
      if (document.all) {
! q! J. F& g& a) V- B5 _         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 r- I1 T7 m) ^! Y( N         document.all("supertext").style.top = yPos + document.body.scrollTop;# T# b4 |6 i0 g& A! L
         }* y  r( z0 m, \) o) D9 x4 a( q# c
      else if (document.layers) {0 n+ @8 n' c- _2 Q+ b. k
         document.layers["supertext"].left = xPos + pageXOffset;
& m3 ^( T& T8 S         document.layers["supertext"].top = yPos + pageYOffset;
% g) U/ y+ J2 d  V, I& O* B% L! j         }& A- b8 x+ C2 y' d4 ^4 K
      animatetext=setTimeout('moveBall()',20);  Y$ e- g6 d7 h* w! [4 Q
      }+ p- [1 L, ]/ q' F3 e
   }4 P2 s( \2 _. t
" R8 O% r6 }1 I. x* o- P3 p. N: W
function calculatePosition() {5 j9 y4 C# ]! Q& V! U
   if (xDir == "right") {9 T$ R; z& U0 B" U& F/ n
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ V+ U  L9 T: H0 ?  |7 R# b
         xDir = "left";) G' W; k5 |. K* d1 g
         }! D0 v! C# `7 u
      }, k6 E) f4 |6 o9 n( U- Q5 J8 i
   else if (xDir == "left") {
2 u) \' f8 O( f* `. m+ `      if (xPos < (0 + BallSpeed)) {
" p: W; Y6 \  \, l  ^4 R0 M         xDir = "right";: T7 U% Z3 q! U5 z- b  i
         }
) M; j/ O7 Q; b      }- Y" _" \! q3 z( m8 T# q
   if (yDir == "down") {* K7 O1 ?4 n3 e9 t; ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& F1 ^) I4 N% s: b( x         yDir = "up";. u, J+ l* Q5 b) H* o$ c
         }6 t7 J9 l) w. m3 I; H
      }$ @: ~/ B9 D  d, V" u
   else if (yDir == "up") {' G& M1 f4 O& o& R0 e& y
      if (yPos < (0 + BallSpeed)) {
9 U. h0 ]! S: X" z# e) I( `         yDir = "down";  t& @. G9 {; |* U: ?
         }
; z' W% f/ t: K5 m9 _# c      }
7 o: i. L, G% _9 [   if (xDir == "right") {
1 a  y% `  `# I! n% V      xPos = xPos + BallSpeed;, u$ o, G7 ], U' b" Q7 V3 w) s: q% P
      }1 g  _: O; p: D  S1 z7 U
   else if (xDir == "left") {: `2 r. e! o1 d& I: A6 A# s8 U
      xPos = xPos - BallSpeed;' v7 n/ Z( x: o  ^6 O
      }
* C3 Z+ ]' {. c   else {% X3 ~* ^# h% A4 @6 h6 O. H
      xPos = xPos;( ^" C' W( T$ d1 V( ?. t( e
      }' n3 h/ b5 Y! V$ c
   if (yDir == "down") {2 x  l, n( z8 s) y+ U  f3 x
      yPos = yPos + BallSpeed;6 o! l3 M  J6 C7 T6 H8 O
      }
) ?0 g% P3 q% n& T; s   else if (yDir == "up") {& G, u# c5 ?) X- j; y0 i# [
      yPos = yPos - BallSpeed;
* d3 }# ?! I; T0 ]/ e" D4 ^  D      }
1 l( b7 a, D( a' m3 X+ w: \" L0 m   else {! B+ J( ^  A1 `- c4 J
      yPos = yPos;
! X4 K8 F6 u6 R0 t$ ~      }
, J9 y7 q4 ^* E2 ~, _# U4 R/ w# s   }
& ?2 J1 o/ C  `
1 s) P  \8 j1 s* ~! Xfunction hidetext(){, o& C; p1 Z: [- S6 C
if (document.all)% V( z# ]% v" l" y& V
supertext.style.visibility="hidden"7 G' J$ D0 K  O4 n
else if (document.layers)7 j! C: l6 _' _; e
document.supertext.visibility="hide"& C- J2 u4 P2 n$ {: j
clearTimeout(animatetext)
7 ^8 y/ d) t* N( \* Q: A, z4 {}8 k  j$ `$ I0 ]% d% v, q
0 A, u5 A& Y+ U* H$ J
if (document.all||document.layers){, `8 }3 J3 `( P! h0 V- ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# A" x6 Q1 ]8 l+ G8 G8 T& P( C
window.onload = initializeBall;
3 |. d0 t( U4 e- S* ]( wwindow.onresize = new Function("window.location.reload()");( x; C; V: w) x, y& F0 {* F& a7 v
}
# \! v% p, z: x. h! [8 S, Y# f, o2 s( o0 c$ u5 r
</script>