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

zw2004

<style type="text/css">
; a' x( t$ {- v* b6 p1 V- W1 O#supertext {! c( W- Y8 o" K( Q
position:absolute;" J) y! I3 }9 L$ f- T
left:0;0 n" m$ ~) A1 U# ]( U2 D
top:0;# P* C2 p. C+ ]+ |1 Y; i- m- D2 _
visibility:hide;: @/ N6 T! k$ x1 p5 m- l
visibility:hidden;
5 [; T; f, X; q3 K' V6 y}/ t; p9 Y( z. j
</style>
5 D( `& P6 g' I# h+ i2 K/ H' F<script language="JavaScript1.2">' V( D+ Y0 ]( W
<!-- 改变下的字体的大小。颜色-->/ _  [( I; {5 J  l4 x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 s9 R& ]* R6 [9 A" r# bvar hidetimer='';( D. T2 t) ]  _+ r% @/ e" |$ K
<!-- 改变下的弹跳速度-->
7 |9 x; s3 h& D2 Bvar BallSpeed = 20;
* |3 v- H$ z6 s! z7 [+ Tvar contentWidth;
1 @% w# V0 M4 F( q/ @, K* U  Z  }# {: Ovar contentHeight;
) s- }( m5 m$ r& m$ mvar maxBallSpeed = 50;1 R- S7 i2 |3 F9 Q1 g) h( y: z, }
& H; t( W5 W6 H6 {6 a  r1 F% C
; c' C4 E% [0 H- X6 M
var xMax;
& q& Q/ N6 L' ]4 Ovar yMax;
9 S. F) I) i' Z4 [. X+ [& `: Dvar xPos = 0;
* Q$ m- b+ |: r7 T" d* qvar yPos = 0;
& o4 W) }8 a, Svar xDir = 'right';6 m  S7 @8 T" v! u. [: Y
var yDir = 'down';! U" w+ J$ v7 Z
var superballRunning = true;: A5 O( `& h% t0 X2 w
var tempBallSpeed;: @; {8 H8 p& i/ k; v* Z4 ~
var currentBallSrc;2 r! E' F9 J/ Y6 M/ }5 p9 ~4 c3 a
var newXDir;
# _! R' F  j! I0 t" P& _0 ~var newYDir;7 O2 X4 [1 I* Z5 K" {. b1 j
- _) P9 v6 V: X+ ?2 @
function initializeBall() {
! E; j9 Z2 R. r   if (document.all) {
- j, L( T* x9 S+ e      xMax = document.body.clientWidth# v0 F  t& W  _6 B0 Q0 x
      yMax = document.body.clientHeight
5 i+ C' [& ^' m9 z! d      document.all("supertext").style.visibility = "visible";
  M, c6 K$ c" m, C; b9 n: X      contentWidth=supertext.offsetWidth
# A8 [3 ~4 L- ~/ D  V( y' o      contentHeight=supertext.offsetHeight
# S" W0 B& u3 {9 A/ b7 ^  w      }
( D, G) C# L$ {; G+ G; N1 M9 W   else if (document.layers) {
$ c# I4 V% O; _      xMax = window.innerWidth;- v" W- @* s+ \4 o: x2 ?2 t7 E
      yMax = window.innerHeight;. g: e( [: _6 `7 q/ g  g' a* \, g/ l
      contentWidth=document.supertext.document.width% N# Q+ z+ Z# L, t8 N
      contentHeight=document.supertext.document.height& E+ V: V+ x. d% x* l: d8 B
      document.layers["supertext"].visibility = "show";
2 i6 q3 U3 ]2 V5 l$ f  s3 |* m      }
& U+ Z. }6 O. i0 S$ r' V. u0 u   setTimeout('moveBall()',400);& U, m6 l) \$ C+ W, L
   if (hidetimer!=''); n. ?  J, N" A
   setTimeout("hidetext()",hidetimer)
0 k. e( h3 N2 X8 y5 E$ i# R   }" ^; M3 [: b* I) F9 v% _

( Q0 M- ^2 l! d5 nfunction moveBall() {! D* C( R$ |0 F. l
   if (superballRunning == true) {" L: v" |: R8 T7 D' O/ s2 s5 d+ J
      calculatePosition();
2 K$ n) R4 F1 f) [      if (document.all) {' i  @5 G- [- s1 M$ ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ U* ^' X" l1 s# M0 k& W
         document.all("supertext").style.top = yPos + document.body.scrollTop;% c. G4 Q2 I: P) O* t* l" p! U! L
         }
( L# [8 Q' m% P' Z4 @4 u      else if (document.layers) {
" |2 A! O3 `  Y7 S! T7 y         document.layers["supertext"].left = xPos + pageXOffset;9 X3 k8 l/ [3 k" C; Y1 k7 y- H
         document.layers["supertext"].top = yPos + pageYOffset;% e2 n9 x. @/ w1 @* E
         }4 F# L  k: U( h* |4 B0 W
      animatetext=setTimeout('moveBall()',20);
8 L( ]: S2 w5 e      }( E- V: Q3 e: @2 S& l
   }
( C3 g4 f7 ?  y* w6 N0 X+ q  m, o8 O& p9 g$ r" @. r
function calculatePosition() {
$ l3 ~' X8 s, A1 I/ a$ z   if (xDir == "right") {  i3 J- H. X# [# w0 `  h
      if (xPos > (xMax - contentWidth - BallSpeed)) {( H7 K2 ?8 C- L% G1 A$ h2 V  @
         xDir = "left";; E3 Y+ K& q  d& _& i* [+ O
         }
4 d/ w8 ~% \/ v& j. Z. [5 H( [; C      }
+ x/ Y$ t& h( w; ^" U8 J   else if (xDir == "left") {; {3 I6 O. s1 s. g4 T$ w. [
      if (xPos < (0 + BallSpeed)) {
4 y: |5 Q' J. d' L! E; S4 Y1 Y) K8 ]         xDir = "right";
2 I+ z+ W- J, q6 o$ R         }, ]) h5 S1 t. |5 E6 ~. t! [
      }  b# A. s  L% t- Z! l, S- F
   if (yDir == "down") {
4 z6 \; [- u6 U3 {' ?4 Z$ |8 L      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 m* ^) R1 ~( @% y$ E& Z         yDir = "up";
7 ?9 ?; U' ]: K6 M( {         }
& P6 e# S  z6 n* X+ f  x      }$ D4 s7 l! D9 f  P, X
   else if (yDir == "up") {
% o  k  D4 |9 ]1 l, ~      if (yPos < (0 + BallSpeed)) {
/ h  Q# S1 P3 l1 Q+ Z' q/ B         yDir = "down";
, {* j5 H' \  Y0 J+ z( Y         }9 s9 j1 P" h4 r  k9 w' P. u
      }" x% \' q/ {! K% b
   if (xDir == "right") {( Q* V2 ?* m, w; B
      xPos = xPos + BallSpeed;
# W0 y9 a/ t) M2 S      }
. m* B- H& V) J. v7 T5 a   else if (xDir == "left") {
$ u& a- r, I9 L0 r1 ^      xPos = xPos - BallSpeed;3 L9 [2 ?$ b, d( `( c2 l- k
      }) @& h+ b  t6 X$ o, k( I& Y
   else {
' z) q5 V/ r6 _      xPos = xPos;* F( c" Y# |. Q/ U* ?
      }
4 |% ~6 I# }5 t+ J7 @( Z* K   if (yDir == "down") {* Z9 m7 }, e* O& ^' B6 ]) C. [% \
      yPos = yPos + BallSpeed;
9 U( |- i2 J3 C1 [) Q6 J7 @      }
# J/ {8 Z4 p" Z/ M/ o   else if (yDir == "up") {
& a" w! @& w0 S2 k+ P      yPos = yPos - BallSpeed;2 }, E# O' B* F2 l+ H- T* i
      }
+ b* U% ]) o2 P9 `! |   else {
9 [& s9 W+ E7 v      yPos = yPos;
# |: X; x- L3 M! X      }
2 q* B2 x0 a: {9 t" g   }( u4 ]3 g: n9 y! h

. o1 y/ _; Y8 x8 Y" m: _3 o4 `+ x) sfunction hidetext(){
" P0 R/ d6 E  H" m7 P+ @( ^if (document.all)- t5 Q" P2 A1 O1 n0 s/ u# o
supertext.style.visibility="hidden"' c- j, l  s) p" m. i
else if (document.layers)7 V4 r$ L9 i& `4 m7 |
document.supertext.visibility="hide"* t8 R( u9 b' [/ W/ Z1 n
clearTimeout(animatetext)
4 N! n( |- l: r0 V" Y! a}( r7 H4 a' }% W  f

  b8 o2 I$ i" `$ P/ X2 Gif (document.all||document.layers){  S8 n6 T+ R+ P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 k" n( {3 i! P; M9 @
window.onload = initializeBall;9 ?$ I! a$ P; o4 c$ F. i$ O$ g
window.onresize = new Function("window.location.reload()");
" j5 L) w# d7 j5 G! z8 z}
# h1 P1 u, ^  n. |- L: X. D
* E3 n5 M! q4 W! }. {$ o</script>