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

zw2004

<style type="text/css"># T7 }6 |) o& T- }! P( ]
#supertext {7 x* E( H: o/ Z1 ], s) M6 q
position:absolute;6 i% b! k& i) X& ]2 L4 t
left:0;
( ^) X' r4 Q1 P3 Ltop:0;
* _9 h# O1 p( d  [" Gvisibility:hide;3 p* `2 ?) E. h% z! O4 V
visibility:hidden;$ G- ~9 O8 l& a
}
2 `: b& O3 @& N0 ?</style>
) p* N" Z3 J6 M<script language="JavaScript1.2">
% X) e0 A5 q. Y' W# w; b<!-- 改变下的字体的大小。颜色-->$ a, _. J  k$ _. M0 f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 Q4 ]8 }% \3 O5 Yvar hidetimer='';
% W2 u1 z& m/ g& {<!-- 改变下的弹跳速度-->2 N- j" h. Q: M, \0 q+ p- D
var BallSpeed = 20;
) n8 m+ U3 J7 J# gvar contentWidth;
; b! F8 T, X4 G3 A' f3 e; hvar contentHeight;
1 n& K( h( C! e3 H% Zvar maxBallSpeed = 50;
1 R3 u; O: e2 Y$ X* ]1 I1 a. u; L' H( x  l/ D0 r$ s, f

( G; V3 j. z' ]! I  z, d! R& |1 Avar xMax;
; m- t2 i( k/ D' a, tvar yMax;
- c0 X, a2 ?% W2 B* L& {var xPos = 0;( [, O% t9 e- L* G0 Y
var yPos = 0;
! U# P7 F3 }3 w' K! ~var xDir = 'right';9 F, G! i8 O/ _7 u2 x
var yDir = 'down';
8 O; b; I: i+ s* F6 |5 v  y8 dvar superballRunning = true;, M5 b/ r, [8 w7 ]) D- X5 l+ C! s
var tempBallSpeed;) Q  }- c6 {2 e
var currentBallSrc;3 g3 y1 @& @# l1 A3 i: h
var newXDir;& g% W) c$ t$ ~
var newYDir;# ~, j4 X  P' R

! V; g& O8 P/ x% tfunction initializeBall() {
. `* T& _5 l6 T$ M! r( h, N   if (document.all) {
& ?4 i" I# T* ?1 F2 ^      xMax = document.body.clientWidth
# I( z2 z- m: `' \2 m8 R      yMax = document.body.clientHeight- F. X/ F& N. L! a4 Z" P
      document.all("supertext").style.visibility = "visible";+ J0 v. O' |! w* j- A" k
      contentWidth=supertext.offsetWidth
% R& H+ x5 w  N5 Q      contentHeight=supertext.offsetHeight
7 {+ c( y9 E7 O  n" }+ m      }( W# P0 W0 T% m# o
   else if (document.layers) {
, t4 @' {& [- G& G  r5 I      xMax = window.innerWidth;# L, C% b& k& Z- Q
      yMax = window.innerHeight;
- _3 @! S) @9 q' s4 ~, ]  @6 m      contentWidth=document.supertext.document.width
4 X3 H( n! |# q      contentHeight=document.supertext.document.height- b/ B8 K9 o0 e+ x! {
      document.layers["supertext"].visibility = "show";% Z% ?8 }! j) V" K4 @1 N
      }1 U! u- S' s7 _
   setTimeout('moveBall()',400);; W# ]9 c& t! i
   if (hidetimer!=''), Y& c. k$ a( V& t3 m" v
   setTimeout("hidetext()",hidetimer)
- E1 _2 t* N% f" {: A3 m9 ]! B   }0 F! I7 F6 p  o- A

( W( P; f. a1 I1 h) dfunction moveBall() {/ a. g* \+ m7 l$ Z3 [* T
   if (superballRunning == true) {$ u6 w# ]' z5 S: e8 Z
      calculatePosition();
; \$ f5 U) u8 U9 h, G      if (document.all) {
; l  y7 O! J9 Q# R0 f# {         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& B' ~( M7 ~3 t         document.all("supertext").style.top = yPos + document.body.scrollTop;  W& E; l3 i6 x' b
         }3 r, r% N+ f/ z
      else if (document.layers) {+ J! x0 c. \( R3 `! W0 N) i7 j$ \
         document.layers["supertext"].left = xPos + pageXOffset;6 t- v) N1 N9 ~2 N+ g
         document.layers["supertext"].top = yPos + pageYOffset;6 R9 N3 X" `9 X  a8 h
         }* s' E& t" v6 C6 J# b
      animatetext=setTimeout('moveBall()',20);5 c7 n8 |9 I' ]. r# _
      }
" n& Y: J! b% b   }
& W0 e2 a" @+ {8 P6 D- i" J. N% p
function calculatePosition() {
  `8 O6 E% ^/ Y' Y   if (xDir == "right") {
# m' }4 o! Q6 z7 c3 U) S0 C      if (xPos > (xMax - contentWidth - BallSpeed)) {( Q# q  K/ u) K4 n$ @. x7 m4 A- Q
         xDir = "left";6 e# N+ C: ]! ]
         }
; e- y! n  B# ?% G: U0 @0 a8 `      }
6 _+ s; T) N- ^   else if (xDir == "left") {4 H- B1 l- \/ v; Y
      if (xPos < (0 + BallSpeed)) {
7 z( e5 w4 D: o% i  _         xDir = "right";
' Z0 m, q+ u# e6 G         }
/ j  p# ]! c: `' J      }
! I3 F3 ~& X* g7 p+ z   if (yDir == "down") {
( J8 c* r$ S2 y" E( Y: ~0 S4 J$ d      if (yPos > (yMax - contentHeight - BallSpeed)) {0 q3 _0 w6 N0 x
         yDir = "up";7 G" h  T9 D# {$ Q
         }, w4 Q4 V' F- k0 x  j% |* M
      }
! S1 j/ d% B6 \1 ^: B  T' r   else if (yDir == "up") {
" g: X  W8 T$ [5 o7 Z) E/ e      if (yPos < (0 + BallSpeed)) {# X* B* c8 `; G- e- b3 W, `
         yDir = "down";
& \. o& Y& ~: J         }$ [: Y( }2 T! [4 R  c- x, Y
      }
& l! u8 A5 d' \+ D  s   if (xDir == "right") {
3 }! c$ K: N$ ~- y      xPos = xPos + BallSpeed;
5 ]6 [* e4 m0 Y! L. E# s# S9 @6 A& C      }
# p) J+ j6 f3 r4 Y( I; [5 A   else if (xDir == "left") {
! G2 V& A) R% ^/ y8 ~) z4 L" |      xPos = xPos - BallSpeed;$ r* w  P3 j2 c2 v
      }
8 @% |; d' Y2 o' P, a6 V3 }4 g   else {
" W! V3 u! L. H% w      xPos = xPos;
8 P; ?$ I8 q! {' M0 [! x      }
& z3 y* g! P& u; Z- \   if (yDir == "down") {6 V% S# t2 ^1 j* Z+ A
      yPos = yPos + BallSpeed;% c: u! k' h1 a- n3 Z
      }
" w$ R) k. o+ n( m- S   else if (yDir == "up") {4 Z  x; n% U! \; h
      yPos = yPos - BallSpeed;, M$ y! I& N" Z  w& }1 c5 }
      }( D; c( p" Y! G! z! {
   else {3 _, N" L  m1 ~4 ~7 J5 K
      yPos = yPos;, u0 I  _& M6 }0 I# `; d
      }
) E* c3 j% r+ ]   }! y" d1 m' X, Q0 f( ]) ~

. O+ }" c8 j. }/ ]5 `7 Q" lfunction hidetext(){
+ [+ }$ p% Y- B, B4 Xif (document.all)# Z9 y. M& O) O1 n
supertext.style.visibility="hidden"
  }/ B* q6 p3 ^. _# _9 U  Selse if (document.layers)9 B/ o2 R1 |  d
document.supertext.visibility="hide"
( G: ^% H9 [- r; DclearTimeout(animatetext)2 Q; K* \- t* l6 C& |7 U
}
; I. k  H" P# H# g
; {. n( O- h) L1 t( r4 C9 h& |$ aif (document.all||document.layers){
9 J% g/ |# Y( E! G" M. \8 F* zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ ^9 h8 R! o! z5 g7 s
window.onload = initializeBall;
$ D% z& [2 N& }9 vwindow.onresize = new Function("window.location.reload()");
+ X. A  O& w. \6 b}
: G- B6 U9 h) z/ V, m, S
$ u! l4 O8 t' z6 Q+ y</script>