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

zw2004

<style type="text/css">9 y' q# z3 ]6 l/ U
#supertext {" i) Y( g  q# O3 S4 s2 t
position:absolute;4 Z- ?! V2 p3 X  ^' g
left:0;" H; k1 G9 Q  _
top:0;* J0 \& b3 ?* Q6 |& Q' a5 N' E+ S: ?
visibility:hide;
- [1 [! I5 s$ J( avisibility:hidden;) {- h9 h  s; ~; n  P
}
! m; w  v2 ?% Q+ {7 `</style>
0 i. D- K# R% {8 T<script language="JavaScript1.2">$ d' v: V& ~; c) W5 q
<!-- 改变下的字体的大小。颜色-->" g/ R1 O$ ^% J* A1 s+ U3 @& A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; R% A/ `/ Z/ }; |
var hidetimer='';
! J  K1 O" ^' Y<!-- 改变下的弹跳速度-->/ @7 F) \: P, `
var BallSpeed = 20;( K  @8 c9 T" w1 ^: [7 u+ \5 T
var contentWidth;
2 p. V8 @! W' Y8 }var contentHeight;8 R: f$ z9 u1 P& t" C7 o% w
var maxBallSpeed = 50;5 M6 W. T4 W+ I
  k0 A9 o: P- S7 [- I+ w4 _
/ c7 a' o* j8 b( k# Z+ L
var xMax;9 Z2 v  K6 v& B, l! A1 e) |
var yMax;
3 d9 c& g! x. c. |7 t9 uvar xPos = 0;  C$ p, r' X7 F
var yPos = 0;
# D( |/ F( i7 }) nvar xDir = 'right';
% C: @: H9 @( Q9 Uvar yDir = 'down';
  I2 R# B$ ^4 ^2 b1 dvar superballRunning = true;+ H* U( T- V+ d& l' w
var tempBallSpeed;
- T( `. j2 y6 w! w0 Xvar currentBallSrc;
: B! ]3 G& b1 lvar newXDir;
$ _/ f5 R6 p# R& d: ~var newYDir;' T7 a! |4 ^; z% }5 G

" N" E6 O' _. v1 P% D. j. afunction initializeBall() {2 W; R& [) |; p) z7 z2 `. E
   if (document.all) {9 h# O9 H6 R# G; V
      xMax = document.body.clientWidth
: M. P7 v) v9 m      yMax = document.body.clientHeight! c$ h: A9 q9 m. A, `5 h! E3 y
      document.all("supertext").style.visibility = "visible";
2 X3 u  x/ [* [- D/ M( h9 y$ Q: P' G" n      contentWidth=supertext.offsetWidth
! D' q3 \8 s0 s/ ]: F" o" B; B* u      contentHeight=supertext.offsetHeight, ]& O! C6 @( t# @7 Z
      }1 z$ e9 e: ]5 U" z
   else if (document.layers) {5 g' P) P( e; c; s+ o
      xMax = window.innerWidth;& n) E- }& p- D! f# i& p/ ?
      yMax = window.innerHeight;
' e' Q# M1 m) j  `/ x      contentWidth=document.supertext.document.width7 w. t5 P: b; E2 Z. N0 P
      contentHeight=document.supertext.document.height
' \3 r2 |% m( |- c7 ?      document.layers["supertext"].visibility = "show";9 n5 W' y% p* V. ]# E8 ?
      }
8 ~9 ~8 k  B9 U! E6 c7 U, s   setTimeout('moveBall()',400);8 @" I. o1 D2 k$ \% v  k1 H
   if (hidetimer!='')
- `% P1 L! s. ]4 N   setTimeout("hidetext()",hidetimer)
# O2 n$ @+ V4 k& _   }
& g, w+ @3 z* G. M3 h! o0 F/ m% t. f" Y. y2 M% a. [
function moveBall() {" I9 U. Y* B% `9 h% k+ C
   if (superballRunning == true) {
' ^9 X) q+ U' \+ a5 ?      calculatePosition();
0 Q) T/ e; \1 Y4 t      if (document.all) {
8 Y9 T) c* R3 O5 f& f         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, O) y, J( t3 H         document.all("supertext").style.top = yPos + document.body.scrollTop;/ g4 ]% i6 ^/ r& A; T! C. ?% q
         }
( g: |1 v# e# ?% {! T      else if (document.layers) {
$ i7 b; j: E# @. ~1 e. t) ]: A5 w$ m         document.layers["supertext"].left = xPos + pageXOffset;
! l; s. [) s( h$ }; Z         document.layers["supertext"].top = yPos + pageYOffset;
; w, Z9 t4 |( q/ V& q         }9 w" S! R1 ]# y* _; u' P
      animatetext=setTimeout('moveBall()',20);
. j. f8 ?. @: R* b, {3 M      }. l2 k5 f, k, H# Q$ J( a& ]) b1 g
   }
! g0 E' E4 k/ \; q7 \( P3 M# c) n0 m1 M! S; O; ~: q7 r8 `6 i: I1 }
function calculatePosition() {
7 n( A# k$ G! K1 R! w6 S   if (xDir == "right") {
2 P4 z3 L, z0 x6 @      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ L/ f# Q0 a7 T         xDir = "left";+ d5 u  ?8 ^- q, E# Y+ V8 \3 H
         }
6 [) z3 O. Q+ |+ `# G' m: Y      }
6 d, H: J7 h8 i   else if (xDir == "left") {
# Q5 n8 c; w( f" O      if (xPos < (0 + BallSpeed)) {+ k, [2 R! a. k8 B/ v( o& @! i; s" i
         xDir = "right";( f; t4 ~# f4 Z1 t! U, \
         }9 z9 z* e3 n# \' N+ P9 ^
      }
6 x' P4 k/ U% v7 P   if (yDir == "down") {/ u! }* d1 ]& h! q; i+ h: Y, ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {
  s0 a6 t, F: y4 V2 Q* g         yDir = "up";& X; f0 Y+ Q9 j
         }
# m$ E: y/ \( T; C8 e      }' q/ J* {  H/ O4 G
   else if (yDir == "up") {. m, m/ O2 T! G3 z
      if (yPos < (0 + BallSpeed)) {
% d% F; k2 U8 g4 F0 N         yDir = "down";
( v% }4 c% E0 c2 [7 |9 A. ]3 \         }
! _# D  T% ?6 r" e4 z9 m- \      }
3 ]. F4 @& C. _  r   if (xDir == "right") {$ `" t) X) a( ^$ j/ _+ e; u
      xPos = xPos + BallSpeed;
/ k3 V& f5 ?% t      }( s: i- p1 R3 a
   else if (xDir == "left") {" a8 ^' C+ @& K$ T# W$ |+ g
      xPos = xPos - BallSpeed;) a" C$ l8 s$ _8 y/ Q) i$ w0 Y" p
      }& P/ A/ o- i7 y% {8 K( C
   else {. I- z$ {9 f7 u
      xPos = xPos;
- V+ @' J5 I( }9 e' d/ q      }
1 q1 ]# F+ q8 \9 u: ~   if (yDir == "down") {+ n% p4 o$ ^7 i: m1 r
      yPos = yPos + BallSpeed;
& U. F4 H# d( z7 b  \$ }' f      }2 S  V# m* I' ]
   else if (yDir == "up") {
  m3 |: i% v+ K: \      yPos = yPos - BallSpeed;) O3 L9 q' H* \2 S5 r! Z) Y
      }+ w4 K# I5 |3 b0 x
   else {
5 G0 z7 t6 Z" X  \      yPos = yPos;, C/ Z4 R/ M4 p. t/ j( Y
      }+ R( T( t$ p5 u
   }+ p/ Y$ T: x& ^5 r1 h# O$ ~
5 [5 M2 U, Z7 k& d
function hidetext(){* W6 ^) _, ]' Z7 U: V! p: b
if (document.all)
- ^3 `( M: A" T4 {+ \$ Q' [( C% h( r* Esupertext.style.visibility="hidden"8 L$ A+ f( V+ f$ Y3 Q
else if (document.layers)
2 s% A. ?8 d3 u7 B( odocument.supertext.visibility="hide"
: s4 U' N0 E4 m7 M6 LclearTimeout(animatetext)) R2 L, v- G. M3 ]9 l
}/ K" G% C0 X4 F% s4 q; h! A
, ~* v$ }( ?8 z  `, _$ N
if (document.all||document.layers){# u/ j! U3 p  X9 T5 d, i, E/ N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 B1 P: a$ E& n- J! r/ A' G
window.onload = initializeBall;
$ a+ a/ @4 c* r1 o/ owindow.onresize = new Function("window.location.reload()");
6 m; n+ ]" S5 Q5 [}9 _" F( [" i- i0 Q4 c& q% Z5 W

( w9 C2 }; n% P! {2 y  N0 u7 @</script>