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

zw2004

<style type="text/css">
$ R! x, M# F7 @#supertext {
( V8 Z5 R$ R3 L. J- q7 ~position:absolute;
& T0 I; m- r6 I" w0 L) R8 D/ [3 Hleft:0;
1 _  p. j- _+ c8 gtop:0;. m% s" I0 X# B  O# v% Z, @
visibility:hide;
5 `  M5 U  D& I5 N1 zvisibility:hidden;
' K8 b: w1 Q6 Q4 M}
# F& e0 R4 X; g  \  S* a3 W7 Y</style>
8 j! L4 _8 _5 B# E* R<script language="JavaScript1.2">3 K2 O: @( x$ @4 [) e! m
<!-- 改变下的字体的大小。颜色-->
; J: x! d1 b- a; D! c! o) pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% k% }; Z; c6 {8 p( \var hidetimer='';
: _# j- u7 m; O7 B& h: w) q<!-- 改变下的弹跳速度-->& Q1 I$ t3 H& @
var BallSpeed = 20;
  Q1 I+ h" W7 X, Q$ A  T1 |+ ivar contentWidth;( B. W& |& y( y4 R: o2 _- ~. ^5 E
var contentHeight;6 N  A, i  S; E! t# X  v
var maxBallSpeed = 50;, p. c5 P- z8 m+ G  Q: ?2 O. \
* p" p. J: Q9 T8 T7 C5 \$ n
$ g+ k) ^& l% k* U4 N
var xMax;
$ w% ?+ M* o- @% dvar yMax;1 ^8 z+ q. |7 u2 L
var xPos = 0;
' ]) k+ ?5 K- c0 x6 T; s. N0 jvar yPos = 0;
, ~7 {( D- Z7 hvar xDir = 'right';& Z  q" R- A2 ^- i( F' p
var yDir = 'down';
9 |; l' b7 z% Y3 `var superballRunning = true;
( p0 k) @+ [, I( F$ W  gvar tempBallSpeed;
; H3 M( r# e* q2 v% a0 dvar currentBallSrc;
! m6 B0 }7 `' B. m! t* Y; Lvar newXDir;7 |) _) J  J- |) J
var newYDir;
" x7 B: g+ N! J! j+ W& `# V- w& m7 ?6 a% A: u  K7 R
function initializeBall() {
% O- y0 N% [! A1 ^   if (document.all) {
% L0 M: e5 k9 w      xMax = document.body.clientWidth
1 F1 Q9 k8 y1 r: E' T* k8 v      yMax = document.body.clientHeight! _$ @4 l. n7 a+ c- X- S9 @
      document.all("supertext").style.visibility = "visible";. Y% v9 O# v! W1 V' Q
      contentWidth=supertext.offsetWidth& E2 ], B" i' ?8 q0 u: J
      contentHeight=supertext.offsetHeight
3 m+ V7 |' \5 ^3 l  f0 C6 t      }
7 w( \6 @# A2 z' @3 ~  P- s0 U, L   else if (document.layers) {
5 ^2 D  j0 D1 c9 U. E      xMax = window.innerWidth;: y8 [) B- k0 }4 b* _9 k
      yMax = window.innerHeight;* c4 ^) i, |) E3 Z1 M" F7 b
      contentWidth=document.supertext.document.width* g* z* ]3 p/ Y
      contentHeight=document.supertext.document.height
# ?( a. @, k/ c& s4 X      document.layers["supertext"].visibility = "show";
* m& }4 o7 D, b. S; R% _! M      }
. k8 I0 E( l: ^* p- a7 g   setTimeout('moveBall()',400);$ Y+ o1 p9 d  f8 `
   if (hidetimer!='')
" n6 a# \* c3 E" |  y" u( z   setTimeout("hidetext()",hidetimer)
9 Y- p. E( M9 U+ S9 o   }9 R/ K5 I$ o" ?; I/ h' u
) v, |3 b8 G4 X' E  d
function moveBall() {
* \* i. l( G& [: I   if (superballRunning == true) {
/ T0 }' c* \* y; @7 n      calculatePosition();
' I0 S3 n8 Z; `2 t/ C4 D      if (document.all) {
' c  O5 X) @+ U" I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 f0 z7 w7 p; o+ [         document.all("supertext").style.top = yPos + document.body.scrollTop;- P" v7 U! J8 S0 I
         }  s4 j: L: `6 b" C
      else if (document.layers) {
" m4 z4 }2 x$ l         document.layers["supertext"].left = xPos + pageXOffset;/ }+ D9 A1 i6 J3 G& m/ P
         document.layers["supertext"].top = yPos + pageYOffset;
; R: ~- v- x( T6 p         }
" b( }! x: Y' Y. Y  @      animatetext=setTimeout('moveBall()',20);  r* g3 e3 ~$ o: w% C2 o* ]
      }: _: o! g2 ^/ |2 ?7 \
   }$ q: _% ~& b" o; _/ C

# \8 q) d. r  D% ]. x6 S6 dfunction calculatePosition() {
) V6 V; T# C1 }   if (xDir == "right") {" k& D" F) s  |6 I
      if (xPos > (xMax - contentWidth - BallSpeed)) {. L- [& s  o' ^
         xDir = "left";
: v4 L: q; w, L         }; ~0 z0 Q( @$ I6 ^
      }
% L8 Z1 U& D8 ]! p5 C2 W   else if (xDir == "left") {# a5 d( ]# d# l3 w4 `9 F/ l
      if (xPos < (0 + BallSpeed)) {& b9 U- K0 @- N; z
         xDir = "right";
2 e) K* \6 E! h( a. |% n8 ~* v         }5 ^' Z8 J7 O) S. d2 H! |  r. }
      }4 @( N. o0 t: d8 \, `
   if (yDir == "down") {9 Z4 N5 {- M, B- T3 v# I
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 A  R, f8 O  X' u         yDir = "up";  [3 W+ w- m: J" W' ~: c7 `0 f8 U
         }
/ o) p* p; N; E# e- E6 p* q; F% Z      }
: F7 D5 g$ F& N* D   else if (yDir == "up") {1 \. b& a# ^% p) s+ {
      if (yPos < (0 + BallSpeed)) {
$ H* u( z8 u% J% ?+ @5 Y$ F$ E         yDir = "down";
7 ?" @4 {# B7 r  n  q0 R         }  L! l# C* e- B. O
      }' P: t  D7 I% k8 G* j
   if (xDir == "right") {; J7 S9 j9 m' Q+ f
      xPos = xPos + BallSpeed;* G9 J0 S; X' [" I( t
      }
& I( S9 f) T3 Q8 C7 _0 n6 f   else if (xDir == "left") {0 n4 ~/ l' D5 D" M3 l( I$ R
      xPos = xPos - BallSpeed;
! O2 J, X0 z$ e0 x2 V      }7 E. ^+ p# N. t3 i  s+ }7 J
   else {
! F& l! O) l: x: _# K) H8 J      xPos = xPos;& v; p. g, K. ]% r2 A5 d. v2 [
      }
: @( z' B* R7 e: F) }& ]" Q7 v   if (yDir == "down") {
" L! Q/ P5 x- t6 p      yPos = yPos + BallSpeed;2 x& R% C# W  M
      }# F* i8 o( B+ y' a) {
   else if (yDir == "up") {
2 Y; p6 ~: l7 Q4 d3 o      yPos = yPos - BallSpeed;
5 V* i0 l5 w. p      }9 j" [  T* c$ X; N2 ~
   else {7 b  o9 r- N+ F1 O: x5 k4 K' a
      yPos = yPos;
4 L" p4 R" m1 N# _- i, M- p      }
* ~! P/ ?; I- y: @/ j   }
. m3 w& _8 z  N- G7 f& t$ h, I$ w' H6 G( v* j* I
function hidetext(){# P3 _- }1 w$ X5 F3 `
if (document.all)
" F$ E$ `3 H3 |. h$ asupertext.style.visibility="hidden"
2 i9 M+ x7 W4 [" s8 H$ }else if (document.layers)' [4 v4 ^% e" N$ c
document.supertext.visibility="hide") n7 D  U3 ?4 X) o8 h( C# |
clearTimeout(animatetext)% }2 B6 x/ e' F6 X
}
# W2 `9 E' ~/ \+ U. w3 a8 \4 z/ V9 e+ J0 [' }" T9 G$ C( Q
if (document.all||document.layers){9 h8 V$ r, T/ G( l8 j; l3 ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). h9 k4 Y- k1 s
window.onload = initializeBall;
* `4 z/ ?" x& d9 rwindow.onresize = new Function("window.location.reload()");
# L! D  f) z/ z}
2 Z  k; Q4 z+ M# m: [+ E
7 I+ q+ \$ c' T# L</script>