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

zw2004

<style type="text/css">
  n; a7 _- T# A# e! q0 w4 j5 H#supertext {9 J' g4 ^# R0 v6 V* r
position:absolute;
  U4 ?; E: j9 Q) {left:0;
; z; I' @0 v9 e2 i8 H, c7 s# Btop:0;
/ x) v" N1 J9 B) G  tvisibility:hide;
4 C! a1 H$ \5 C5 hvisibility:hidden;
; ^8 M( _6 c& f2 t/ a( A}
( n) }- l0 a7 q3 V</style>
" m. t' Z2 p$ {<script language="JavaScript1.2">4 ?" Z2 I0 A: E3 ~+ t
<!-- 改变下的字体的大小。颜色-->1 a# [- E' y; K! F- y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 E' ~  s2 x  L' Nvar hidetimer='';
, n& u1 l# y+ D7 M1 e0 N<!-- 改变下的弹跳速度-->9 d7 I, Y3 s3 d: B0 i
var BallSpeed = 20;6 x) Y# ?* g9 f* u4 Y; D) M6 k
var contentWidth;. R7 w  j- m5 m! t
var contentHeight;2 A. d& l8 l5 D4 ^; q: A% P) n
var maxBallSpeed = 50;3 p4 X/ n) r2 e7 o0 a5 N

' ~5 v. z: w% z; P8 l; ]4 a6 ?. L5 }7 Q
var xMax;9 q; }! ?) ?( ?) q0 b7 x
var yMax;
! R- s0 j3 I, Uvar xPos = 0;! n* N8 _& l0 @$ \0 h( f# ]4 V
var yPos = 0;/ z. E  Q; s1 j$ ~. j- |6 y
var xDir = 'right';' i8 T& h- s" r
var yDir = 'down';
- O$ C6 I. m2 G% \0 gvar superballRunning = true;
, X) d$ Q$ m5 w. Q$ q8 Xvar tempBallSpeed;) i7 u3 x. Y! S7 q% c  h& q  X
var currentBallSrc;
5 H8 s+ Y& |! N+ U+ Q4 N8 j$ ^var newXDir;
0 s- U+ J1 O* a; y1 Yvar newYDir;
; n7 c- \2 h0 E! t
# R8 [' {+ Q+ I  ~0 t1 K2 S( |  z) }7 Gfunction initializeBall() {. v7 ]  F" W0 ?* f
   if (document.all) {: S) |4 I0 Y% A4 S% l9 r
      xMax = document.body.clientWidth6 a& a* ~7 D9 R# |3 |. R
      yMax = document.body.clientHeight
% \6 p6 r' P  ]$ y      document.all("supertext").style.visibility = "visible";
: S1 [9 F8 f$ M. v. o' q      contentWidth=supertext.offsetWidth
. N% J$ l4 @5 o6 N! h) g/ d      contentHeight=supertext.offsetHeight. S7 Y' g* r- t3 e5 U4 B
      }+ u6 S3 `1 t6 g  s; l, k! Y! R
   else if (document.layers) {- P3 x% z! m/ S& K% I
      xMax = window.innerWidth;, ~/ r& R7 R0 [) L; _0 b
      yMax = window.innerHeight;
3 _+ Q5 |! D3 s3 k4 a! ?9 X      contentWidth=document.supertext.document.width
+ ^: X3 F0 J$ _6 c  g# D      contentHeight=document.supertext.document.height& Z! O! P8 A6 g- U9 W
      document.layers["supertext"].visibility = "show";
- R* m( c9 E, |0 G) @) F& k, V      }
, J: Q- g/ a& L) P   setTimeout('moveBall()',400);
7 w2 M5 G! _# c+ _. ~( ~   if (hidetimer!='')% o1 M6 i# }7 }
   setTimeout("hidetext()",hidetimer)3 j2 p7 S! V' F5 z0 f
   }
, v5 G+ N: G' W% p
9 p8 F, _) T8 Bfunction moveBall() {
2 {+ a4 J  _! ~. p/ G   if (superballRunning == true) {! o, r' _2 d5 t5 R) N" i% R
      calculatePosition();
& z2 L; a+ `& y5 k  l" j9 n      if (document.all) {' _7 {% S; d9 R. P5 a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 {  x/ g4 D" P+ s9 g& F* X9 c
         document.all("supertext").style.top = yPos + document.body.scrollTop;( t5 ~( R! Y9 v, b* s" W- X3 n
         }* ]  G. J6 d$ K$ D0 K5 `3 e+ T3 ?' o
      else if (document.layers) {0 V  ?" |4 `; M' }5 N6 b6 E
         document.layers["supertext"].left = xPos + pageXOffset;
" j4 `5 f5 `! c1 f         document.layers["supertext"].top = yPos + pageYOffset;
" S/ c6 W' g  J2 f; J) [7 @: n         }
6 [+ b. ], x3 O) W      animatetext=setTimeout('moveBall()',20);: H7 D: h; z; n/ t  ^% e1 s
      }
2 Z" L5 s) F( J7 g" w- t$ H   }  U# ~4 B3 K9 z: V  p1 J- I) o) |8 k

2 E+ T0 q: k; H8 m) dfunction calculatePosition() {* a4 @, K! ]& O9 C8 B3 h+ F
   if (xDir == "right") {
' \- b4 Z5 w  r) y      if (xPos > (xMax - contentWidth - BallSpeed)) {
( M- ~7 l# w+ j8 s4 n         xDir = "left";6 n  m: a; A. ?/ r$ \* k( G$ Q' j
         }
, b+ T; }% B' [) q- _. c      }
7 q1 o1 m( ?' F' w* A5 |4 w   else if (xDir == "left") {- ?: V) I1 w5 o3 m
      if (xPos < (0 + BallSpeed)) {: s5 S( v. ~1 [6 q) o; d
         xDir = "right";* k' K3 a, w% x8 X! K4 h; e- w
         }
" [" f7 b: b+ `6 {9 I9 g      }" I% p1 l4 o& v7 _) p$ m2 l- Z; [
   if (yDir == "down") {7 r: P, g7 z* W0 n- s
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ \  |# [2 z) ^" B# n         yDir = "up";5 Z/ y0 _. y, z+ U3 S7 l
         }
; q" C" i, A$ P2 _: e      }+ v* H& ]) J- t3 s: J( m
   else if (yDir == "up") {
4 W; c2 J; `. z+ N      if (yPos < (0 + BallSpeed)) {
+ F' W3 g/ v: G( e3 D  l; x8 s         yDir = "down";7 R; G8 h; n: B5 G5 B) d
         }
' v% |. i5 d5 X      }/ Q) f2 _) S1 @- Q% b
   if (xDir == "right") {
- m. T% u5 r$ _8 i' C      xPos = xPos + BallSpeed;
" ^% u' _4 [* N" t      }/ N  l2 u* X- J
   else if (xDir == "left") {
3 D1 @& _7 ^, J4 `1 N- J      xPos = xPos - BallSpeed;
* [3 }; p, r& A      }5 E& C& V6 f3 n" L1 K, o5 b
   else {  v% }) b  _  H3 q2 v3 J
      xPos = xPos;8 f3 M9 S9 u" |$ @2 R
      }$ _  X# K* d% R
   if (yDir == "down") {1 x) [6 h# k- |% N  {! Z
      yPos = yPos + BallSpeed;2 @' l; o$ ^, O, s4 X
      }
9 |- G- `7 X" u4 ^; N" i3 i   else if (yDir == "up") {
$ q. }4 v' y* P: x      yPos = yPos - BallSpeed;
  |- j' I% z8 q( x7 a1 W3 G      }
: K; [& [/ T9 S* w+ u: @   else {
% T) {& O  ~7 L! g% k$ C      yPos = yPos;
2 z$ q  b8 w- G& K0 `" W1 s& P      }" [9 \! h& ~3 P9 N* x3 O( w
   }
+ n* V# ]+ K; H: U0 ]* g# _
; F! k# b$ m. K; e& u- `; Mfunction hidetext(){2 ]8 H, |, p% d( ^; s
if (document.all)
, d( ]. \: ^8 I) c* d1 `" z  Wsupertext.style.visibility="hidden"% z* C+ k* b7 _3 U
else if (document.layers)
9 I3 R( K# E- ^. j- Rdocument.supertext.visibility="hide"
+ ?* C( W( {* l7 i: o* NclearTimeout(animatetext)
1 w, s  a) P/ m8 |. {: ~) |4 N  m}
" S) L, D, C+ t- W
1 y; m; U: x* d" R0 `if (document.all||document.layers){
4 c; k* z/ ?( i) [; s- v+ _6 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! ?& j& F3 c0 b: `! y2 B
window.onload = initializeBall;( a$ k0 s9 i1 ^* N/ f. {- ?
window.onresize = new Function("window.location.reload()");
; n1 c7 B5 @$ F' C" R  t! Y7 _}
1 g  J* d! u( [& |3 l1 M! }
. B2 Z7 z3 ?2 V0 ~$ ~</script>