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

zw2004

<style type="text/css">( s9 E5 i  {; l9 L
#supertext {: N+ |) O6 b$ Q( f# J; r4 b2 H
position:absolute;
+ O# C) P! P/ ]left:0;8 G; \' m" [# d9 B/ _
top:0;
. ?1 }* [* O5 w+ S/ L. Hvisibility:hide;
# A& u- R1 L: ^  V0 V4 K( D, h% avisibility:hidden;
$ X" r8 l9 @4 t8 j2 ]) c}9 H( Q7 M4 g  P2 Q; ]" q3 o" v* [: E
</style>
9 Y  N. [1 O  k$ a<script language="JavaScript1.2">
5 m8 ^( r  {- p: p7 L& C4 O<!-- 改变下的字体的大小。颜色-->
, \& G$ d. I* @1 o0 I% {9 `7 w/ v$ `var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 _! b' G0 h4 e  yvar hidetimer='';$ p: g8 X1 Z3 k) O! }
<!-- 改变下的弹跳速度-->, m" a/ h' N) E1 }' X  q
var BallSpeed = 20;& X0 P) c# P& o+ {9 W: D6 f
var contentWidth;) U. v  \7 Q# W
var contentHeight;
9 G5 F1 e! V! tvar maxBallSpeed = 50;0 Y% k2 g! k' z3 S
! i- ~: q+ |. s% Y. G

* T% l/ o! n& \8 d+ V1 m4 rvar xMax;: a3 O& I9 r3 S. ?3 ^& n$ f. k" A, w
var yMax;
' a; e4 \2 M2 t% Tvar xPos = 0;! r$ }( F$ l/ _
var yPos = 0;
" Q! @8 o  t, w' l( [: {! Bvar xDir = 'right';% }% i: Z1 V+ K6 x
var yDir = 'down';
) M3 f+ A0 U9 A3 {: e2 Gvar superballRunning = true;  `. k* D- a! V/ d$ |; Q0 l
var tempBallSpeed;* o8 C- D' N% D: _8 {& C
var currentBallSrc;9 L7 B+ V0 |3 Z- S
var newXDir;' m8 \& [2 v7 k; k/ d  ], A7 X, @" f- V
var newYDir;! W- ?! ^" A- W% ^# d5 {

( y3 }) \' A0 ]/ j# O) u' Y1 p* Efunction initializeBall() {5 o7 H5 X' w4 {( t$ F5 N
   if (document.all) {& y, }( l3 g7 C7 ~4 }8 G
      xMax = document.body.clientWidth
! A, v* O+ p6 H. |; E+ v      yMax = document.body.clientHeight
5 ]+ s' }, d3 C* |, b      document.all("supertext").style.visibility = "visible";: U# \9 z7 l* ?$ ?& S
      contentWidth=supertext.offsetWidth+ i6 x: l* b/ y/ J% f
      contentHeight=supertext.offsetHeight; h/ O/ Q8 [" r& }, C
      }
9 n* i' l* }$ r1 C. G) g   else if (document.layers) {
1 S5 z. g: N2 ?4 `3 ?; r      xMax = window.innerWidth;
7 m+ a; J4 u$ o; p2 t% K  L      yMax = window.innerHeight;
8 }! E  j% t: }4 S      contentWidth=document.supertext.document.width0 C2 _% H9 ]  ?/ _0 o5 g( R( a* }9 K( t+ D
      contentHeight=document.supertext.document.height3 U3 B, K; I. r5 E( F
      document.layers["supertext"].visibility = "show";
6 X$ x6 c' x. |+ X. {      }7 f$ f* K( t) I% J) G( P( Z
   setTimeout('moveBall()',400);
$ H& X$ T- U  X2 \   if (hidetimer!='')
7 e" ~0 e- T" |$ K   setTimeout("hidetext()",hidetimer)
& V9 Y5 u9 Q7 ]) h; \4 e$ H; n! {   }
; Z$ E4 c+ r( X9 m% \
  {; c  k9 [* t1 |: o  ?5 a! d9 @function moveBall() {
. }/ a+ J' P1 H% O+ D  M% q. Y) \   if (superballRunning == true) {6 L- c  Q% V. E* A  k0 y
      calculatePosition();% U  T& p  Y+ N4 p- h1 [
      if (document.all) {0 e7 z, x/ X/ v* j2 {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# @. B. m6 ~) L( M# j; q; X7 |/ Y  e         document.all("supertext").style.top = yPos + document.body.scrollTop;: u: p( X* G" p! F
         }: O- e+ F- d, z' X0 J7 v9 P* v  q
      else if (document.layers) {" S4 o5 M4 o& F* ^5 H' s
         document.layers["supertext"].left = xPos + pageXOffset;1 y; \; }2 Q5 F3 M) x6 I% H
         document.layers["supertext"].top = yPos + pageYOffset;
* l0 a! X. f$ ~* p) E         }. Y5 [, S( C. b7 t! m
      animatetext=setTimeout('moveBall()',20);
# o) A' X1 }/ F5 }      }
% y4 N8 v# C4 G   }
/ @  `) d, Z# A& V- N- z3 T+ C( t4 \0 a! N; ~, b) ^" N6 O
function calculatePosition() {( ~3 Y+ p! n3 Y. T. u: a4 a
   if (xDir == "right") {9 y! e  |/ D3 _/ t0 f% P- s
      if (xPos > (xMax - contentWidth - BallSpeed)) {' ?3 |5 u; a0 C6 ]$ W0 W2 ~9 F& {4 l
         xDir = "left";
' F! y  X3 {  w, j         }
8 V8 v! Q& q6 O& W) s      }. S0 i3 K6 n) h4 y
   else if (xDir == "left") {) M) o, u5 H. U, E" `# i% W1 c% e
      if (xPos < (0 + BallSpeed)) {4 |  c  }& d  V. k- R# j+ M
         xDir = "right";
+ Y' b; i( d+ f- u3 I2 I         }: W3 A, Z$ u* I$ j- a7 i) Y
      }2 z( d" f: k- Z
   if (yDir == "down") {# ^, [/ z6 ^; B; \+ V3 m/ I
      if (yPos > (yMax - contentHeight - BallSpeed)) {% O& A8 @- r3 s8 I) e
         yDir = "up";. c3 G$ A# t7 L% O( l: ^& D9 R
         }
+ i  d7 _. d7 A" q  X! `      }- v  Q0 i& a- I, L; b; M
   else if (yDir == "up") {
- x9 M) I/ ~, R+ h) }      if (yPos < (0 + BallSpeed)) {
; n5 |( j0 D" V: V6 m) d5 V' _. l         yDir = "down";
$ C- U& K$ a5 P! u4 G8 @  ~, I         }
) y& t% C* G! `+ s+ l9 H+ s1 A' Z      }1 v8 V* {0 V& r* M$ |
   if (xDir == "right") {4 x  m* }1 l3 F
      xPos = xPos + BallSpeed;& M% n" }! F* C  F0 E
      }) Y- S4 R+ a1 }/ u! N' v+ j
   else if (xDir == "left") {$ ?. {3 C7 ?, t% J: X% x* r! L3 z, C
      xPos = xPos - BallSpeed;- f. d$ A! o, @0 M0 ^) |
      }
' n/ t+ e6 l# j. ^2 y% s7 r   else {
' N8 [& ^- k0 l5 J9 f      xPos = xPos;& Z- ~( ]) y9 i/ _  f; L2 [
      }) O- i! D5 f' t) u5 N" N. t
   if (yDir == "down") {; ]. b. t( H2 \8 v  l! }/ P9 X
      yPos = yPos + BallSpeed;
  n1 c/ f% q7 E& c      }
  E) Y3 J7 ~- C5 N7 T" x   else if (yDir == "up") {4 k7 q3 b; q1 ^. O
      yPos = yPos - BallSpeed;
, X7 d" H0 l" E4 y: {      }) V; [0 {2 n$ p; e
   else {
- m& t% g6 ^" s, S      yPos = yPos;! s$ C. v; Z/ U6 a8 d
      }% P% R2 O6 H) M7 e$ ?2 F9 e
   }$ X* d$ G. q, C; J
* N6 c, j& C$ E, V3 |
function hidetext(){
/ h! M1 d  W9 Q' N2 tif (document.all)/ e) R" P) B! M6 y3 H( S8 m% r  [
supertext.style.visibility="hidden"
# U  E1 k# F/ e" m2 _% C$ Relse if (document.layers)- d1 ~# z8 _5 A; D1 `
document.supertext.visibility="hide"
" D' F/ N7 Z  H% Y3 M7 {9 YclearTimeout(animatetext)
  Z( `0 [$ i7 U9 N  g  l}
! u7 c3 P! K6 v% a1 t  l: E, z0 \& g
if (document.all||document.layers){, r9 W$ t7 B; ?9 A: ]3 O% I7 t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 k$ |% C- X. e; l) B: }" gwindow.onload = initializeBall;; [0 `- _. f8 M5 J& K5 u' q9 x9 w
window.onresize = new Function("window.location.reload()");: c: X5 }0 a' ]9 ^5 K+ k* X
}
; a4 F" [/ n  B& t5 _' C  F  u8 \) o7 y) m' l
</script>