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

zw2004

<style type="text/css"># y7 m0 L2 J9 L( f' X, M: y
#supertext {) \) b( N* {4 e  @1 g) s! x; t
position:absolute;
8 }" O$ ?. l- j9 A/ O0 q% R: h* ]4 bleft:0;2 Y4 }6 K* m& P% l6 [, R; y2 b7 b; j1 m
top:0;
8 j' P9 r3 |. kvisibility:hide;; R* ]+ z5 L! J4 w
visibility:hidden;
0 h. y* u9 R, K' m5 @}& T4 u: m4 T# e1 B/ [; k
</style>
/ O2 u9 t( @/ [9 {; l/ F. `0 ]<script language="JavaScript1.2">
. o* l. r2 }* x  x<!-- 改变下的字体的大小。颜色-->
6 G* e% N7 x, j- O9 @& Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& B0 B# A. k! @8 R+ m
var hidetimer='';' y' M3 ?7 b# H: Q% |2 T
<!-- 改变下的弹跳速度-->" Q0 R& B/ v+ J+ w( G
var BallSpeed = 20;
2 R8 q' k. Y" a+ Gvar contentWidth;
0 H, a7 K5 z: `" D: y' dvar contentHeight;$ u, W2 f) T. l7 ~# Y
var maxBallSpeed = 50;
1 q& ~* G! D4 x
! [$ m% k( [% ^4 P5 J2 ~" Q/ J: B. w
+ o1 B5 q( r! H2 K" s4 ^8 O+ Lvar xMax;
; s2 \. Y. z/ |0 o% [+ [+ r7 rvar yMax;# i; K) c7 _  O) U7 \& Z) `
var xPos = 0;
, ~# Z: d7 \: v' ]5 F$ S7 Nvar yPos = 0;
# \/ R6 p7 X, x* Fvar xDir = 'right';, U( i( |3 u9 D8 W: B! C& U
var yDir = 'down';
: o2 z0 V) g* H" Bvar superballRunning = true;
# v5 ~8 Y& o3 ?7 g0 n3 jvar tempBallSpeed;
  n; h1 y; r& p! Cvar currentBallSrc;! O# ?$ X6 Q" c: E' x
var newXDir;
  h* b' x7 M( C/ d  X' ?0 b6 Xvar newYDir;
+ v3 X9 e& z# ?$ ]& y6 i: `+ v: ?& [+ ]7 y' e
function initializeBall() {1 B* _( L& B/ e+ t4 X
   if (document.all) {
1 N( A% R/ V, c# ?& W/ d, a3 Y      xMax = document.body.clientWidth
7 n, K& C, h( _- t, G- ~5 @0 p      yMax = document.body.clientHeight
0 T% Q) R$ ]+ x5 a, o! Z: f      document.all("supertext").style.visibility = "visible";5 q; C0 ]2 ~$ e1 P- m* k7 }
      contentWidth=supertext.offsetWidth' m  T0 V/ f) L. N8 g: c4 @
      contentHeight=supertext.offsetHeight
3 P& \- l/ N/ G& j0 z* [1 \$ @0 ^' W      }
( ~7 R% {9 e, h7 B& q0 e   else if (document.layers) {1 Z8 Y* ?% |3 P# t' o' h6 R( V
      xMax = window.innerWidth;$ b* _  K5 h1 W# @+ r( l' R+ \
      yMax = window.innerHeight;
; z7 h1 [, q; d0 k      contentWidth=document.supertext.document.width
* i: e# g/ _. {7 Z* x+ F      contentHeight=document.supertext.document.height: d( n: p( \  q( Y* m, o1 K
      document.layers["supertext"].visibility = "show";
4 c5 ]2 V! t6 m) [      }  G: b5 H5 y; a
   setTimeout('moveBall()',400);
; g. Z' ^% ?8 B( V% K   if (hidetimer!='')
7 k& X/ S8 I! ^' a4 F- |  A   setTimeout("hidetext()",hidetimer)( `, ~' g5 W. l! `/ j$ W( K+ F5 |
   }4 c( y: @  E6 j- e+ B
1 u! Z# N% ]0 O+ ]
function moveBall() {- p. r* L" Z. K7 k; i$ q5 {5 a4 }! m) _2 a
   if (superballRunning == true) {% O- V4 Q; {1 f" H9 ]2 p6 K; N
      calculatePosition();+ M! k- {$ W3 @% Q' n' z7 S6 b
      if (document.all) {
+ g4 C7 I/ P8 l" v, e" A         document.all("supertext").style.left = xPos + document.body.scrollLeft;: G+ S& e- P$ V8 O6 Z+ t
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 y4 A$ h& q; L; C2 y& E
         }& \# ]7 s. q; T) N$ B* c6 P9 ]. _! ^
      else if (document.layers) {/ P- m; r! m6 G7 v' b' r
         document.layers["supertext"].left = xPos + pageXOffset;
* W( i) X' I9 ~6 ^& a         document.layers["supertext"].top = yPos + pageYOffset;6 G% M3 k; f$ T( i6 X/ k" S  W( k
         }
7 E- ^3 e6 k' ~- B7 }4 H0 A+ n      animatetext=setTimeout('moveBall()',20);
5 m$ C0 L/ }& j; F! S& x7 ]      }
+ d7 a0 `' K- j# S   }# v3 P. H- S8 O, a; [/ i9 p

) w6 [6 Z/ `) w( g6 `' \function calculatePosition() {
% ~$ e2 l5 y3 s; s- p. Z, T( B/ C   if (xDir == "right") {% A' x6 o! u2 f) @( L
      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ O5 i3 K( W1 g/ X         xDir = "left";$ ?- I+ X! d) p, h  P9 d8 R  K
         }0 h* I2 e# Y. V+ V+ R% Z# G
      }) k- @! e+ b4 G& D! O" l) ?/ g) g
   else if (xDir == "left") {& o: h) U0 }; C$ ?/ E9 v: t6 z
      if (xPos < (0 + BallSpeed)) {% K: c' T/ U2 h8 [5 X' m; @
         xDir = "right";
& b- l9 p; r) u% H/ ?         }* K5 @1 d8 X4 R+ Z$ C
      }
. m# n. P- C7 N- k# w6 W. U$ x   if (yDir == "down") {
& V7 Z: K7 X  b      if (yPos > (yMax - contentHeight - BallSpeed)) {1 v' v: w6 {. b% Y( e2 J
         yDir = "up";
* K% P  a' t7 S5 K9 _         }& I5 h  Y) O4 }; ]. z
      }$ U# U: V+ b5 l5 r
   else if (yDir == "up") {
5 F0 m! B& f* t# n( w% E7 H      if (yPos < (0 + BallSpeed)) {
- M$ N6 K0 ^5 p         yDir = "down";) z; k. O7 |$ D- a
         }; a  J- S& Z: h. m5 T5 O. C
      }+ W7 g, a7 _" D0 P! P
   if (xDir == "right") {
& \* |! z- K3 H      xPos = xPos + BallSpeed;
" {/ _5 ?' B4 l# i; I, v0 V      }1 a* ]- z( q2 ]/ L/ r$ _
   else if (xDir == "left") {
  w+ }9 z5 I" _      xPos = xPos - BallSpeed;
/ {" X7 ]; m  K7 o      }" n. d: q% ?9 b+ Q4 ]' t+ b: p
   else {
7 _  C4 P1 m* i; F. \      xPos = xPos;
+ w/ M$ g! Z1 Y5 _/ ~8 V      }
& V0 m/ c; \3 [. E   if (yDir == "down") {
+ X; ~7 Y3 g( [5 V      yPos = yPos + BallSpeed;
8 {: j( }9 I: `- Q" Z2 q      }
5 [' p( M. X8 |. q' _# q   else if (yDir == "up") {
# x1 R) s* P9 L6 t$ d      yPos = yPos - BallSpeed;
4 s1 S' B' D6 W      }7 |1 [( s6 F8 N/ l0 l
   else {
3 O" S% q8 h/ o9 Q/ V8 m% O      yPos = yPos;: ^+ s6 K, x4 D
      }
. }  a  k' l; o5 T   }
: H" x& x$ V: E' O# m% q2 h5 F( K! Z8 h/ M# ]
function hidetext(){; a8 Y/ T6 F. _4 V9 I1 C* ]
if (document.all)
$ R2 Y/ ~* Q- j3 E8 bsupertext.style.visibility="hidden"2 y0 h; J% |5 u4 `0 g' N) n& |# I1 e
else if (document.layers)
8 \' M. L& H) a; Sdocument.supertext.visibility="hide"
, v6 R! G: D" s" OclearTimeout(animatetext)* Q4 G3 Z/ s7 a
}* h8 [& z# Q# M3 f7 X9 t; E+ a

1 ^+ F* T- |3 y" lif (document.all||document.layers){* s+ ^6 g6 ]! O6 A" }
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ h$ U' B$ Q5 P" M- ^, {+ G6 z! j- uwindow.onload = initializeBall;
6 @! |' Z# f( t& V8 `window.onresize = new Function("window.location.reload()");4 Q( w; }. ]8 {
}; Q+ j6 v5 b! h

! X+ q# j( O2 Z& f- c3 a! N3 y</script>