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

zw2004

<style type="text/css">
3 O# l- }9 ]1 C#supertext {
  c  n; I+ X8 c) g/ _4 sposition:absolute;0 w1 F# K% l$ v0 D
left:0;! V/ k3 ?) P5 h( f: J- `- ?0 c
top:0;
& v6 [4 p+ M  @6 A0 w, hvisibility:hide;
2 {* O5 K' H5 |- s3 ~visibility:hidden;' J6 k& g1 x$ [% M6 F
}2 T& I( w( k5 W  X5 O% O" L( X
</style>
8 V2 ?* b1 E& q* @+ I7 ~( I7 |4 f<script language="JavaScript1.2">
8 t# r. D7 k8 b<!-- 改变下的字体的大小。颜色-->
& o# }& ]9 G1 R+ f' S& J2 F6 Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- S! Q2 `& c- X! _
var hidetimer='';
5 k2 M2 F& U2 y3 F  W<!-- 改变下的弹跳速度-->
5 G' F& O1 F( R, j% e  A4 Evar BallSpeed = 20;% n3 W9 v" l# G& P7 b& d
var contentWidth;6 }! l* Q# z- d1 N
var contentHeight;/ z, J  T/ Q8 Z  A& H3 P9 o8 t/ e
var maxBallSpeed = 50;  g/ T' h8 u$ M+ K3 F4 {/ w

% ]. m' b3 n6 s8 J) N
3 H! \7 L5 s" m3 ~. R* Pvar xMax;
/ }$ f+ H3 A  r! mvar yMax;' V, O) ^  A5 Y/ F: D" {
var xPos = 0;& _0 z1 k* H" I0 m1 o8 c( H
var yPos = 0;
+ r) f1 m+ B- C% U' h% E! avar xDir = 'right';
# n' E' f( g9 P/ v4 }6 G3 R' _8 Uvar yDir = 'down';
! S- g- S4 [* Uvar superballRunning = true;
1 k) t  X$ T! u+ R7 m# O" L; h1 o8 Ivar tempBallSpeed;" K8 w3 [* w8 r1 A4 F# e% G8 j
var currentBallSrc;
* d7 L* j/ {4 k: ]# ?' X: Dvar newXDir;2 {4 t7 \/ D4 x" A, [% _  O
var newYDir;8 I: I) ^5 k9 `# J
4 A' ]) W7 O) W
function initializeBall() {; Y$ n+ Z$ Q- ?7 V. M  `5 S. X
   if (document.all) {+ F4 l: q& T; {; M" ~& P
      xMax = document.body.clientWidth
+ x7 g* L! x0 r" E( ]6 M* ]      yMax = document.body.clientHeight7 I+ Y: h# f& z, L5 m
      document.all("supertext").style.visibility = "visible";
6 I7 V; ?! \' g0 Y      contentWidth=supertext.offsetWidth
+ C5 j$ f' Q5 O) e3 v2 |1 r      contentHeight=supertext.offsetHeight6 v2 [" b. l" k1 T
      }  C4 f7 i; p- J
   else if (document.layers) {
3 n2 h" g" u, y+ h5 P: H" Y) s      xMax = window.innerWidth;
' a( V7 f+ t1 X* A6 j. X+ ?) {0 Z9 v      yMax = window.innerHeight;
  S3 m9 u# \# e. B: I9 F% j      contentWidth=document.supertext.document.width$ h, z4 b, ]4 [! N1 e' Y
      contentHeight=document.supertext.document.height
1 S* q# V( Y$ k2 j; g1 Y) M9 M7 y; g      document.layers["supertext"].visibility = "show";' U8 \1 }. W- K; B: b
      }
% C5 c& A+ z5 ?+ T* W   setTimeout('moveBall()',400);
" y2 @, j7 d% |$ n3 K$ t/ I   if (hidetimer!='')
  x8 }2 \; H- U   setTimeout("hidetext()",hidetimer)7 b9 l( n# y  m% [5 n: [% E) ]
   }) C! @) ?; c7 e6 Y4 O

$ k# }* q# Y/ {, d3 U8 \function moveBall() {2 ~% l. v* j# e9 ^/ c
   if (superballRunning == true) {
4 f7 @, x- E! H) Y      calculatePosition();
2 X  y# L, [  K0 O& h& h      if (document.all) {
6 R. E. {* n1 W1 Y8 Q8 L         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 A9 B0 f$ }) P0 _         document.all("supertext").style.top = yPos + document.body.scrollTop;/ u: B) A' Y  E3 v# p5 p3 m
         }, s0 k/ _! o7 G7 n, j
      else if (document.layers) {- v) ?0 t1 z6 E. t# ]( F( M, M
         document.layers["supertext"].left = xPos + pageXOffset;
/ g0 P- }1 b5 @  Y9 i( Q5 x         document.layers["supertext"].top = yPos + pageYOffset;
0 z% \, z( n# y0 g$ c- y         }, E$ _. H1 V2 C% i. m
      animatetext=setTimeout('moveBall()',20);
3 y6 ?/ V. R* o' {0 x, @4 r* Q      }
' ~; @1 D" H3 `) W. c  v   }
2 W" i' A, `% h  e! F
4 |4 @, I; A1 h2 s2 Y& Z5 Ffunction calculatePosition() {
+ j% K, X" ?* U0 G& q! U   if (xDir == "right") {
; }$ `/ I: B. l* [      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 B! J$ w0 w9 \% x  ]4 C3 }& g         xDir = "left";
3 _7 {# D- Q. m+ [( g/ T         }, n! b6 J; M+ k( b( X- N
      }
1 ?3 g3 Q5 V2 H$ N   else if (xDir == "left") {6 ?  Z5 ?: B8 h7 D
      if (xPos < (0 + BallSpeed)) {, R' ?3 D. B( d6 v5 z* _" t
         xDir = "right";/ }( U( H2 C- i9 A& C5 k' Y
         }
: B0 o. [1 h5 x      }8 G4 a* A/ U% _
   if (yDir == "down") {
2 B5 g- Z) h/ @. M& m      if (yPos > (yMax - contentHeight - BallSpeed)) {- I: }1 j+ Z1 ]8 p
         yDir = "up";7 T! H  X5 g, M% H7 d% i
         }$ L' Y+ F3 x5 E% f: u9 D3 C/ T
      }
: X( L2 E) W  ?# c   else if (yDir == "up") {
) g/ T) a' P. m; P8 p$ u1 T0 r      if (yPos < (0 + BallSpeed)) {
4 @: W( C; W9 k- S- k# Y5 W         yDir = "down";
( X) _: t2 A5 f, A  G         }
% r8 C: ?" h2 ~3 M1 X4 J' `      }
, ~2 h5 k6 u1 y; o   if (xDir == "right") {2 O! z- ~" @$ H6 n2 D& e$ H( r
      xPos = xPos + BallSpeed;
' R/ X9 u3 P( u& `      }+ C6 d* ?- z+ w$ V
   else if (xDir == "left") {
5 U7 n- d* Q: x$ G$ x: N% \" a      xPos = xPos - BallSpeed;
8 k4 N: [5 F9 z$ S1 u+ t      }$ H) N# Q% a+ z* K/ B3 B& Z( T7 \9 ~2 M
   else {
% M5 C( v4 l; ]+ g7 z* s  ?      xPos = xPos;
5 Y: ~8 h7 o+ [6 X& D) K( _( \4 E( |      }
  n  C4 t' o) M: I. \: [. r# ]3 S7 a   if (yDir == "down") {( b5 Q; `$ a: ^  z. y
      yPos = yPos + BallSpeed;
+ }, H! m1 C$ W/ S5 `      }8 r5 D, l  W' s1 ^$ n, l0 h6 L
   else if (yDir == "up") {) t2 T7 y2 B+ D& }) f4 U, c0 a1 M
      yPos = yPos - BallSpeed;/ |; Q' w0 }* V, T
      }
5 `% t% h) _5 M; @" P   else {
# l  p8 C% D  O      yPos = yPos;
. k8 k/ C+ V/ W4 e$ r" P+ k      }
& S, S+ q& R! s: f- S* n   }
/ h4 o, \, R( a5 \" t& T9 N( J7 _" \& E1 _, z% Y* x( |' p6 o
function hidetext(){
! K( d) {/ O: Nif (document.all)) a# o6 L- `9 G! {- v
supertext.style.visibility="hidden": A: R: Q: \- J7 V
else if (document.layers)' R9 s9 z- \" N1 H  N% R
document.supertext.visibility="hide"- C/ Z% ~$ Q! y3 _# l6 n
clearTimeout(animatetext)* ]" C1 v( i" U% s1 c
}
2 |" F8 ^3 d2 j) R9 ?
# p9 b* t' d3 l! Rif (document.all||document.layers){% g6 U3 d  [2 {- E" ~9 _- Z6 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 c) Z; L) O4 ?window.onload = initializeBall;
( ?6 y7 r( |% t9 cwindow.onresize = new Function("window.location.reload()");1 ]9 n* _9 S# E9 I
}; p* E. ^; X2 y3 o/ g
! Y  Q* `! k, s7 e5 I
</script>