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

zw2004

<style type="text/css">
) n) U7 F7 \& q8 r0 t! E7 @#supertext {: _5 C2 s  T7 K9 I, g* t
position:absolute;
0 i! b2 E. W& Lleft:0;) q1 G7 Z+ X* _
top:0;1 A; v' k6 k8 D* x1 {$ ~5 u
visibility:hide;
- N! H9 K, s6 ?4 z, P( p! Pvisibility:hidden;) P; |1 V8 v( t* o8 K1 r
}! P8 F) _; A4 P
</style>( u9 }+ w* G  R6 e9 g
<script language="JavaScript1.2">
& K! B, \% u7 H" y3 `<!-- 改变下的字体的大小。颜色-->- z9 M& H- a% B9 q4 h/ p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* s! t4 u) h0 O6 {# ]2 ]var hidetimer='';+ t( K; P! n% R0 w. V' ~; @$ m
<!-- 改变下的弹跳速度-->
, b4 h; }8 H+ d0 F/ C0 R7 {) lvar BallSpeed = 20;
& ^, `' ?$ l8 Y; O; ]: }, J4 _var contentWidth;
9 k5 P: N1 ?1 \( C. p3 C+ qvar contentHeight;
3 ^1 C# c3 g0 l6 r/ u; C9 A$ ivar maxBallSpeed = 50;- b( g9 O" A. x' g7 J$ G# m: ]- n1 k

) W4 C- t  q0 e* e/ R0 `/ ^) E' _9 r  J0 J
var xMax;2 O/ \) u, x7 Q. H$ c) g, C. D- z
var yMax;" U" _, a7 v' _+ A" _! o, h
var xPos = 0;  c4 @" t7 V8 Q& _
var yPos = 0;% Z: l7 t  o  Z1 [; ?) P
var xDir = 'right';
1 Z% R0 ?6 f$ W/ D; X  M9 Vvar yDir = 'down';5 L6 p2 N6 b  r5 t& C
var superballRunning = true;- ^& x4 g) f6 _$ ]3 V  U% M
var tempBallSpeed;5 M  I% X& z( x# F0 H: o
var currentBallSrc;$ p9 C3 j' X* s9 k3 [( V0 T
var newXDir;
8 V6 K' l% k( Avar newYDir;: {" H3 {- _7 E- z& q% L
$ Y/ {9 F. v2 N! I4 K( k4 w$ ]
function initializeBall() {8 `" g9 M6 {- W1 {$ X. Y3 ?
   if (document.all) {
$ N( O6 M; H* _, i      xMax = document.body.clientWidth% p: H6 j+ C8 C" P' M+ v2 n6 [% A
      yMax = document.body.clientHeight
8 J+ s$ y" u# ~" q      document.all("supertext").style.visibility = "visible";5 C/ y8 k5 T- z
      contentWidth=supertext.offsetWidth4 b: n6 f4 S9 _
      contentHeight=supertext.offsetHeight
" ]+ f! Z' n0 E8 ]; T      }
  h; x% _, b0 x   else if (document.layers) {
: _. b  @6 Z  E& k, ?# y      xMax = window.innerWidth;
8 l) Z& L7 e9 ~      yMax = window.innerHeight;
: ?) @6 G* B5 H& K' S      contentWidth=document.supertext.document.width
" s0 ]  M& c! S# G) z      contentHeight=document.supertext.document.height
* a+ {5 H8 P: M( ~1 K- V      document.layers["supertext"].visibility = "show";# S  q' Y1 F* F$ ~  G  C# R7 \
      }! _: ~: K* k% v% f
   setTimeout('moveBall()',400);; Y# S& `+ E+ t
   if (hidetimer!='')
0 L' c5 j% Y( e9 U4 Y/ }" J   setTimeout("hidetext()",hidetimer). x! H! ^8 C! o
   }
4 ^* o4 ?) p. E  o: `( O6 n% A7 u3 G( V5 m: h' G7 t+ B
function moveBall() {
/ |4 A$ J+ o" ?6 k/ i" B. R4 d( T   if (superballRunning == true) {  L2 H' p# }% b
      calculatePosition();8 @' n; c) i$ W& K6 j/ i
      if (document.all) {
( F( p: a0 q3 z8 L         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ @  M& M# s: P7 S" s" g2 K& H! W         document.all("supertext").style.top = yPos + document.body.scrollTop;3 G) z' ^% W) p1 e; P7 Y
         }4 u7 H6 s9 B* d6 k/ B9 n8 Q
      else if (document.layers) {
! f$ M( o4 C2 ]* F         document.layers["supertext"].left = xPos + pageXOffset;, d) p, X8 Y; e+ J7 N
         document.layers["supertext"].top = yPos + pageYOffset;! T/ u, J0 `0 |
         }
& o9 n/ S) x; d: \; U$ B      animatetext=setTimeout('moveBall()',20);
1 s" N# I* H  Q      }
- Y1 c2 `$ C7 S9 \   }: E7 P2 [7 k. z% N
8 W9 x  M0 B: L' j
function calculatePosition() {
  G! l, Y& y& ~% w6 M2 J- r   if (xDir == "right") {) G- s& A+ H$ x
      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ I/ m5 y0 ^6 w9 K" H4 _         xDir = "left";
& n+ @$ y* d* b3 h' T/ D8 z6 }% w         }
& W  h5 F7 l1 o/ _* Y) `      }- a& H1 E3 `0 d) s. Y  V; J2 m
   else if (xDir == "left") {/ {8 ?- t, k1 E- O* l
      if (xPos < (0 + BallSpeed)) {0 `2 `) Z: Z' W1 N* L
         xDir = "right";" W* L9 V! ?( I0 W4 h  m
         }+ E) K  O  f) |# `% ~
      }" s! A  y) d" Q6 c& c; t* q8 x5 J
   if (yDir == "down") {* G- N$ m( ^& @+ S2 m* q/ c
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ w8 V# }1 O3 \4 ]3 m* B         yDir = "up";0 q7 R  |6 h4 X6 S* c, j
         }9 H2 @' \: M8 }- _3 s6 d, O" K/ ^
      }
7 q7 {' S6 O+ B; |) o5 c. z/ g0 \   else if (yDir == "up") {
$ j( m* u( ^1 g3 I      if (yPos < (0 + BallSpeed)) {6 }  |* q  F: N$ p- f" Z
         yDir = "down";; f# n0 @% i  }( [# C( V
         }; A! |" \) S4 k! L7 S3 f( l# v* l
      }( N7 Y! J. q' y0 B! ]; T/ d" T3 I
   if (xDir == "right") {7 q  G& w* _( w9 ~
      xPos = xPos + BallSpeed;
0 j. I" z% v% M+ Z      }, W' C, B; T+ X, N1 n. d0 o
   else if (xDir == "left") {9 T8 J; N; B1 I( b7 y
      xPos = xPos - BallSpeed;
& `9 |( v5 j  d9 m      }3 H5 x- F: p( n' e( Z
   else {
/ |" @/ y/ P2 y      xPos = xPos;0 F- s- N0 y. j! x
      }
8 _! ]  q" @; `0 L; j1 ^   if (yDir == "down") {6 W( S& G, h5 Y1 ~  P* [
      yPos = yPos + BallSpeed;% |* ]; [5 c2 A/ G
      }/ ]5 \' j# Y" h% W
   else if (yDir == "up") {
0 ]: d8 {* s# ]      yPos = yPos - BallSpeed;
1 [* A; z7 p0 {: f( g% P      }
6 o3 w0 U; d- j, j+ H, E; _   else {4 r/ Y) z$ _3 B
      yPos = yPos;
7 p; J6 b2 }$ u  _# i      }
' s* \( J% \* I) {" u* D1 n   }" P- Q1 m% \' M
2 ]5 ~+ f, q4 c: {$ S( P8 _3 [) N
function hidetext(){
0 X5 u# ^7 C5 {if (document.all)- g' g; V4 E+ E) D9 X7 A' D
supertext.style.visibility="hidden"
& G/ Q6 r! ^( @else if (document.layers)5 o) Y% C$ A3 V- T5 s; X
document.supertext.visibility="hide"3 i1 `: i) S7 V, [. n' u, H3 X- z
clearTimeout(animatetext)! W7 W7 c. v% Z# [+ ^
}( v( k  J) m0 V3 @$ f8 D- x& P& l! i

" H$ z' O$ ?0 q+ k5 E  a6 k  Iif (document.all||document.layers){* p2 Z# K4 O$ \, k; [. N3 L3 ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; C" ~% @9 ]7 W" \0 h' D4 E1 Jwindow.onload = initializeBall;
" [7 @! f: m4 [5 }/ ?! qwindow.onresize = new Function("window.location.reload()");
- h, S: l) r2 r  F2 Q}
. I' x! [1 X- u; E9 g
" G/ X$ P" ^* J) v$ m$ i</script>