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

zw2004

<style type="text/css">: v2 n1 z8 A/ M4 d
#supertext {
' B; X" K4 }- Wposition:absolute;+ C8 p# z! s' u; C* Z
left:0;
5 F- e$ S6 s9 n$ ^- ~" W# }top:0;
. o# `9 c& P% E8 Vvisibility:hide;
5 i: r# |6 F8 |visibility:hidden;6 |( [1 t* p( s: [
}
6 m9 Z: \: I3 f7 K+ n/ ]1 z/ w</style>1 _4 x" \2 @2 @8 W  X% L6 E
<script language="JavaScript1.2">
9 i7 u) Q" K; v" H5 N<!-- 改变下的字体的大小。颜色-->
3 v) y: ]0 Q3 R% S8 Mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- T$ g4 T! _9 c1 h; M9 e/ U
var hidetimer='';
9 o: a3 O' z4 d/ r' v* Q, b1 B. X<!-- 改变下的弹跳速度-->- q- F) q5 d) B1 f3 Y+ ?
var BallSpeed = 20;4 c% f! J7 t7 i
var contentWidth;  M" J7 O* i8 b1 s, U  ~1 s; P
var contentHeight;5 O8 O; _: p& F
var maxBallSpeed = 50;& j2 B0 A5 D5 d8 `; }5 `
' F6 `1 C) K3 b% ~+ B4 [! g* m
0 s3 C7 S( w$ x" u# b3 F
var xMax;% o# ~9 J+ ]! E; N+ x7 U! d
var yMax;
% n, M  ?/ m2 Y% e0 N: wvar xPos = 0;
8 r# }) z) ~7 h, O& _' e; nvar yPos = 0;
" |4 o8 W1 V* W# ?* f( q% ?' D0 zvar xDir = 'right';9 @" \2 Q' g! g8 O
var yDir = 'down';3 T' {, _6 z& ^) `# J* P' W6 Z
var superballRunning = true;" T" F* `; n/ t7 ]$ M" c( n
var tempBallSpeed;
/ c( G$ o  c* B% H% u( B( mvar currentBallSrc;& o4 U, g' r7 |4 P8 g
var newXDir;7 {3 A7 j! N* K  v8 y3 O
var newYDir;7 f- P$ s6 j1 C: g
- U$ S& H3 |  F0 S0 ]' o" M! W' P
function initializeBall() {
& u9 j+ ^: c; v   if (document.all) {
! w8 R# z  ?% X6 t- G6 k3 m      xMax = document.body.clientWidth7 P1 H+ v0 ~' e4 E! y& P3 x
      yMax = document.body.clientHeight" G6 u& O7 J) L
      document.all("supertext").style.visibility = "visible";) h7 i: {0 z1 x; h4 u2 g) C# G
      contentWidth=supertext.offsetWidth
8 b- C: g) `% f! d      contentHeight=supertext.offsetHeight
: H- g( _- m& G7 a      }/ \2 @6 e$ t- K8 m: J  d7 }
   else if (document.layers) {
7 v/ l  D% [6 R0 ^7 _- K      xMax = window.innerWidth;: G, j! w; i) J) C* v! A- j
      yMax = window.innerHeight;6 e( P; @  S( U' P/ n% j
      contentWidth=document.supertext.document.width: J  R; ?" J2 @/ d
      contentHeight=document.supertext.document.height$ W) [( p9 M, ^2 \3 |
      document.layers["supertext"].visibility = "show";2 H- d4 b/ M* V) Y0 v
      }% b' e, ?% s5 U7 P* S' `
   setTimeout('moveBall()',400);
: D( F6 K  U: V  u   if (hidetimer!='')( ?, J6 V# ?1 t8 _5 c6 O5 x% C$ v
   setTimeout("hidetext()",hidetimer)1 v8 W; U: p5 l' g$ H0 {
   }+ }+ c2 {& ~- t
2 D! ^4 c( Y0 ~" m5 J! K9 B2 A
function moveBall() {
( B4 Z* U3 T* x6 v1 k  e7 x. c; A/ d, ^   if (superballRunning == true) {
. b+ F' a" [6 \5 u      calculatePosition();
3 E6 N2 k! N0 c      if (document.all) {
* I: Z$ ^# y, n- g0 n( k         document.all("supertext").style.left = xPos + document.body.scrollLeft;, P7 w. I( d+ o, Q4 L4 U
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 [  q& r4 }) d, Y3 @
         }
# O9 S: G* D) R0 \" L      else if (document.layers) {
& C8 k0 Q: l1 a( _) }8 i+ O         document.layers["supertext"].left = xPos + pageXOffset;
* K, A- D7 d3 R0 `1 `9 n" H3 z         document.layers["supertext"].top = yPos + pageYOffset;0 ?& P2 F5 b- \
         }1 w6 h  z2 \5 H
      animatetext=setTimeout('moveBall()',20);
  n  T1 l( I; A3 i- k! \1 X( w/ y      }
( G; D+ D! s2 d. z8 N3 N   }4 e5 p" e; R$ p' s5 ]4 j7 C
% T, l  c* ?% d/ |' ?- P( D
function calculatePosition() {8 ^( r! q4 D/ o' J
   if (xDir == "right") {
* s! B6 T1 g. I3 B1 X      if (xPos > (xMax - contentWidth - BallSpeed)) {
' _. O7 b- Z$ ]1 ]; u/ n$ i& i1 S         xDir = "left";/ \' z9 S& _4 I
         }4 Z, ^6 b9 q9 S1 D
      }6 Y5 n, w" B6 g5 ~
   else if (xDir == "left") {+ C: S; |7 L9 V; ~: P  h
      if (xPos < (0 + BallSpeed)) {
$ `& N! n5 V* n6 P8 {         xDir = "right";. G( }' \9 K7 D& |0 u- i6 T$ h
         }
1 W. @3 f# O+ w' F; `6 ^0 S      }
* R! [8 ?+ Q1 O+ {# z   if (yDir == "down") {
5 D4 i% @, Z5 r& U      if (yPos > (yMax - contentHeight - BallSpeed)) {/ _( L' t' Y+ H
         yDir = "up";
5 O. t% Y& P! D         }) Y' j* m' @: w
      }
9 f8 B6 |3 C& l9 G   else if (yDir == "up") {" C. C/ V. F* A- d
      if (yPos < (0 + BallSpeed)) {+ _' U4 H/ ?; ~/ G
         yDir = "down";9 X4 m- a1 P6 G/ P- ^
         }/ z. \; P1 \8 p# H
      }
" Y: `* ~  }5 a1 b* b   if (xDir == "right") {; B( D' s# O3 C7 i. u9 O
      xPos = xPos + BallSpeed;1 \0 q$ m1 w  _" J: F- b
      }
( u% U5 _2 b7 p  d- ^9 h- }4 t   else if (xDir == "left") {
2 P7 D- t$ E! k* n* A% [4 e& i& ?4 ^      xPos = xPos - BallSpeed;
' i# _: J3 }. b      }
5 L- g( [# w# S. R; J" O4 O6 @4 B   else {! f8 {3 X& R6 c  H
      xPos = xPos;
7 U9 f/ B( l( m! t2 J2 A      }7 U3 D( \4 T7 ~0 q4 W4 t
   if (yDir == "down") {- e) m7 p' M0 J+ D+ _( Z+ b
      yPos = yPos + BallSpeed;
- `6 z6 q, B3 X& I- w      }
* A1 x  J7 e8 M: @   else if (yDir == "up") {1 }! s* i9 ~  Z! H( r& L
      yPos = yPos - BallSpeed;
: ^- u2 s) b* Z3 M6 f      }; E  m  c2 t( G" u* F# Y* T
   else {2 r$ p+ z" E8 j4 R) T% _
      yPos = yPos;
- w0 g1 M( u$ m* f3 }7 y- S) g      }% Q! U' X) L& ]+ h5 ?/ y' H8 `
   }) \1 r, Z/ u6 D. Q
8 G0 {* ]/ [! w+ a7 E
function hidetext(){% C( d: w1 @3 ?/ @& d' ?
if (document.all)# j6 }; J) H* B5 [& _8 `
supertext.style.visibility="hidden"
3 \) F- e. y) C: V4 w) \" V4 \2 Qelse if (document.layers)
/ @2 v5 I6 T5 s1 W/ G: X, Cdocument.supertext.visibility="hide"& n& y' M5 b+ g" r7 ?
clearTimeout(animatetext)) \2 W- R- d2 w. @
}! o" W" w" G; G6 a) R5 p$ \; ^+ D
7 P$ c: z- Z* ~! i& R
if (document.all||document.layers){
# g  J8 C  o& K' N5 `9 h0 ?7 Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* k2 w, p' x, o
window.onload = initializeBall;/ ^) s8 n0 j1 _  ]0 {6 k: D
window.onresize = new Function("window.location.reload()");8 e  M$ r9 F' x2 U
}. S5 H( i* k' ~' G$ Q' l
( k4 q4 K2 U: {% E9 M+ E" J
</script>