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

zw2004

<style type="text/css">1 J8 g1 k: Q6 p7 b( }% o& `
#supertext {
% X" N, p0 l& ?) `position:absolute;
7 |0 I+ R- X6 q% C% w; u% Qleft:0;, @; F& G8 u# `% f1 A) S
top:0;
6 B! P. t& Y* a1 F( Mvisibility:hide;
) L) W, _; d( v$ fvisibility:hidden;1 y0 M" i/ D/ ?$ o
}) {; O4 e- j6 \+ U' f3 O
</style>
4 F# ?0 F8 B" l) O; I5 z5 s3 E<script language="JavaScript1.2">: k) g/ z3 E; n+ n9 `
<!-- 改变下的字体的大小。颜色-->
7 B  D" u0 m# }5 ?7 g/ v+ G9 F1 \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 r2 Q9 @+ z2 dvar hidetimer='';0 X1 o# R. b8 G: n* O
<!-- 改变下的弹跳速度-->1 w: I  W% h* k2 ^  Y0 j5 h
var BallSpeed = 20;; U3 S1 J; i! f6 a% }4 ]4 ^- w  ?4 a
var contentWidth;
% r# [" S9 x* E, l/ f" bvar contentHeight;# ]! g5 m/ h8 f. f  y
var maxBallSpeed = 50;
2 y; G# q  `1 y. W0 {9 W! h7 ~/ b
3 Z9 ?: L& @0 B
* G# B: z% I9 Z1 [. Z  pvar xMax;
+ I2 c0 I, }% Q; v: evar yMax;  X! R7 Y: e7 V' s" L
var xPos = 0;
5 X% O2 b6 |9 k* l, X1 z- W# zvar yPos = 0;
, F  t6 D$ \& {/ ~# E. ]) t5 z' `var xDir = 'right';
7 M4 G4 Y- ], Q5 b8 y$ x$ T0 T+ Q* wvar yDir = 'down';: R" k) z! V! Q# S, m0 B, ]
var superballRunning = true;9 {7 _1 J" t1 Q1 c3 S2 u
var tempBallSpeed;: r3 e1 f6 ~* V$ M- x& x
var currentBallSrc;
' X" z" {. v0 n  P4 U/ l6 Tvar newXDir;, @# t/ S5 N6 z9 L( E; K
var newYDir;7 H& {8 B& B7 [- x; o/ N' `( v& g

  v8 E3 ?+ r* wfunction initializeBall() {
" L! ?1 L, f/ Q   if (document.all) {/ D1 o: Y% T: ?6 B3 [3 i
      xMax = document.body.clientWidth
  ~# e! O0 k# Y5 p# Y1 L4 ^* b      yMax = document.body.clientHeight
  N' B! L. `  x! Z; k      document.all("supertext").style.visibility = "visible";5 U& Q2 `" B" b! b* G) b% q% r: M
      contentWidth=supertext.offsetWidth+ e4 a% H7 u8 ^* P' m
      contentHeight=supertext.offsetHeight
# ~" u5 m1 }# O  b1 _1 Z      }
$ }( {" `! z, m9 c0 Q   else if (document.layers) {
( R5 c1 C, f1 n% E- H. h  \& I      xMax = window.innerWidth;
" f$ L. Y, {9 R# q! a9 ^      yMax = window.innerHeight;
, R+ {8 {; j  t2 r. g9 z9 h! N9 ^      contentWidth=document.supertext.document.width1 J/ F7 A* k# V, |1 N
      contentHeight=document.supertext.document.height1 J. {& G! c' ^( S7 Q4 k
      document.layers["supertext"].visibility = "show";
3 I  V& d5 @( J$ R9 I( u# }7 o      }
* I/ k. t. n, v, \) X9 M  c   setTimeout('moveBall()',400);0 u/ ]( }# x7 n' @9 Z  g
   if (hidetimer!='')3 A5 G, ]$ w; Y8 f. H6 j( ^) J. ^
   setTimeout("hidetext()",hidetimer)
( u9 g# I2 s7 l4 n$ `   }0 }! p5 q5 K5 x! F! q3 }
$ \" c2 l2 [9 q. U) z+ c# c
function moveBall() {
6 v5 C+ n9 O) U; {& g, G: [, j   if (superballRunning == true) {
, a/ l3 y# R8 n      calculatePosition();
# d2 K0 v- X( @4 q: {      if (document.all) {$ v/ r3 [" K  Y, T4 n0 v
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& V; A* p: P/ X5 K" j0 I% f- S8 u         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ B2 `3 c# V" Q         }
7 h3 U. {4 T9 ]/ @2 H      else if (document.layers) {
3 E" ~* g- s& O0 p7 H( x         document.layers["supertext"].left = xPos + pageXOffset;+ {; A% G# _* p; h0 @" c
         document.layers["supertext"].top = yPos + pageYOffset;) L" b+ D" [/ y' [  O& y+ V. z0 W
         }( M$ G. [5 P' V3 Q; i% c
      animatetext=setTimeout('moveBall()',20);6 k  K5 |7 ^8 m& ], H) {8 n
      }
0 E( Q( v" e+ q, M- ^* E4 m- `   }
, b" }5 ~2 _) ^& N2 L
- O( |8 d1 i$ A2 v( J8 R% mfunction calculatePosition() {
  x- |- f9 D4 I, y& E   if (xDir == "right") {
. K, y$ b* F- A0 e3 k7 d0 G+ l1 d      if (xPos > (xMax - contentWidth - BallSpeed)) {0 Y' t( `3 ~9 t
         xDir = "left";
$ }. c" t) ?: O         }
% C0 Y2 N7 e0 {  J& {1 H3 L# d      }
* T  x3 o) e8 f/ L: m   else if (xDir == "left") {# K, t: Z  S& O" X/ o
      if (xPos < (0 + BallSpeed)) {5 I2 X6 v/ z6 `; Y" s
         xDir = "right";, G7 k9 h3 Y, ^' Z: ?: h
         }3 X: Z! t% Y2 t( j
      }" G* a' m5 e. T8 P
   if (yDir == "down") {
5 |4 |& \& N# m+ z( [      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 B4 k) l. \; l9 N1 D# Y. V* i5 H) E         yDir = "up";
: C& ]8 r' B- e' o         }
3 ~* m6 Y" b3 q5 t6 W      }9 {7 n8 B( R& ], A
   else if (yDir == "up") {
! o$ w! n1 J: ?! G      if (yPos < (0 + BallSpeed)) {$ s1 J* |" l* J8 p& q$ F: z2 Z4 T* e+ v
         yDir = "down";& v$ W: U4 k: ^! e0 Y$ r0 @
         }/ o* @$ }' ]8 a2 l- Y) V
      }! k( X/ ^  A9 P& |2 G
   if (xDir == "right") {% O# R% h$ n, h* q; I+ a$ e% |$ d
      xPos = xPos + BallSpeed;
2 c- R7 F4 V- k- t: c8 w      }
" Z" a2 i$ P" h5 l7 v   else if (xDir == "left") {
$ U/ T& D1 M3 [1 ~1 T( g2 d      xPos = xPos - BallSpeed;
! X. P: ?9 B% J9 V8 A5 Z+ i& D      }
% j8 W3 r8 j. t7 Z  o   else {
1 x8 C% _& I2 |, S  `: u+ j      xPos = xPos;
1 N8 b% |+ e8 m; i+ J      }8 b7 F( }& P5 n
   if (yDir == "down") {  B8 ^5 \( a9 A& c% O' a; P
      yPos = yPos + BallSpeed;
5 {# h" W3 e: C( A1 I% [1 m+ x      }8 E2 x' N) U; q/ y3 a! H
   else if (yDir == "up") {) q. L0 d% f& s' M
      yPos = yPos - BallSpeed;, @- }1 X  F5 m4 w
      }7 b3 X- q7 [% U. ^: m
   else {
  `# [& S. f/ G9 B9 y. ~      yPos = yPos;
* Q% l: g2 L3 x' c      }
6 ], f& f; [- r0 o2 X  d" }' M7 `   }* d1 C' y5 Y$ m

) y: Q! u" s+ y* l# yfunction hidetext(){5 f  C. H  F- k6 @* G
if (document.all)3 w3 c( e1 e4 M5 H
supertext.style.visibility="hidden"
, Q% `+ L, a% O" u3 ~else if (document.layers)
# h4 v9 W7 t" p0 pdocument.supertext.visibility="hide"6 `7 b1 j! f) \/ ]6 D
clearTimeout(animatetext)
  U, b- e5 p) o}
' o  N+ e/ S  C% M7 T6 \/ s
% w$ b4 \3 `4 i6 Aif (document.all||document.layers){3 H4 S- `( t' A% z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ {& D! G+ W# s0 ?& g4 M4 i
window.onload = initializeBall;
) l4 U( n0 y9 }+ }/ ], Awindow.onresize = new Function("window.location.reload()");
) Q0 m% {) c* o}- F, p& ?7 q5 M  r3 V, S

* a2 b& y% K8 U</script>