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

zw2004

<style type="text/css">
, W" x' u, Q: F$ m% w; t6 O. @#supertext {
+ B! }2 x: O% R9 `/ W6 Tposition:absolute;# m  {8 V. K+ ~- @7 d2 A
left:0;& s, X" P" |( c% j) D# x; k& C
top:0;
4 o& B' t8 ]4 N# Evisibility:hide;
$ g( B% |  `5 ~5 D0 ^0 y5 Mvisibility:hidden;
6 `9 `- |% r9 _1 y" u2 R}5 j% Q. P/ o# H  n  A8 N" q
</style>
! B- I8 c+ U2 l  ~: v' L<script language="JavaScript1.2">0 P0 t. J' f  W. m0 o
<!-- 改变下的字体的大小。颜色-->
3 e' K/ o% G1 `var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 M  w0 H$ T* y! T0 Z8 w) _" m
var hidetimer='';  o. t) d5 ^) k0 g- o# k% D: F7 t
<!-- 改变下的弹跳速度-->
. \: [4 [( j: C. l: \: Avar BallSpeed = 20;
$ R" y: [$ d+ ^  G* b, U+ o: tvar contentWidth;" u: l9 z  A8 X! G0 f
var contentHeight;
; A) G; y8 M9 ^7 u( a. ?( }1 ~var maxBallSpeed = 50;0 o: u0 }; f0 F9 M0 H! i
5 {+ x6 ^. A$ j3 |& s: T; K. B
( Q; Y( C7 D! k3 W
var xMax;
. J0 k7 F! f, H8 z' d( \var yMax;
3 g+ O6 H; n) @6 L& r1 P" V0 z3 W: Dvar xPos = 0;9 ~/ d& r. P/ J3 q6 m
var yPos = 0;0 J) d# p( V) t5 j$ R9 _% @
var xDir = 'right';1 q4 @% T/ F- [# S% `+ O
var yDir = 'down';
! V( }/ b3 f* nvar superballRunning = true;
" C6 X! f- Q! _5 V8 Cvar tempBallSpeed;2 m. {) y. L4 Y4 g5 j+ K
var currentBallSrc;4 h. l/ ?6 N$ O  F' J) f
var newXDir;
. X( N. d3 n( \: c  v- }+ kvar newYDir;
2 Q* o) E% e& B. T3 t; L% B- j
; J% B, _' J$ Y$ v8 m! h! v7 Gfunction initializeBall() {; Y% D4 r9 O6 t+ b
   if (document.all) {4 F5 d; W0 `) T2 G  q
      xMax = document.body.clientWidth$ i6 L- v7 P1 x
      yMax = document.body.clientHeight
6 Q5 j) g6 R  b0 ~' i" `! r      document.all("supertext").style.visibility = "visible";
) _  t! j4 x9 t1 \/ m  v$ \1 _1 r- \      contentWidth=supertext.offsetWidth
# L) a5 |! t- `0 |9 H      contentHeight=supertext.offsetHeight
3 e6 ^; I( f6 s$ I7 a  e. h) ~4 y0 |$ P      }( A* p; ]/ {: ?$ X# V/ v7 [. Z* x
   else if (document.layers) {& ~9 @  \+ M. G, j  P2 p
      xMax = window.innerWidth;
9 O6 ~) c( ?$ q+ S' ~6 {" j6 v9 y      yMax = window.innerHeight;$ E$ e- ~0 n; t
      contentWidth=document.supertext.document.width
( m# c  \3 f" H/ F6 [4 Q8 S      contentHeight=document.supertext.document.height
1 P" h# i2 j* g! a) W, z$ B      document.layers["supertext"].visibility = "show";5 b8 y# v9 i: N% s4 X
      }1 U. I0 z; R( w2 ?- O4 K; ^; P" V
   setTimeout('moveBall()',400);5 [4 v& _* J+ k" a# [$ x7 _
   if (hidetimer!='')
& y; o6 _+ z4 |4 M5 Y/ w6 o   setTimeout("hidetext()",hidetimer)/ M0 l$ `2 L3 v: G
   }1 T9 C  w+ C: o3 k

4 [4 S5 i0 k1 P* @/ _9 S: Cfunction moveBall() {
- P7 U) ^0 ^: c   if (superballRunning == true) {
7 _% c9 N/ h5 E& J      calculatePosition();
9 |+ W# H2 L4 I      if (document.all) {& T" |; [) ], b2 ~0 `- ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 q3 c& i( U5 E6 x8 p" q# t
         document.all("supertext").style.top = yPos + document.body.scrollTop;% F% N, R9 h% L# l
         }
0 D! s' ~& ^' _5 i9 F9 R3 P      else if (document.layers) {: Z: R# x$ e7 Y, f- H; H: J
         document.layers["supertext"].left = xPos + pageXOffset;# G# `* x+ ~/ o
         document.layers["supertext"].top = yPos + pageYOffset;! F/ Z, B: R! m% ]
         }, l. X7 m, Z5 V
      animatetext=setTimeout('moveBall()',20);
' e2 k  Z+ P( G      }  Q+ c5 L5 m! J" B# H: R
   }
/ x8 z2 e9 ]1 i1 c9 p7 D, Y
; Q( K% r1 y! S7 _4 t$ ^function calculatePosition() {. D3 O9 z( C& s" Z5 ?
   if (xDir == "right") {3 B, A+ Q  X  S$ W* ?+ O* l
      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 G- D6 [7 r- {, V7 T         xDir = "left";1 y; J0 |9 u4 H* U  v1 U) N5 H
         }( ?2 {+ c' O% F5 W
      }
+ O, |- W( }0 w( A3 Y   else if (xDir == "left") {! q6 M% i4 I7 ~$ r
      if (xPos < (0 + BallSpeed)) {3 B/ l1 L) W! o) p
         xDir = "right";( u& o' o5 T4 d4 E7 ~
         }2 l+ j+ g+ D6 s  s# P& s0 i+ R; j: d; V
      }
4 c5 j+ Q* b1 `7 o1 M   if (yDir == "down") {/ U7 K* P5 \! J- ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 ?4 I+ q% x/ H8 W) i( I
         yDir = "up";
# F0 X" W4 _# O6 B9 s: M- c         }: A0 V$ Y5 f" \5 Y
      }9 C$ |6 V: s2 `& q0 a
   else if (yDir == "up") {* p) Y0 s! A: b+ N& C. X( F
      if (yPos < (0 + BallSpeed)) {$ c) g# V$ e( M8 l: C
         yDir = "down";3 g" o% V# S- \" k( h
         }
8 x8 L* [* Q/ k7 M) }; U      }- h8 S; \$ r8 v/ g: _9 t
   if (xDir == "right") {4 I% u- ^; {: _& R7 Y# F! Y
      xPos = xPos + BallSpeed;
# T  p6 a, J' D) X) h      }
) p9 W3 R% t( p6 [+ K) F   else if (xDir == "left") {0 P, z8 w: F3 G- C1 P3 K
      xPos = xPos - BallSpeed;
$ l" S1 p" P- _. q) Q      }
+ p* r. b0 z" D/ \% {   else {; K9 A; r( }  ?9 p# n; C! \8 c
      xPos = xPos;
1 u* h) P4 V& \8 s      }) J: d, w! e, B
   if (yDir == "down") {8 F) W! A4 d( Y
      yPos = yPos + BallSpeed;
( g  X/ a( [3 ]      }, ?/ [4 U* K: N  K/ z- O3 Z
   else if (yDir == "up") {5 x6 c7 s6 A( l! l4 P% o
      yPos = yPos - BallSpeed;* F( K) i- r( H0 B3 _
      }% d, ]% i: P+ [1 x& j7 f3 z/ E! w
   else {- f; r& Y$ L, O
      yPos = yPos;
# x. r* l+ y+ J" H0 [; b2 o      }; ^+ L. k: d% W
   }
8 {: U( o. e0 |7 d; s2 V0 E+ |3 D- f4 X3 _/ t4 h
function hidetext(){5 \& I0 r: j6 F, v& _
if (document.all)* r7 `4 ~# e' ?( y" b
supertext.style.visibility="hidden"1 S/ y% D( [  Q9 u
else if (document.layers)2 ?8 p9 H" k* Z9 J* K
document.supertext.visibility="hide"5 R' }% R7 S0 ~. S+ O  [
clearTimeout(animatetext)
4 k( A$ G1 O$ h& A& Y3 ^5 h}
3 o5 o- n, U7 _- j5 Q8 d- J. N. B( O( D" D/ {
if (document.all||document.layers){  J6 e+ }$ C0 [: S: {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" R# s4 c- a% a& }' d% o
window.onload = initializeBall;
* h9 c" t3 a6 A2 o8 jwindow.onresize = new Function("window.location.reload()");6 [4 g: z  L4 U! `
}  x5 n7 F) `7 P" I8 D3 ?! D
, i4 J$ k, @7 N& i2 H
</script>