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

zw2004

<style type="text/css">3 O0 X% L( v+ N- V) B8 i* ~  a6 L
#supertext {
6 V! M/ }" C# g0 sposition:absolute;
# A8 x# Q. r8 b. Eleft:0;
' l7 Q. r; f5 S$ Ktop:0;
7 L2 f: w& E+ |' D* a  @% Pvisibility:hide;* i0 C, z& o4 }
visibility:hidden;& F: y: {+ |! C
}
/ E$ Q+ o' t5 U) |  X$ |, v. E6 Q8 s</style>
( j! d6 Q. }2 m' W<script language="JavaScript1.2">9 c/ S( S' [) @$ y% a& E
<!-- 改变下的字体的大小。颜色-->
; x  \. x4 U4 U4 S  p- Y8 Jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 t: v  w4 Y5 r' L8 Fvar hidetimer='';: u4 t, m& Y5 K! l# ]
<!-- 改变下的弹跳速度-->
1 x( e. g9 ]! f- U4 Mvar BallSpeed = 20;
$ H+ R" f+ ~4 b+ Mvar contentWidth;
0 x3 ^5 l! R' C4 y$ H/ k# M5 Jvar contentHeight;
6 w- y; ^) D: o3 l1 K8 G! svar maxBallSpeed = 50;! I4 ^: {( p7 L6 C" R

) T( c$ c+ ]/ P# b8 W( p6 t7 G$ ^! d, X/ D/ Q2 `0 }: J
var xMax;' k% u# y! q9 ?, k6 [
var yMax;
: T- b" a2 |3 m2 J2 J3 zvar xPos = 0;- ^/ E6 X/ c+ E2 g; A; M+ s& [
var yPos = 0;4 q' F  E0 _, M, ?$ f1 N
var xDir = 'right';
& t$ r" L- M) S8 mvar yDir = 'down';
6 M- y  o( B, R( tvar superballRunning = true;: B3 Z. B5 G. c1 i. l
var tempBallSpeed;
& i% b* j6 P8 J% u4 ^" |9 F" k' j/ ?var currentBallSrc;
& T! t% ]5 _, e+ a8 R* cvar newXDir;
9 g$ N) t* z6 r( Hvar newYDir;
( {2 E( i! P0 X% B/ q3 f1 k4 Q9 |) n9 A0 r4 t% _3 x5 J
function initializeBall() {
2 l1 H  D/ N7 B( c  l6 o2 n   if (document.all) {
" |& h  K+ v7 O, o. d      xMax = document.body.clientWidth' X6 J8 q9 P8 R' o- H# p4 A8 O
      yMax = document.body.clientHeight0 O2 h% P8 A1 c% J' Z! D
      document.all("supertext").style.visibility = "visible";
0 g- v; x! `5 g. z0 ~9 s      contentWidth=supertext.offsetWidth1 @/ @3 D, R; W  r6 e' F' G$ i, v
      contentHeight=supertext.offsetHeight5 F6 C7 W; c: g" g+ C
      }; i# K; U; t3 `1 A* J
   else if (document.layers) {
! ?! H* V, D- @' a      xMax = window.innerWidth;5 J2 A$ Q; h. U
      yMax = window.innerHeight;
" X9 Z# ~3 G: Y6 @0 ~' H+ s      contentWidth=document.supertext.document.width
0 W6 M  H/ i# i6 j& G9 r: l      contentHeight=document.supertext.document.height$ T0 y. Z& h2 T
      document.layers["supertext"].visibility = "show";! }6 n# A+ Q7 X+ L; J5 F
      }
. t8 S$ Q, V! t5 B" u% K% t5 y3 O- q   setTimeout('moveBall()',400);2 h  C3 b: U$ j  N; z
   if (hidetimer!='')
1 R5 _" {" q4 m1 h; Z% l7 {) s5 j   setTimeout("hidetext()",hidetimer): S9 ~; W& b* ~" v9 }- o$ g
   }( Y( X4 H9 s$ l9 I' s# B

' g4 G6 G3 R+ h1 }) Ofunction moveBall() {* U6 T2 k" O" h( ~
   if (superballRunning == true) {
7 _( B, M1 V0 }" y      calculatePosition();
5 ^; X. ?! t. l9 k      if (document.all) {$ R& B# Q( Z  n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 a0 t5 x6 J& x4 u, g" r% u
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 k7 T- Q, s; Z$ u         }
- O, ?; F& i4 b4 Z      else if (document.layers) {3 s" C" M. b  @( d# D' `* Q
         document.layers["supertext"].left = xPos + pageXOffset;" o! W/ w% r$ A& [
         document.layers["supertext"].top = yPos + pageYOffset;
$ @" _6 B- B1 j3 v         }
$ Y3 X! ]: I" D9 g" t      animatetext=setTimeout('moveBall()',20);0 l# K# F, `, b- N5 ]; W
      }7 N4 |6 N; q( q& ~& k$ C
   }% `" O5 a' o: \7 ?' n/ {0 r
8 d$ W& o. p" a
function calculatePosition() {
: s0 w0 A, D+ G' J+ L- b. s( {   if (xDir == "right") {( t0 i) C4 S- R3 t
      if (xPos > (xMax - contentWidth - BallSpeed)) {5 p3 c4 F& F6 s2 d) n7 h
         xDir = "left";4 s! P: t6 Z2 A+ M9 ~8 S3 a
         }; s9 G! f/ M& w! f, v( [
      }
% N: D) E/ }/ I% ^% c% b& K   else if (xDir == "left") {6 y+ y2 |- Z5 x2 J) p4 ^
      if (xPos < (0 + BallSpeed)) {
" F) h. W7 W) D# u6 z5 n         xDir = "right";- b! {; N# h( V' a# f- O" G# [9 Y
         }) N# M, H  J: T% e; T$ ~( \& d8 M4 q" j
      }) ?+ G& q  s" G, J0 n
   if (yDir == "down") {% ~$ S  I- {, J# w
      if (yPos > (yMax - contentHeight - BallSpeed)) {# z, i0 }+ n1 c. W
         yDir = "up";7 c1 S" ^, o+ g' b
         }8 w7 C( I2 Q/ l1 T* }9 J
      }
: |' p' n$ {1 z' W. C   else if (yDir == "up") {
9 ^, J+ z6 E9 @  W- z      if (yPos < (0 + BallSpeed)) {
/ ^5 Q/ Q! n8 f0 y9 `         yDir = "down";
: a9 a7 k) n$ t0 Z9 z         }$ y, `2 o' w) |
      }5 H1 P1 g3 \' A% Z; s1 }
   if (xDir == "right") {+ ^+ G7 D! j* q# B- n8 J! C
      xPos = xPos + BallSpeed;
2 A4 }" W! x( B; Q3 H& ]+ W1 a      }* |3 l* U- s8 @! w+ d$ Y
   else if (xDir == "left") {
9 a, U3 h  t+ S8 O      xPos = xPos - BallSpeed;
/ X- j4 Z$ ?% t# T( q, a7 q8 b4 y( D      }
. E) X; ~8 w9 \% X2 `2 S* ]  A   else {
3 U7 G! A' P1 P% Z      xPos = xPos;
( ?, F. a9 E9 j3 v, n* Z, \      }
. b& t, g5 m; Y1 @" }   if (yDir == "down") {4 b5 b* O' L2 u2 I' n
      yPos = yPos + BallSpeed;: U5 J# d$ p/ z+ G' z  |
      }
- w$ w2 O& o4 M- I0 K   else if (yDir == "up") {2 o& e! h, K3 e
      yPos = yPos - BallSpeed;
# o8 G% l9 L# y! O, z4 v$ ~      }* M, M: s/ H) Q  a7 w6 u! `/ Z' w
   else {
+ h, x/ `2 c+ Z      yPos = yPos;
, i" f4 i$ Y6 e% b      }) p  P1 c, y4 a0 {' `
   }' r2 K; |7 F% ?; ]$ n( b* j
1 H$ Y2 J- W3 v6 J! U/ f
function hidetext(){: k& G' G- h# r! p
if (document.all)
6 U9 y9 z( v. _; e3 csupertext.style.visibility="hidden"
# k' K( ?" K8 {else if (document.layers)
+ N- ]9 ]) c8 e# u6 T9 x+ m7 Vdocument.supertext.visibility="hide". }. f# Y2 M# a9 X
clearTimeout(animatetext)
  ~# q7 |# a, O+ i( y+ P}
2 s2 r7 C% h4 Q+ T+ h% k
0 H+ V- d8 n6 f+ z4 h  E0 [# nif (document.all||document.layers){
, G# s, r& z! u4 |- Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ o* o( h! F7 ?) `# cwindow.onload = initializeBall;4 a# f& E  Y" {& n' ]* y6 E# d: _
window.onresize = new Function("window.location.reload()");9 U" H9 H7 v: }* `5 q
}* n) {% X- k+ K" `
; _0 r7 L. H- e/ I6 B+ j; ^  S
</script>