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

zw2004

<style type="text/css">
7 O' A1 d; \& s* y7 w9 B1 [#supertext {
$ K) E7 _* W  H& @& bposition:absolute;
7 W5 _% h# f* B9 m3 Oleft:0;2 D4 Z0 n# N9 M4 o5 e- y4 G4 p; J
top:0;
4 n$ n0 a' Y% l0 f9 qvisibility:hide;
$ p( V4 i/ o7 i3 Ovisibility:hidden;# E& ~; ]% x8 o; Z: l  N: F
}
) C0 E1 l( r+ V( w. |</style>
8 q; G3 e! K5 e* U+ @& g3 z1 g<script language="JavaScript1.2">
, T, c" s" \' c0 J4 b9 W% G$ q" f; b4 H<!-- 改变下的字体的大小。颜色-->
  V% O) h% t! n- e) L$ x8 zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 f: c( [& q( U2 h1 {# Zvar hidetimer='';
- g  p) H  _7 K  D<!-- 改变下的弹跳速度-->
: P' d5 ~  p2 j, B& m: Svar BallSpeed = 20;
  a& f- }" }5 T6 X9 Cvar contentWidth;
, O  _9 _& H- ]- l1 xvar contentHeight;
8 t; i) f2 P% ^, [3 t% p$ S) Pvar maxBallSpeed = 50;" W$ L7 {0 A8 c8 I, v

+ r) X' s. R  O" |* p+ ^# L4 }' K% W! R# E0 y/ Q4 J
var xMax;4 |0 U: o7 |8 o5 X' s
var yMax;% U# F, k% d6 h, B$ U# `
var xPos = 0;! t6 Y$ K" I+ [. ^
var yPos = 0;1 y/ h7 z# ~7 J- b5 `
var xDir = 'right';
- ]1 {4 I0 l# V9 R) Y$ @var yDir = 'down';* Z1 [- b% a1 _. I( ~
var superballRunning = true;
2 ]4 d7 A  O% J! K) K7 Evar tempBallSpeed;
4 f! }; A/ q: {+ }8 T% evar currentBallSrc;5 |6 U; H. D4 y) i+ @
var newXDir;
! ^6 W( V' H$ w, q' u$ J1 rvar newYDir;# ]5 l1 d5 [" k0 r7 Y1 _4 R, u
; m, o+ p/ s- m, F- R* W% j
function initializeBall() {
3 V# O; F) y! K& B* U1 V/ I7 P6 A   if (document.all) {
0 N9 W6 q9 Q$ h' X      xMax = document.body.clientWidth( U0 ]) }4 D8 ]9 Z# p) ^! `4 P7 S
      yMax = document.body.clientHeight/ y2 {$ N6 i' f9 ?& v; [, V
      document.all("supertext").style.visibility = "visible";
% O" N9 z9 a9 H& q' b( t3 l4 m      contentWidth=supertext.offsetWidth
' f+ v0 d# v1 n# g( A& L" I      contentHeight=supertext.offsetHeight4 {8 q- K+ _& y- J. }7 r
      }) ]. x) j6 _: |7 T: H- x
   else if (document.layers) {
/ \2 e1 O/ y8 A- M# Q( k$ E0 N: h      xMax = window.innerWidth;3 {+ H, R3 S8 k8 Y
      yMax = window.innerHeight;  K# ^* g6 g$ n4 W* C/ n+ K( G
      contentWidth=document.supertext.document.width7 F* V1 o3 y% \
      contentHeight=document.supertext.document.height7 T2 @* {0 e5 B( \
      document.layers["supertext"].visibility = "show";0 {" f% F/ P: e1 F
      }
1 @) Q$ q( p2 m/ X& P! u8 f   setTimeout('moveBall()',400);3 Z" W; V) z1 ?7 l2 U) S* F
   if (hidetimer!='')3 m9 F( ^% X- {" C$ b$ Q
   setTimeout("hidetext()",hidetimer)
6 Z4 m. p) d/ h4 d& t" S! V) ?   }
0 u8 E; s. Q& m0 C+ P- c7 W# p  ?- ], G8 ]5 v
function moveBall() {6 n- f: J- n5 p: u& _7 a
   if (superballRunning == true) {
1 _* ?! y5 S; d& l* S      calculatePosition();
" I( t4 d% `+ \, R% l, H" V      if (document.all) {
( ]! ^- T0 P5 L% b5 v$ Y- R- y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; x8 w* X5 a2 z+ h8 V         document.all("supertext").style.top = yPos + document.body.scrollTop;7 v0 S4 \+ N" |2 Q
         }* p% f( r1 G2 h8 D
      else if (document.layers) {* X7 F1 L2 t' k7 T( S, U9 J% Q; k
         document.layers["supertext"].left = xPos + pageXOffset;
4 c' \$ i( {% g6 G( S         document.layers["supertext"].top = yPos + pageYOffset;
& B& M9 G0 |/ O: F+ Z6 b9 s: p4 e         }
& I, n  M% o9 J      animatetext=setTimeout('moveBall()',20);
2 i( O% q; D. y2 ~8 b9 r$ V      }
8 B1 P7 n  f! N) {6 n   }) ]* b; |8 }6 w' R
/ F! y0 ?2 n# b" j% D1 O
function calculatePosition() {
6 z# `0 b; k. H& G' l   if (xDir == "right") {6 B3 j6 h. v- m7 w! Q& p: W* y
      if (xPos > (xMax - contentWidth - BallSpeed)) {  w# ?9 w4 B7 |( S# d1 p
         xDir = "left";
9 s+ r1 E, U" Z+ G" U9 F         }
, @0 I0 t3 a) V, ?7 [      }
" x. s- o8 Z5 [# F6 P   else if (xDir == "left") {
* ?& K9 f$ @7 V$ d      if (xPos < (0 + BallSpeed)) {- H" P& i5 ^# T; ~! \
         xDir = "right";
0 ~% S. I9 P! D( C9 u1 ?         }
) s" Q5 g/ ~. K! Y# Y! ^- K3 h& d. T/ i! q      }+ ]$ B  T2 l& S& S
   if (yDir == "down") {4 b6 Y# z0 N0 H2 H; v9 `( E. T' O/ V
      if (yPos > (yMax - contentHeight - BallSpeed)) {- {' G8 ~, _' e- f8 V
         yDir = "up";; k/ t& T, \2 y* S- [
         }
9 x/ x7 W5 s; C; e4 Q      }
1 P- s' s( }& k$ a% \8 P   else if (yDir == "up") {
  w! g, w- Z+ G, p$ k+ S# i      if (yPos < (0 + BallSpeed)) {, X" z- u6 P3 h: G
         yDir = "down";
& s* i  m* G4 F8 N: H& i5 L         }
! Z9 }: @) d( x      }
9 R! S: V4 z, }: t5 J; }   if (xDir == "right") {" @3 ^' X" ]' B+ a# {7 h/ x
      xPos = xPos + BallSpeed;
* x: t7 a" a) M) _0 L7 o      }
5 @( S' g- _! n   else if (xDir == "left") {
- S( E/ d7 _! q4 O! ]$ k- r9 I: c- [      xPos = xPos - BallSpeed;
. X8 d4 U- @: ]1 y0 {8 t* R      }
9 e1 ?* y. }' Z; w; u4 h! v  n   else {
, x& \6 A. g: e# \1 _9 U% \      xPos = xPos;, e: K& g. S; i5 x3 d2 s0 k
      }
$ g: t& @! ^9 H. m5 o/ @   if (yDir == "down") {
" S( r" i$ k0 E  @) V      yPos = yPos + BallSpeed;
* _/ Y# G0 U* y7 }  j      }7 u9 U% J+ E% n5 a: x, t- _
   else if (yDir == "up") {4 q/ p+ z! A9 [
      yPos = yPos - BallSpeed;& r  Q+ C0 R, K' v8 }: ]( k
      }) R8 z5 t$ a- \3 I
   else {1 M2 A0 m+ m, d' u7 ]1 B4 Q9 {
      yPos = yPos;7 E2 u& q# N. l  G! I* H9 @9 G
      }5 x$ k4 u7 X9 w; a
   }( Z9 P9 T4 p+ ]1 E: s$ P: A7 `
* r9 d# t6 i" L) b) C3 \& Q
function hidetext(){  P2 c9 t; f8 Q+ m% }" E) H
if (document.all), G1 [* H1 l$ @# \, B; H$ P
supertext.style.visibility="hidden"
  B5 e1 v( P, k$ G+ E, c2 z- U: lelse if (document.layers)
/ j- h3 v4 J/ y- a6 Idocument.supertext.visibility="hide"8 C7 V8 S# a7 m
clearTimeout(animatetext)3 S, I& I. H8 }6 d
}! b: o" ]  ?; U  `4 _3 L, M
0 G- \, e$ b/ {, \+ P
if (document.all||document.layers){
$ |+ P9 \; O8 P. ^% s9 v9 R& mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. s$ B6 `0 I- ^+ W, Z  j0 R! Lwindow.onload = initializeBall;. R# ?( [+ D4 K! t! l# E
window.onresize = new Function("window.location.reload()");5 I4 z: z" h8 V+ ?) T
}
  ]( m! \3 {% x4 ]( N$ Z% |4 J- j  g/ ~
</script>