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

zw2004

<style type="text/css">0 G; l8 h# y* h. l  q0 }( g# J
#supertext {: G* Q  M5 _& k+ u; S6 ^3 L1 a. \
position:absolute;( \: W  ]& A( e. J/ M2 X& J
left:0;
+ ?. u! f1 S: k( S3 i' N6 [top:0;
" N# E: a3 d) g- m) W0 ?visibility:hide;! q9 k( u' A) x, R/ M
visibility:hidden;5 \$ l% t+ e, ?& o+ i( g
}
: U( X8 {  M. y: e( m</style>. h: [* ^& i6 D
<script language="JavaScript1.2">
2 _& |, ]+ Q0 W. _- t5 a& _7 o<!-- 改变下的字体的大小。颜色-->4 G+ |3 G$ g) S1 C  i. B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; N$ U+ }6 o7 j* ~2 [( n  r3 j
var hidetimer='';
6 l/ u9 Y! o/ ]! L6 c$ ^% S<!-- 改变下的弹跳速度-->  C# V( f) F; o, b3 j
var BallSpeed = 20;" r9 f* N; h* A& C9 o; a
var contentWidth;
. O- V- T! _9 ^: rvar contentHeight;  a& a/ M% o* L2 ~- v% [
var maxBallSpeed = 50;, d4 j: y% o/ |% m

! _* A+ j0 ]' }' e  O% B* z: `! M+ J: _0 u6 Y+ r+ t/ a* Y
var xMax;
0 Y" D  r0 l6 g3 N; hvar yMax;8 W+ a$ q- j( q% P2 R/ c2 o
var xPos = 0;
1 M0 H5 t3 h' w1 l" t. }' _var yPos = 0;7 ^2 B/ S- ?+ c: j/ A
var xDir = 'right';$ x: H/ c  K. O
var yDir = 'down';- \! l2 X" M% `8 ~* `+ Y  e
var superballRunning = true;" ]9 ?8 {' k/ N* Y% z: x6 I- V* f3 f4 v
var tempBallSpeed;6 s3 P* Z! x5 a" ^, ~6 x
var currentBallSrc;* X$ c0 z- [8 m3 T: F1 q+ q! S3 p! |
var newXDir;
$ `( a) J3 [& O: f" Hvar newYDir;' a: k3 r+ u2 H& e; @
) E1 o5 H' i* f( d% L: W$ ?7 P9 m; S
function initializeBall() {0 L+ W5 Q) O- j6 T' K  G
   if (document.all) {
$ D1 v5 B1 B2 j      xMax = document.body.clientWidth$ I; d2 B  D/ y$ g  l; e
      yMax = document.body.clientHeight) V( y5 ?0 k1 p- i
      document.all("supertext").style.visibility = "visible";
! o  d! f" k+ @7 [      contentWidth=supertext.offsetWidth
: x  r' S: n. c- q3 j      contentHeight=supertext.offsetHeight  y1 u- Q8 V; \; W) w( D
      }
  b$ p, r- ]; V2 \( @9 F# D   else if (document.layers) {
9 @7 D+ U, B' [      xMax = window.innerWidth;
, B* S2 h$ U0 T& l/ Q7 k      yMax = window.innerHeight;
1 B* a& O. W- r      contentWidth=document.supertext.document.width
+ H5 Y9 n. Q( W      contentHeight=document.supertext.document.height4 l# R/ J9 e5 p) ]/ N; v
      document.layers["supertext"].visibility = "show";
  H) o, e. `$ l/ N# u/ ^1 Q      }) T: f3 R4 ^9 R  Z) v
   setTimeout('moveBall()',400);
9 v$ \- k" N7 ~3 @   if (hidetimer!='')
: G8 W. l) u: z; N. b   setTimeout("hidetext()",hidetimer)/ @' \/ S7 Z/ l6 H' A* I
   }# _  z% b! M+ E$ }: k" I3 _! T
0 Z" D1 a  ^3 H4 R% b
function moveBall() {9 L$ Y- F1 E, I: _
   if (superballRunning == true) {( E3 y6 x9 R& h6 ]* T& ]
      calculatePosition();
" u8 P, B  Y2 j' c      if (document.all) {- {; B- J& Z) i( _, \
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 _4 ]) C7 w, c5 ^
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& }: s4 {% X( a( u. p( q         }3 x7 j8 D  X2 S2 W( d% C! j
      else if (document.layers) {/ ]! s( k# S0 a8 S
         document.layers["supertext"].left = xPos + pageXOffset;
, y' V$ y% d1 M2 R; @         document.layers["supertext"].top = yPos + pageYOffset;
5 G& N! P' q6 ]% P- W  |         }5 L8 A0 G8 \4 I
      animatetext=setTimeout('moveBall()',20);3 g: o( j4 ]& J/ i; @7 P* ~1 Q
      }
! ^! Z: m% A/ h2 ^! |. p, g4 @   }
" S) ]1 I) E" `; {: O* I& y( |* H) p+ o
function calculatePosition() {7 P  x3 ~' G" ]0 v% y
   if (xDir == "right") {
% }# [: i. g5 h      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 Q( C5 |" f* V, S         xDir = "left";! ]) e* g8 m: Z8 K2 X% U1 s
         }. B$ c0 @0 ~1 M
      }
' O! y. h) ]; R! r* @& ?   else if (xDir == "left") {
( _& G' J1 v! k5 g* e% Z7 d      if (xPos < (0 + BallSpeed)) {' h2 W0 y. T- [3 u
         xDir = "right";! o) K  L  _* }0 B, M
         }
  M/ ?7 s9 v' x0 r! v      }" r9 `4 N; h6 t' P+ }. Y4 u: U, U
   if (yDir == "down") {2 ~/ Z% |! P  e( P% `
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: _& [" j& V/ s% U         yDir = "up";# C  z$ ]8 s1 ?3 Z% ]1 y
         }
$ T1 n: A! b% i: Y- T      }
6 r2 g  q2 U5 N   else if (yDir == "up") {7 Z7 i- O9 b; {6 h, R2 }4 U
      if (yPos < (0 + BallSpeed)) {# r( y9 _) `5 l, ~
         yDir = "down";: g: [) Z% I6 E
         }
% C, Y) @) ?& R; L) L1 Y! c+ ?      }% a/ _" E( q5 V
   if (xDir == "right") {5 o  _1 l1 B4 e, X' B4 c
      xPos = xPos + BallSpeed;
. p* P0 b" y" Z, P; S2 u5 z      }
2 N& y2 T3 m6 y/ n% l   else if (xDir == "left") {- y- f# ~( \0 Z  g
      xPos = xPos - BallSpeed;
5 `! n  k; y- ~$ I+ G      }- I3 W6 u- U. w( z
   else {
4 R! E2 K$ H% q/ _( `0 c      xPos = xPos;
6 ]7 D+ h- z1 e- j      }  X/ r0 }8 \) ]" T- s! Y. \9 ?
   if (yDir == "down") {" `% F( z# A: f' h0 C
      yPos = yPos + BallSpeed;, m, s; D8 t. d! c% G. H- P; y
      }+ W  M- b6 J0 P; L0 y
   else if (yDir == "up") {
( c6 r& s/ R3 [' g      yPos = yPos - BallSpeed;5 s! v9 a" Z5 i: T1 X. P
      }" i3 u) L6 F4 `8 @! c; x
   else {  {& k% \5 g4 D  B( E
      yPos = yPos;0 c0 j( q% g6 w1 s& l
      }7 D$ Z1 c+ f# ^1 D6 G' Z/ Z) h  p
   }
! H3 ~; f: ]" d7 m: f; ?2 v: G. q8 y3 a1 T& _$ a
function hidetext(){% a$ N  Y" q2 `$ T7 m  ?
if (document.all)
  Q  j& J' y+ W- t- J% E, Y: G. @supertext.style.visibility="hidden"
8 d  {5 u" x8 W% i8 Jelse if (document.layers)7 n: G' f$ J7 Q8 X. s; u$ L7 F& }
document.supertext.visibility="hide"4 T+ Q( s- V, M: q, W- b+ G. E9 n
clearTimeout(animatetext)
* m8 T1 t- {( C# d/ u7 i}
& N. x6 t# O; }4 c" _, ~0 |
0 k! D' ?5 x* j9 S* ]if (document.all||document.layers){4 C  [/ T; K) I9 {9 d% L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& R0 `! L+ G9 ^5 v/ qwindow.onload = initializeBall;
0 y' ~3 E' J& x9 ?) Jwindow.onresize = new Function("window.location.reload()");
: e9 M7 h1 S. N  L! X% A}
" e- ~( Y* c% z& t3 j; ~. ~6 }6 _# X/ M7 ]2 i3 U
</script>