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

zw2004

<style type="text/css">* E. P2 m, N) }" q3 ?- g
#supertext {
4 `" s# e7 H9 D6 B" D/ Q6 ~4 }position:absolute;
7 K# ?( G. X7 p% P, hleft:0;
* q( B; ?7 q8 p+ I5 l- Htop:0;9 {- B! M* P, ?) z0 t& N! Z
visibility:hide;
8 w# {" K) {$ A, T( r: s* I( L! }, ?visibility:hidden;
1 P$ P& _! h4 ~# A$ w5 Q6 R4 P; s}3 z! a+ K# p* G6 [. l
</style>
% c  P5 j! }8 C& b+ O8 c<script language="JavaScript1.2">
) o  [9 {+ ?& F% V. u: `<!-- 改变下的字体的大小。颜色-->
( F2 s$ _; P9 O. ~. vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" j' {0 W1 I4 e6 e1 h( v5 `# T7 jvar hidetimer='';
3 z- p- r2 w9 w- U  E6 k0 o<!-- 改变下的弹跳速度-->
- J' K; ^6 s2 Jvar BallSpeed = 20;8 t( a  h! t( g
var contentWidth;
3 u7 T' Z0 ~) P$ O# H" G) o+ R  Svar contentHeight;0 a, C: j9 Q0 m- H* E/ ?' |
var maxBallSpeed = 50;7 ]) [  _3 C' l( l' n
: G% ?  v: h0 W; ?

  }+ Y+ C) h3 \1 W* H4 Tvar xMax;- `2 r" x/ F- E1 h2 B
var yMax;) w/ v+ @# p; \
var xPos = 0;
3 T1 G9 b% c+ J8 nvar yPos = 0;% p" [1 ~- n! H& o$ u0 u
var xDir = 'right';
: b, u4 G( q. Y7 ~+ {3 R+ e* Wvar yDir = 'down';
4 y- N2 C% ]  hvar superballRunning = true;8 r5 X* \+ i) C6 p# B: e
var tempBallSpeed;
+ d. @; U8 L9 D& }7 n. Bvar currentBallSrc;5 T9 t+ @; m; R: @; y! N( ~5 Y
var newXDir;3 d2 \6 L- c, Y' F- w# L# F
var newYDir;
& V2 X2 n  I" c5 p5 t( @
- d& Q0 J- z" Kfunction initializeBall() {
; `+ x) U6 {' x) Z- z4 R8 T   if (document.all) {
7 X9 G5 }' t: j+ k  h+ p      xMax = document.body.clientWidth  w9 _- s" d" A: q
      yMax = document.body.clientHeight
0 A3 H6 p' I6 T; C; f9 ?- K$ L* Y      document.all("supertext").style.visibility = "visible";
: b" X3 A: u0 _0 Y! j# ?      contentWidth=supertext.offsetWidth9 X1 Z* D$ Q* c% M# L- I7 Q, c
      contentHeight=supertext.offsetHeight
; }+ K) |) q$ y7 J5 D      }8 Z& T$ S2 l2 H
   else if (document.layers) {5 x* y# i0 m+ O0 T) Q0 I' |, ]: y
      xMax = window.innerWidth;7 i  R- p! P4 s
      yMax = window.innerHeight;
, O! z. o! c0 C% d& @% {      contentWidth=document.supertext.document.width* w& y6 S$ y' B7 d& K" ?
      contentHeight=document.supertext.document.height7 H" k0 ^+ ?8 A& }  r$ E) W
      document.layers["supertext"].visibility = "show";
& ]4 [. A$ b1 O4 e' [      }
6 ?, b  X  |& [: d   setTimeout('moveBall()',400);( D1 b1 P; q& d! Z5 D
   if (hidetimer!='')
. Y6 U9 k4 v2 W: j$ p! N3 i   setTimeout("hidetext()",hidetimer), S; f) ~( ]% v
   }3 R5 D- t( G+ |% C3 P' M

* ]( d' y5 `" y8 s* Lfunction moveBall() {
; ?9 }5 M& v# _   if (superballRunning == true) {* Z- s2 T# Z) Q- Z9 I  j- S+ e6 V
      calculatePosition();- ^* K8 t5 x6 `: z$ I5 e( q9 w1 I# Y
      if (document.all) {/ ?1 w9 d& S2 _9 G& o9 f7 Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% y  L4 t6 X+ ^; L- e7 A         document.all("supertext").style.top = yPos + document.body.scrollTop;- d, n: P1 `$ J2 N* Q4 s: s  s4 T
         }
' v1 u$ q5 ^2 m& E      else if (document.layers) {
) E# Z- c; q" ^7 r4 _         document.layers["supertext"].left = xPos + pageXOffset;
# X* H0 E, m0 p         document.layers["supertext"].top = yPos + pageYOffset;( z! D7 X9 w" G' N+ ~& r: `
         }$ `, g2 f9 i+ Y. H; {, h; d
      animatetext=setTimeout('moveBall()',20);3 I% X7 k; k5 f/ ~+ M: _
      }) x$ j! Z2 T# L5 s, L
   }0 Z: Q, l! l6 T9 A
" }. g0 R; v: q) I; R5 i6 f& x0 V
function calculatePosition() {+ X" F1 g7 f. y  @: \9 b, _
   if (xDir == "right") {
4 @( N0 l! R3 [7 y      if (xPos > (xMax - contentWidth - BallSpeed)) {$ f" C' k* e* K5 @2 b: T2 p1 z
         xDir = "left";
9 Y, r5 K, L% [* j. N         }
: n' t& \6 S9 ?8 d: e      }
3 ~4 D9 R4 o4 W1 E+ p$ I$ w   else if (xDir == "left") {  t# q! ]* D" K6 K- K8 V
      if (xPos < (0 + BallSpeed)) {4 _6 U& M$ x4 \# `
         xDir = "right";" ^! q/ y! h  c4 V2 i  ]" w8 m
         }3 b2 D9 k. c% R4 ~$ y2 Q
      }
4 E: w; T' N1 n% M0 b0 f   if (yDir == "down") {
" ~& j9 ?4 d, o      if (yPos > (yMax - contentHeight - BallSpeed)) {
* r) |/ S; q6 N- J) R6 y         yDir = "up";
6 [3 ]5 t8 ~" ]         }
" A$ b+ d6 [0 W      }
4 x# r5 l( Y( _' P6 y( w/ Y/ v   else if (yDir == "up") {
. T/ e# L' c' m- ?% J1 b0 Z( K      if (yPos < (0 + BallSpeed)) {
. b4 w( }! t1 f* U         yDir = "down";
- @4 z$ i$ R5 c- f  }  C         }" Z6 A' O% x/ e
      }$ `1 D, R8 {; W4 c+ K
   if (xDir == "right") {) p+ E; o" y$ X6 @
      xPos = xPos + BallSpeed;
' B: {$ N2 Y# y7 W$ S2 e4 o  \      }  B  Q2 T. i& D6 e2 @5 l2 `
   else if (xDir == "left") {) }0 c/ ]$ m. m
      xPos = xPos - BallSpeed;
) f$ B+ z% L& T% b4 \      }
: t' ?5 E* M- Y* Y. U   else {
2 L& W9 R* ?: p9 N' o6 U      xPos = xPos;, b* ^& P/ m, f3 ~* z
      }
) n% {8 p( v  O" n( D   if (yDir == "down") {6 R3 F& ~+ ]* q% b
      yPos = yPos + BallSpeed;
9 ?2 ]+ o: e+ f      }0 f$ W' a4 _7 u
   else if (yDir == "up") {
: Y; W# d! ]0 ~4 v* M      yPos = yPos - BallSpeed;
6 P1 G) ?. l7 d      }9 @; |$ V7 [+ B! M
   else {: m7 R4 ~# @& X# }
      yPos = yPos;( R; s, j3 g6 s' t
      }0 V  ]8 f! L3 F6 ?5 t! y
   }; V. l' |8 A( B; T& T( |
9 S6 K0 D' `7 x* E
function hidetext(){
5 F4 M: i6 n. c8 |  Xif (document.all)3 m7 K" J& f9 [. g0 h% D3 z& u) V
supertext.style.visibility="hidden"
  `" L. U/ K2 [7 celse if (document.layers)1 Z. ?6 Q4 g3 `7 Z1 ^! o8 r
document.supertext.visibility="hide", L8 Y. q6 y! q- v) H: ^
clearTimeout(animatetext)  G1 h) H& Z) D/ ~; j9 `
}$ s* k% O5 W/ p- m, t7 y1 I: }+ F! k
2 J  q# Z% H3 c4 d( R, Z
if (document.all||document.layers){
( H  C' s/ r2 J) M" L. jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; N3 L4 E& O( ]window.onload = initializeBall;7 ]/ g0 \" _/ y; Q
window.onresize = new Function("window.location.reload()");. r6 s2 R* I! ], C, p3 G
}6 s9 r( s, @1 l8 Q8 l
# ?8 Y4 O# e/ V, j( O
</script>