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

zw2004

<style type="text/css">
" F' Z4 D8 D. f+ ?#supertext {3 o0 ]/ l8 X7 O  }
position:absolute;
' ^3 J1 N$ Y2 z+ t8 y3 U- i0 lleft:0;3 a# d/ C% x1 Q# w& I
top:0;; u% @6 `) J8 L9 W
visibility:hide;
7 k" C) a! i6 N$ W& h+ _% mvisibility:hidden;
' B1 o& ]5 T7 L8 q$ v3 N}
" w- a9 k1 a* ?; D' i</style>
8 K* v( r( N1 E+ c! c5 }<script language="JavaScript1.2">0 V# ]' q- f7 \$ Z" e4 _+ s
<!-- 改变下的字体的大小。颜色-->- Q4 u% ?! x2 e+ V  H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ [# R3 v( {! S8 {' kvar hidetimer='';
$ P# t* s0 u% o$ e6 B# m<!-- 改变下的弹跳速度-->
* {( U) y* U, Uvar BallSpeed = 20;
- F3 U* ?# h3 w$ Y! w1 {+ Evar contentWidth;
9 q' z& O" Q. ?+ w$ [var contentHeight;
0 Y3 G0 R/ j7 h4 a! @- Xvar maxBallSpeed = 50;
8 M& ^  S' \4 D" Q3 H+ N2 E
7 S  Y% x+ I3 \0 X5 ?& Y  m8 D( C+ ]3 R$ D: @
var xMax;2 {* I/ |% S; ?, K: j8 e. ~) [
var yMax;
' B) }0 ?. s3 }- q. d/ svar xPos = 0;: w, S, z& {/ Y% k3 ~- w( s
var yPos = 0;
5 F  i5 y# E7 i$ P# xvar xDir = 'right';
) b$ F0 i# L' gvar yDir = 'down';  i- j5 i/ [" J  P8 d/ O3 {
var superballRunning = true;
: g1 F6 X/ p# O) H$ g. evar tempBallSpeed;/ R. k+ }5 R- W& `; i6 |* x
var currentBallSrc;4 ?; w6 }% z+ k. P6 [8 I
var newXDir;
* i  B$ Q" P9 \5 K. Vvar newYDir;: k4 \( ?+ M7 Y9 b9 r# o' ]: ~

  J: E. Q9 H% \: yfunction initializeBall() {
5 `/ Q! C; l/ Z% m: q3 r   if (document.all) {& B2 ^: ?% D" n) M
      xMax = document.body.clientWidth8 J, C  e, B2 ?  \' w& o
      yMax = document.body.clientHeight
+ [/ J; L' x% g      document.all("supertext").style.visibility = "visible";
6 b% k3 v; U! J& y6 g      contentWidth=supertext.offsetWidth
% R" ~: t2 x2 A3 U9 X% x      contentHeight=supertext.offsetHeight) x) W0 j7 k2 s# B7 d5 k
      }
" E6 X. J" N' T1 _! b8 K2 f+ h   else if (document.layers) {
( b# o7 \! ^+ k3 @: h      xMax = window.innerWidth;( u8 u$ F$ r( u8 p& `. ~
      yMax = window.innerHeight;: V0 T. ?7 y0 P  f
      contentWidth=document.supertext.document.width, H% \& K1 H8 |3 A
      contentHeight=document.supertext.document.height# Q; v" T8 c/ j% u) s; P
      document.layers["supertext"].visibility = "show";
: y& w+ e  J5 w      }* N7 v# e# N4 d' @$ J
   setTimeout('moveBall()',400);$ [6 U0 e6 }! }/ C, M! T2 f5 p
   if (hidetimer!='')3 i! X4 v/ j- V$ W! F$ F9 ^, d
   setTimeout("hidetext()",hidetimer)+ l6 ], ~, A; ~. M: t( |# g& g- Y
   }' U. {8 z* d9 k9 G, D7 H" v
$ Z5 e3 K, P3 \* R5 v0 ~
function moveBall() {
/ s. m+ ?) v2 q! P0 ]   if (superballRunning == true) {6 I; o3 [$ [7 p' e9 d4 @2 v
      calculatePosition();; ~; F2 c0 O, l) ?# M, a& V# {5 w
      if (document.all) {
  J" s/ }4 Y- G" g4 P: q         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 }; o& m2 I3 P
         document.all("supertext").style.top = yPos + document.body.scrollTop;  Z4 s/ d" F) K( K# J
         }8 W& B+ O' |3 ]/ o4 i( Z1 _' l
      else if (document.layers) {
  ?* U* ~. n0 Q, h' Z% `- `         document.layers["supertext"].left = xPos + pageXOffset;$ Q9 t3 a' X6 i0 i; c) ^
         document.layers["supertext"].top = yPos + pageYOffset;: m; w+ v! B  ~; k5 F
         }# A2 O0 `2 I4 M+ O8 ~+ ^8 W& l8 _" g
      animatetext=setTimeout('moveBall()',20);
* N8 [* ?$ I4 X" H      }
; `: E& u% Y. f7 n! F% z& I   }0 U8 N$ B, k! E

+ i& O/ K' r" N& B+ Xfunction calculatePosition() {
* I& `2 n* f+ K$ ~1 y5 R* }4 o   if (xDir == "right") {+ @" j7 M4 p4 E$ c
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 Q% K) j! Q/ s, d$ c
         xDir = "left";! W( H) S' T5 A6 {) S8 f
         }
  i8 l: j4 w8 n" x1 y7 r4 ?  [      }
: \( s6 z; F  J4 u: {2 V" ^" E   else if (xDir == "left") {
2 L& t) q) G4 j* V      if (xPos < (0 + BallSpeed)) {
: a1 C+ _$ i  k& V8 c" ~         xDir = "right";8 K7 o* u" T6 W9 r
         }" N  |- @9 b1 j/ m4 R
      }+ P8 c' b( q% w, l) ^
   if (yDir == "down") {5 _4 g0 B  X7 O0 Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
  I$ D- e6 Y7 ]" |" v) a* R0 f# W0 Y( {# d         yDir = "up";
- Q+ Z! h' B2 n# L' H1 N         }8 R) n9 o3 n  v) M. E, ~; `7 Z/ f
      }% j2 O( q; M) t. \  W/ S; @
   else if (yDir == "up") {9 e* R- J* D; f* S
      if (yPos < (0 + BallSpeed)) {" l. p4 h0 k5 {1 y! E$ Y8 [
         yDir = "down";
8 `$ i+ a1 [6 ]" B) D         }2 q! r. g; t& U# b  e* f  K. W8 q
      }, q& b. D  B: H$ b5 H
   if (xDir == "right") {
. N; {+ t+ G, A! c      xPos = xPos + BallSpeed;/ D8 `0 u$ N! i6 ?( a, P5 Q
      }  C, w2 q% a) h/ f% D' T9 g# z3 s
   else if (xDir == "left") {
% _( N7 y5 _! e- \/ z) j      xPos = xPos - BallSpeed;+ A7 ^3 P$ y2 C* _  p! T6 t( O
      }% u7 t; |* {$ X* B
   else {
! ?: m- t3 b8 e  ]( _$ o2 f& f$ ~5 y0 o      xPos = xPos;
# R/ C& q" w2 I# G0 Q! w$ H: C      }8 G& a8 y; Y- z# V5 K( _4 F6 H" [
   if (yDir == "down") {
* I% a! z3 K' `/ y      yPos = yPos + BallSpeed;/ P9 `4 `& x' }! p# X% c- V
      }) d1 P5 y* W0 e* p" j) X
   else if (yDir == "up") {' r3 i  L& J9 m& l, N
      yPos = yPos - BallSpeed;
( E  i& b# `  s, R$ Y1 N      }
+ |, J9 s2 p) L4 \9 ~+ \   else {6 X2 Y" H# O: |) e
      yPos = yPos;- H; }* v/ I2 _' W
      }
# D% n6 F8 ~" x   }
1 A: f" h4 [4 a0 J$ b& [+ ^0 W: y* O* \# L, G
function hidetext(){
$ R7 F. N" G; Y) @5 f) c% v) ^if (document.all)
* `0 m/ z7 L% c* U/ a  Wsupertext.style.visibility="hidden"
. u3 H6 G- k! X: R  W( O$ belse if (document.layers): T: l2 E' c! t
document.supertext.visibility="hide"
# h% x' v( k" B2 ^; Z& |clearTimeout(animatetext)
- ]( B8 f2 h- Y; F}
0 g9 t. a' ^" `9 n5 P
7 X2 j1 w) r3 F9 j% w& Y* pif (document.all||document.layers){' _# F" F/ ?3 M. Y. X9 u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 A6 n5 |. N0 iwindow.onload = initializeBall;1 n+ o' w% ]/ j' T: {2 J# X
window.onresize = new Function("window.location.reload()");& l1 Z7 \: K# F5 u9 M
}- c1 j+ A  P# q$ N

) W2 P7 V; @/ s4 Q</script>