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

zw2004

<style type="text/css">: U2 v" s0 Z7 u2 f
#supertext {
4 s8 E' M+ Y! o. ~position:absolute;/ P. w2 r8 x, Y# t$ i
left:0;
4 A# h; i6 Z& v2 ~) Stop:0;
2 o% u, ?+ t9 Svisibility:hide;
1 d+ a* f: f' v. l4 rvisibility:hidden;
8 L$ o# t$ _& i* j' c2 D( u}
8 i7 L# ^- s& R2 r</style>
8 z: n0 l6 ~! m$ S' N+ o<script language="JavaScript1.2">: X, ^  q2 }0 M9 d0 T  z$ o
<!-- 改变下的字体的大小。颜色--># V5 w1 @& h4 {6 F' g
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' u+ r. s3 v3 c
var hidetimer='';
( M/ y* \  A3 \  b% x3 P' N<!-- 改变下的弹跳速度-->
' v. B) d9 O/ K) [var BallSpeed = 20;: D3 y% R+ [  c/ N9 p
var contentWidth;+ y5 D2 a$ z( e0 G  X$ x) z
var contentHeight;8 f) A) e, h* p( y7 b
var maxBallSpeed = 50;
4 ^8 ^3 V% P. p8 X5 B% {! }; c, F
6 C1 s) U! J& e' E! ]# i- U! e  f% c8 s
var xMax;1 ~7 T" j7 T7 }0 b4 l9 U
var yMax;
' y4 L% Q& V7 o3 ^var xPos = 0;( K/ f, _* V0 t& Q$ S
var yPos = 0;3 h/ T+ r; C& R2 v: e2 i' h
var xDir = 'right';1 w* C. I8 m( @, W* b, S
var yDir = 'down';
/ L4 n' n2 p. o+ \var superballRunning = true;+ Q8 m1 `( o/ R0 Y# H$ e
var tempBallSpeed;6 A2 W5 J- e3 w; Z/ \
var currentBallSrc;/ w1 E  K! [. ?- V- g, ~0 u. [8 s
var newXDir;
- A9 O( X1 o# l- R1 ?( D8 Gvar newYDir;: [9 l4 H5 U9 D
% n0 b: Y; v4 U6 g0 q0 }7 ]
function initializeBall() {
9 t/ ~* h  U/ w0 q2 {0 p' I' o7 |   if (document.all) {
3 V/ m3 p" \) C      xMax = document.body.clientWidth0 k) k  G1 t: c
      yMax = document.body.clientHeight
, L$ O3 t6 \3 S+ f      document.all("supertext").style.visibility = "visible";4 P- D0 A9 }- T1 g0 G6 v8 v
      contentWidth=supertext.offsetWidth6 p+ p+ ?- f' p. {* O4 D
      contentHeight=supertext.offsetHeight
. J3 A2 S+ Q. Z7 s      }
9 _8 Q! L, ?3 g7 a   else if (document.layers) {
; }1 s8 j( i+ m. W5 M      xMax = window.innerWidth;
- S) w5 V4 ?0 U7 U9 a      yMax = window.innerHeight;
7 _3 x- R% n& m% a      contentWidth=document.supertext.document.width+ J% {: Y% `+ {7 G, b$ G
      contentHeight=document.supertext.document.height/ @) C. y+ p4 p) ^! X
      document.layers["supertext"].visibility = "show";
* e0 L; B4 D5 V5 a+ m      }2 C) R. s8 ^# v# \% g" H9 |
   setTimeout('moveBall()',400);
; w% q, |, E+ a! z7 l   if (hidetimer!='')
! P% X2 `) {7 U- V" L1 g) l& K( r   setTimeout("hidetext()",hidetimer). Q7 J$ y* f0 \, \
   }4 h* E9 J5 {3 I, Q6 z' R; I
& A+ R8 q6 b" D6 R2 s
function moveBall() {
) ?) x! s. ^/ a8 H3 U8 o( s8 }   if (superballRunning == true) {
) o( R4 q4 ^  u      calculatePosition();
: k' W6 t3 Q2 R. v! ]      if (document.all) {* L- G* v% }6 a: a2 ?6 D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' ~( w" }; Q$ b" K         document.all("supertext").style.top = yPos + document.body.scrollTop;4 |) m7 M/ u, B! U2 ~) x
         }
) R/ e. z0 J9 }3 u' l# q      else if (document.layers) {
$ K! i8 u- j9 U& G, z7 [         document.layers["supertext"].left = xPos + pageXOffset;1 K4 x- b: ~: R$ ]
         document.layers["supertext"].top = yPos + pageYOffset;
4 Q: b+ V. a" _) x         }* ~" h5 ~8 U! c3 L
      animatetext=setTimeout('moveBall()',20);& @4 o% J4 z5 C- u0 i- L
      }
8 Q" }2 N. f! W7 J, t- b6 i3 j   }2 V$ s# \/ H. L& [9 F' n5 @
; L' F1 O9 Q% j
function calculatePosition() {, x' N; R2 m" Y: y9 ^0 B
   if (xDir == "right") {
; u  H* U% Z1 W3 W      if (xPos > (xMax - contentWidth - BallSpeed)) {$ e: B3 f: R0 W* |+ v
         xDir = "left";0 m4 n0 |3 T5 F; I/ Q) J
         }
( U' H+ k* G" `! p      }2 A& B: J' h& ?) `" L* c
   else if (xDir == "left") {
" J* A% ^! E- Q0 x      if (xPos < (0 + BallSpeed)) {
/ r, ?' g9 \* j, o) v8 N: g2 B         xDir = "right";
. k+ S# K( C: C7 k% I* o. h         }* y. Z9 S3 t$ A" ^
      }" F, j: A: T; e# k& ?2 g
   if (yDir == "down") {
! |1 O5 y6 T$ }% o6 O      if (yPos > (yMax - contentHeight - BallSpeed)) {
' Q  M$ s$ z5 b         yDir = "up";
2 G3 N, R" t5 J( D         }: Z% k9 O  A+ T, A0 T+ `# d: i
      }& H: {, d' H1 U9 r7 f# r
   else if (yDir == "up") {
: P# M/ G/ G, n$ R1 N) m      if (yPos < (0 + BallSpeed)) {) o1 ^# M, o* N$ \7 L' H5 }  x
         yDir = "down";! I1 P) H5 I7 T# c' A0 i
         }
& m2 v, W' f) i  I6 V/ w      }' V5 q& f3 ?, e9 v
   if (xDir == "right") {! z# k" F4 ~) C& @% q# b
      xPos = xPos + BallSpeed;* C4 S+ r) W" l3 o2 V' ?3 Z* H
      }
8 r" b4 W+ r+ R1 [3 S! ~  w   else if (xDir == "left") {
# p, [: p4 u" k4 _! o& R      xPos = xPos - BallSpeed;
1 C! u3 u1 e# U. [8 Q- P9 |( e      }
( [  u& [/ q% u9 R3 n, Z   else {9 M# U9 k) K, F$ z3 I
      xPos = xPos;
2 I1 ^2 w% a# z7 B, V; d' T      }
: Q$ o5 C+ S0 Y   if (yDir == "down") {
5 V; s7 p1 n. |- A$ j: v# `1 g      yPos = yPos + BallSpeed;' r, t  ~, H1 a6 p7 l
      }
$ n+ V( F$ m2 b6 K' H. F  T- n* A% d( [   else if (yDir == "up") {9 s$ R, ~  U) |! [% c9 i5 n- G
      yPos = yPos - BallSpeed;
& k% \1 X& S3 t1 A      }
' M0 s0 H! \* p  q   else {9 A" h! ?1 G" U; z8 }- t
      yPos = yPos;- s2 n" z. \0 d+ @) J* o
      }! }7 j. p& y, [+ b3 S& p
   }
1 l5 t/ r: R: r8 g) p: V; ?" Z- D, ~4 I. b/ g
function hidetext(){
/ `. ~0 o0 `% S$ I8 Kif (document.all)
* k$ X' E, W$ K  a6 E9 T4 _supertext.style.visibility="hidden") r' t& |1 b$ o  x4 g
else if (document.layers)
. F2 L; s7 L7 a) N4 f! k7 sdocument.supertext.visibility="hide"8 @2 H7 J2 C! n5 Z2 B
clearTimeout(animatetext)
1 `! q8 z, H! v8 d}
4 p9 a2 @; {7 s* E# Q( y4 z9 i. C) u& [0 k4 G5 X& Z+ a1 l
if (document.all||document.layers){) ~/ }/ q( x9 H+ J3 ~! m7 m4 U& C5 |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 T$ k( l: ]0 s3 O) T/ A6 p
window.onload = initializeBall;) ?) V3 m" _$ C! `+ a6 d
window.onresize = new Function("window.location.reload()");/ c" e/ h6 o! a0 F5 I( s: f/ f
}
7 }7 I  C: l" i% v% B) d) L
, U$ X+ s/ V+ {, F2 S</script>