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

zw2004

<style type="text/css">
. f( m% A& M+ [& q1 C#supertext {
) k7 A9 n" e. f% w, C3 Sposition:absolute;
; R/ P1 y- U6 I- Zleft:0;8 c& \) m5 V4 ^3 R. E' B
top:0;
2 `$ ^3 X  c; Z9 r" m& `1 D& z8 ?1 avisibility:hide;
  X* S6 C1 W( k0 A# Bvisibility:hidden;7 _' t3 _% i' ^
}0 }9 p/ Q4 L; o
</style>
1 P# A- ^! p( V) `<script language="JavaScript1.2">3 c4 R  I+ |- O; L0 I
<!-- 改变下的字体的大小。颜色-->7 O# r. [. A- c/ J* ^6 M6 O- F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" r# p, B+ k' d! _3 Yvar hidetimer='';
$ k  S( d% e9 H2 b5 I<!-- 改变下的弹跳速度-->% C6 X+ A5 P* F
var BallSpeed = 20;
6 F/ a$ x* x) e% J' Nvar contentWidth;
& s, B9 M, p8 M& S  t, S2 V1 svar contentHeight;0 X. j" x& h* U, g6 K- V  X
var maxBallSpeed = 50;* U, L1 G6 ^5 w! P; H+ g0 u
7 X  v1 A8 B" z0 b

: Q" h$ R( q" r  k4 e0 @" ovar xMax;* c* D: \, `' Z, B  s6 t
var yMax;# c+ o1 M& m" z1 Z4 I1 Y
var xPos = 0;7 b1 y: q" N9 [4 i
var yPos = 0;4 O! F5 e- z, m& ^
var xDir = 'right';5 G! q$ r) H* b% z  ~7 B" [
var yDir = 'down';5 l0 d1 h: F% d, c% z: J3 h
var superballRunning = true;2 m, ^* t2 }% f" n# \  r! ?
var tempBallSpeed;
/ o! d& C+ g! s$ s; y9 \1 A4 avar currentBallSrc;+ i9 |0 j9 q1 v2 e
var newXDir;7 |; T2 T2 N2 W0 c. K/ |. U
var newYDir;
! W" C& r% E0 h4 i( ?2 C( v6 y, @- D) ?) {& Y* z! d$ O1 ^/ v
function initializeBall() {
- \; X( u6 j) M: ?   if (document.all) {
! I" H6 R# e, G      xMax = document.body.clientWidth
9 F& s: x1 `3 a4 ?3 v$ z2 M1 l! s      yMax = document.body.clientHeight8 s+ @  b7 j! E+ I
      document.all("supertext").style.visibility = "visible";
$ H2 u# ~) F9 A9 t      contentWidth=supertext.offsetWidth8 J$ z( h& J* W
      contentHeight=supertext.offsetHeight3 j. T( h; f; k  t5 y1 Y  s7 T
      }1 j  L4 c4 n. w4 s7 L5 t- w5 Y
   else if (document.layers) {5 |9 N2 d/ I2 F* T8 m7 _$ s
      xMax = window.innerWidth;
. ]0 d6 r$ T) T% f2 _! o; I6 u3 s      yMax = window.innerHeight;
& y) A9 F* u2 q* G      contentWidth=document.supertext.document.width
! P+ e; u; s  `3 P      contentHeight=document.supertext.document.height
+ V, M6 Q: g; }; ?( D      document.layers["supertext"].visibility = "show";0 p' T& E' p8 R  A& a
      }/ ?6 U" U9 [* Z; v- r
   setTimeout('moveBall()',400);
9 r4 `3 |$ b0 g- e   if (hidetimer!='')2 P) W8 b; A; D: {. o( Y
   setTimeout("hidetext()",hidetimer). ~  r  _+ o( O2 T1 W6 ^- A. c1 ~
   }* k: l! u' R4 C
$ K4 v& ?7 s; O1 _/ a' {6 C% Q9 @
function moveBall() {5 C$ Y( u6 a' b  k2 ?$ a% G
   if (superballRunning == true) {
5 B3 t7 g$ B; d& a0 G      calculatePosition();- v# B- k2 G/ I0 N( A
      if (document.all) {
8 A3 i5 q1 W& }1 ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 S; |2 f0 f6 G; ^4 @9 A  p         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ l8 h3 S4 ~5 Q8 u) ~" N         }
3 [1 \8 I# s# w      else if (document.layers) {
2 t; ^" I3 y% L         document.layers["supertext"].left = xPos + pageXOffset;) Z: ^; t5 Q8 s( @
         document.layers["supertext"].top = yPos + pageYOffset;0 |/ ~2 y2 H' R- ~' l+ ^& q/ {$ t
         }
% k$ s9 j4 z' }+ Y; T( B      animatetext=setTimeout('moveBall()',20);
+ L( `3 f4 a! o- D! C( e% a      }
% \1 u4 Q( q. u1 |$ D   }
1 }5 T6 e) f4 F' I2 u; v9 [5 t  `3 {3 A8 V
function calculatePosition() {, t, i/ J5 M/ z9 y6 j5 q9 r
   if (xDir == "right") {
& L$ I4 B, p2 y      if (xPos > (xMax - contentWidth - BallSpeed)) {# A( P& o  U5 N- T# |+ a
         xDir = "left";
% O, @9 h- A1 ~/ [9 C- ?( u         }" A, m: j+ f9 s* }  O
      }; Y! X( P6 D, g; Q  r
   else if (xDir == "left") {: X, ?5 c9 b  I+ d8 y0 q: t7 i; F
      if (xPos < (0 + BallSpeed)) {
. O% C0 B6 `" F3 R. u& Z# J         xDir = "right";
; j* O- C$ C$ W* d- e* q6 r         }
3 G( Q5 g' L3 ]" `" [/ m      }6 T0 l6 ^# A7 `# I7 x* i! r; k2 V
   if (yDir == "down") {0 ^6 f% q0 F2 e8 _
      if (yPos > (yMax - contentHeight - BallSpeed)) {' t8 U( c5 v+ K1 [# X
         yDir = "up";
0 [, u' J7 H7 X2 o         }2 z: X, M! |; H6 X7 c' b
      }; `$ t! p( K5 S( _+ h7 ]$ ~; q: W
   else if (yDir == "up") {$ k6 Y: ~" ]* P7 h, _* t
      if (yPos < (0 + BallSpeed)) {* K: G1 y" q- N% C% c
         yDir = "down";
* n( \$ h+ h: \, P         }
* ?1 M$ o8 ?7 `0 o4 s/ _( p      }
; o7 W8 p0 B5 e   if (xDir == "right") {
+ R3 [3 T- o; \4 B      xPos = xPos + BallSpeed;
# u. q3 B; G/ R9 f      }
( R2 c6 j8 j0 i  N   else if (xDir == "left") {; @& O& r/ \, y' V9 ~9 h
      xPos = xPos - BallSpeed;
; c% Z0 ?6 }/ w7 l      }$ Y7 `7 w6 |: B: I- n: ]6 d- r
   else {6 j1 T/ t, `; r. {5 D5 a
      xPos = xPos;
( [: C( T* Q$ |      }
# I6 p  |9 x+ P9 E/ Z  C   if (yDir == "down") {/ y4 s5 s1 {; I  o! h0 Q
      yPos = yPos + BallSpeed;+ K" y; j: i# B4 t9 _7 E! S3 ]
      }
  i0 y/ T( R- s  A! W* a6 J* E   else if (yDir == "up") {4 ]9 k6 z4 J( @# y
      yPos = yPos - BallSpeed;1 _% y3 S9 A$ z/ S9 z3 @
      }
. a* E2 {! r& N, n$ ]( u   else {; f( Y* B5 x) ]( X9 K% J0 o
      yPos = yPos;- Z1 U- f. D7 Q; l
      }1 g, O0 }" p! S$ N  F/ D; G7 }
   }
% f3 M& w' s7 _. v, g) J6 L% N  K2 ]* s- U' Z% m
function hidetext(){1 w+ f; r6 n3 B8 e# Q
if (document.all)+ n( A$ V5 e6 |8 J5 @, t; Z: x
supertext.style.visibility="hidden"/ }2 z- C. H. b% n1 ~
else if (document.layers)$ n0 I. e( q' k9 ~3 m% p& {' }
document.supertext.visibility="hide"" w8 p- Y- }; W! O# B, ~0 v
clearTimeout(animatetext)
; O7 J5 H  B' m  p/ F}
1 k( E  c1 Y9 h
2 B: o7 P" z7 D* ]. bif (document.all||document.layers){
& C: p3 ]- }  gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 Z- U0 v/ u/ E9 R
window.onload = initializeBall;
/ C, O8 n, |+ h$ c2 a( w. Bwindow.onresize = new Function("window.location.reload()");. o7 {& N2 x; u( B
}- ~' g! Z6 a* A) }. s$ ^
, ]6 y; T3 W$ D
</script>