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

zw2004

<style type="text/css">
% h" Q' R: ]; _0 f7 F/ h- Q5 y#supertext {
! h: z3 O! A& i( I  Z7 j3 O( wposition:absolute;4 z4 X- o2 I% t& A3 F5 \0 [" `
left:0;8 ^8 l. b3 b- W* s1 ~+ B; `
top:0;
0 m* J9 ~' f* J+ Q. k% Uvisibility:hide;8 M# p  r  u  b! J" ]' d5 j; a* d
visibility:hidden;
% t+ y  Q0 a8 C, A3 o}; N, n* d7 R" Z% m, h
</style>
  @: L3 h) G8 w<script language="JavaScript1.2">
9 q  [7 ?. f0 H9 B: [0 j. [( q<!-- 改变下的字体的大小。颜色-->' R/ I% D  {2 [/ ~; N- O3 K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% t  [5 O0 m4 c: r+ ^# J7 Tvar hidetimer='';
0 ~/ x7 R" ~, D4 g8 N! d6 Q<!-- 改变下的弹跳速度-->$ r$ @+ s; R9 e7 m$ T7 I
var BallSpeed = 20;
/ g4 w# N; r" N; s: {- a* r! Wvar contentWidth;. z% _) }8 ^* m8 f) p, y* y2 O* S
var contentHeight;' Z* p$ a! p/ s* L6 p9 k3 `. [
var maxBallSpeed = 50;
5 D3 W' e* `/ w( S
& Y7 K7 G* {9 L6 z3 w
  ?& z" o5 J4 ~var xMax;& ?) x, w8 o' n
var yMax;0 }/ Q" H7 E* v# A1 H
var xPos = 0;. ~0 _/ c! U8 k( Q
var yPos = 0;
' P2 n0 O' |% U: Hvar xDir = 'right';) T; J% A* Y1 F- _% f8 m8 S) l
var yDir = 'down';
+ m3 L* p( Y; ~$ E+ b- z1 F; rvar superballRunning = true;8 o9 m9 {' ?3 p" O
var tempBallSpeed;, M( [4 E$ ~$ O; C3 ^+ H& h
var currentBallSrc;  t+ I3 P& W. U9 D7 Q+ m% _& C& v
var newXDir;/ a1 N4 b, H7 C
var newYDir;
. }6 b- ?3 m8 f1 k) b
  d2 g0 ]1 `4 J8 y# l. D& yfunction initializeBall() {' ?1 H* U& z+ W% e
   if (document.all) {4 M( {" s; A4 B. y9 \3 M9 E
      xMax = document.body.clientWidth
( a1 ]+ T. [; O: R9 o6 \  K2 T8 q      yMax = document.body.clientHeight# ]  _, H7 R5 p  ?2 v) J, ~& n! S, U
      document.all("supertext").style.visibility = "visible";' {6 N& V9 M6 Q0 s
      contentWidth=supertext.offsetWidth9 _& J% ^0 y" v' _6 s- w( C
      contentHeight=supertext.offsetHeight
( ~; h# @( J: f# j7 ]' v" R. a      }- R. R8 ~1 X" |5 L. Q
   else if (document.layers) {
1 `6 Z$ l0 B1 T8 s8 ]0 u      xMax = window.innerWidth;
: U& m- ^- u3 Q; H. I4 \      yMax = window.innerHeight;
9 y$ a% q4 |4 T: L6 _3 }      contentWidth=document.supertext.document.width
1 U% ^1 B2 a3 J+ y/ U3 f      contentHeight=document.supertext.document.height0 M& ^' v0 `# E$ z7 a8 }9 f) ?
      document.layers["supertext"].visibility = "show";# o" S, }" u# Q& H; {
      }1 A: R; L- u: i9 E* z8 x
   setTimeout('moveBall()',400);0 B, w% O0 d: _) p9 D/ |% H
   if (hidetimer!='')
6 e! S% |1 C9 E5 }   setTimeout("hidetext()",hidetimer)' s0 `  X; \' h7 C7 z1 j9 o# ~
   }
1 h. f+ B4 f. V# F1 ?& h2 }$ L) U, z
function moveBall() {- H7 N" ?( j1 A# y
   if (superballRunning == true) {
4 b6 z& i1 C, e7 D# v5 p/ @      calculatePosition();
1 y/ v, Z, x/ e& V      if (document.all) {" ~4 ?6 v4 h; `+ d" b) i$ @1 F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 y) H$ f$ h$ c2 u4 h  i; m( b, s         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 Z; f  Z8 ?& w" g! Z: U: w; y         }4 X: A  n* I% _/ ]& n
      else if (document.layers) {" h- ^4 R, @& r1 j
         document.layers["supertext"].left = xPos + pageXOffset;+ |* n( \8 p2 ^- \( E3 C2 K
         document.layers["supertext"].top = yPos + pageYOffset;$ v5 \) }+ g. D+ ?. g* h
         }. M4 v" I# }" v
      animatetext=setTimeout('moveBall()',20);
8 ~) n/ r8 A( E" ]      }3 ]; f9 y8 j& |( q1 q
   }  Q+ w6 }& E0 M

6 ?2 ?! X0 G; s6 |! c+ [0 a5 o* @function calculatePosition() {
( A+ H9 ?7 i: H% a$ }4 I5 \   if (xDir == "right") {
$ e+ @$ d+ @3 Z. x! r2 g4 M$ Q8 \0 ]  L      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 o2 }7 \% z, K" I! m         xDir = "left";
  Z6 g$ ]7 A9 j& f( {( q         }
# U2 w# |- c% ~7 z      }
* {+ O9 x7 J9 u' f   else if (xDir == "left") {0 Q2 H, x3 i! X1 i& y
      if (xPos < (0 + BallSpeed)) {  s  a* t  G+ U8 h5 P0 ], H& I/ I
         xDir = "right";, X# p8 \) I, y. H( H
         }! t4 j1 O* {5 a% U. G' _" D5 K
      }
4 L1 m' ?8 }9 C. Z# ?. p   if (yDir == "down") {/ N) i& b1 r# ]$ d$ [
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 ~/ k# o/ o' |2 a# m! e6 r9 f. t8 U         yDir = "up";5 I' B  z6 z, s7 Z
         }
8 i( O4 ~0 `9 L' A. X1 m# f      }
; g' \* Q( p& x" ?: F! f   else if (yDir == "up") {, B: u8 d. j5 l( f) X
      if (yPos < (0 + BallSpeed)) {$ `1 i5 {2 B) D( I( }9 P& e( f
         yDir = "down";7 ?2 @$ H/ a: D2 ~  c8 B
         }
# x* T- |- l/ u8 v      }) X: }$ q2 C* D8 K5 g
   if (xDir == "right") {/ N7 M8 C  |) ]3 X& @/ ]3 r
      xPos = xPos + BallSpeed;
# q" N, ?3 S& R! `2 D      }* Z. E+ Z, i5 X% c( h1 g+ a
   else if (xDir == "left") {
, X0 T% u) R4 o) v% p, X5 j  R      xPos = xPos - BallSpeed;
  A& S' z1 Y+ w! u. [7 T      }& Y  g, D4 Q9 V' N7 R# @
   else {
5 P+ L2 ]- @4 |. H      xPos = xPos;
3 y. O+ I- z: P( x# w& ~      }* D5 |7 G3 \! Y' B
   if (yDir == "down") {
: s% m( G, Z( ~5 \: J) {: \0 L      yPos = yPos + BallSpeed;
. s  U9 o; m. ~2 Z+ N5 M! m      }
9 f  |9 a2 r) T( T; o3 {$ {& \" N   else if (yDir == "up") {6 B3 A8 o  _9 J( v5 J
      yPos = yPos - BallSpeed;
$ O' ?' h2 [5 ~, a  c1 Q; w; w      }# N. h( U5 X3 ]+ D# i$ |/ e
   else {; \' J* V2 d: i7 ~0 u
      yPos = yPos;4 G3 j& j5 Y3 m6 Y8 F& M
      }
& V! y/ ^+ \+ y* ^7 Q+ F% \   }% H, d& l% V1 ?+ F. c! v
9 s9 |. i4 X/ e9 Z0 ?; X4 i% ]
function hidetext(){
+ J% a) a* y# Gif (document.all)
3 w) _- j9 S& d) ~* h8 t8 Vsupertext.style.visibility="hidden"
' c' \: ?9 n+ p- N! k% m+ welse if (document.layers)9 J+ Z( B8 U& U8 t7 r4 J
document.supertext.visibility="hide"5 H3 C. A& ^8 N$ Y
clearTimeout(animatetext)
/ N6 l" @1 V4 Q* f- A$ P  H}
( W* E. r6 N. f4 V( o( @: f& n+ D9 K$ C" V, a  b. u
if (document.all||document.layers){5 |* V5 O7 w, n, j) h* `' D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" v! ~2 S& `5 ^6 w
window.onload = initializeBall;2 Y0 f% i. \- F+ w
window.onresize = new Function("window.location.reload()");/ ?0 X4 H3 u- J/ W' [6 v' v
}; N: N3 N) _' Z- `/ r- H( T
! ^, ^& Y1 ?4 v. U- j. I
</script>