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

zw2004

<style type="text/css">3 k( l: v. C( X. U$ H5 M
#supertext {, u0 U8 c& }, p6 j
position:absolute;  ?4 Z) t' x! C- G  Y; p" G: l* o
left:0;
6 U; o4 h8 R1 q$ D# m/ N: Y! \2 H' Ztop:0;
) `. ]- E* o! v+ U& z% S0 X* _visibility:hide;
, G' W$ g1 r3 L& c$ k3 {8 }4 Wvisibility:hidden;2 z, l4 r5 c; \/ i8 I
}8 c* d% Q- Y8 Z6 H7 n4 q
</style>9 \" h, o8 V( E% U
<script language="JavaScript1.2">
! W# ?# M( N. w) U1 e+ j1 i2 R  n<!-- 改变下的字体的大小。颜色-->
* t9 }/ v5 p$ A( |: B: I  K5 xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' t  s* l" c1 X4 s( Dvar hidetimer='';
( l+ _9 U( t2 M# ]) W- `<!-- 改变下的弹跳速度-->
. I9 }1 V3 C$ @4 h) m9 ^1 Gvar BallSpeed = 20;# J4 B/ _+ Z- D4 I" w1 l
var contentWidth;
0 b) Q, b. v: _. g& zvar contentHeight;
# F3 @7 d& n3 |8 i( {3 Svar maxBallSpeed = 50;
) v6 n) q& a9 |9 k0 p
' ~! _% m. o$ T* r% ?; T6 W+ y
% Y3 ]1 |* ^) r0 P7 \* U8 Vvar xMax;2 C8 K: q0 `- g4 H3 y8 s* |" M
var yMax;
& y0 O3 a) l' Yvar xPos = 0;6 Z! t1 @8 {- O+ {2 ]: G3 {
var yPos = 0;
3 b1 T5 E3 a4 }9 Dvar xDir = 'right';5 q# P5 H1 G/ _  g/ ?
var yDir = 'down';5 Q& M' c- o" @/ m% ]! G
var superballRunning = true;  w$ M6 u8 H3 b( Y9 q) v8 m6 {/ Q
var tempBallSpeed;
& G0 p+ r" Y, Zvar currentBallSrc;
; {, h7 p+ i" y7 ?. Tvar newXDir;. ?7 O# j9 O$ }! L
var newYDir;' v$ _, z# C- i# }0 f5 k3 j( e0 Q: H
3 c. H% K% |% h( F' o, g: q9 a
function initializeBall() {
7 j+ B  @  T* ?& K, U+ n   if (document.all) {
" B: O* a6 ^: Y& v      xMax = document.body.clientWidth
0 E) A2 q; R8 Y! {5 s0 x. S8 e# g" f      yMax = document.body.clientHeight1 q; P) }  h% ~" n6 [6 x9 x' M
      document.all("supertext").style.visibility = "visible";6 V$ O, e: J. z7 z2 |) C
      contentWidth=supertext.offsetWidth; T6 ^& I7 T* e; f
      contentHeight=supertext.offsetHeight! h8 ^( B; i/ ~! l0 v
      }( S- {3 X5 g+ f6 v& E
   else if (document.layers) {
% t& `7 t) e1 F+ X. e      xMax = window.innerWidth;
' B$ Q( b5 E5 F      yMax = window.innerHeight;% ]- z; ?, l4 A; J
      contentWidth=document.supertext.document.width
6 o! @1 G: V/ T1 V) }      contentHeight=document.supertext.document.height2 h" t* R" z7 \% ]* F
      document.layers["supertext"].visibility = "show";% Z7 A7 R) m/ R$ k+ E
      }0 `/ i- M: j; V/ E0 ?1 E, Y4 g2 o: V
   setTimeout('moveBall()',400);1 ~! c2 [  X& o% I  @
   if (hidetimer!='')
: H+ v) O6 O+ Q3 u   setTimeout("hidetext()",hidetimer)4 w/ k3 S4 j- K* s1 Y2 u) I
   }1 f! T6 r+ S$ s3 Q

( g3 T  b  H# a- L5 @; |# d, Pfunction moveBall() {' ^1 u$ B; t! e
   if (superballRunning == true) {. K: m" [/ z& X0 L
      calculatePosition();
; }( g$ f% N, u& X% r4 X      if (document.all) {
- H% Y, Y7 m7 I' z: Z1 N         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 b6 j" _5 M2 Z' v# C
         document.all("supertext").style.top = yPos + document.body.scrollTop;$ ~  q, N4 K4 L+ z# W5 y
         }9 k4 Y0 A+ {5 g- S
      else if (document.layers) {
: v- w  }0 F% \5 ^2 v% I0 T7 z         document.layers["supertext"].left = xPos + pageXOffset;3 u+ [  C$ ~8 w
         document.layers["supertext"].top = yPos + pageYOffset;) T+ ^- F" j6 x, ?
         }/ S/ U* I. f+ n) B+ m" H
      animatetext=setTimeout('moveBall()',20);8 Y6 u( W0 H0 w+ ^8 M. G
      }
) P7 d( N' I8 _: D) s! [8 l   }
8 `  g* N  {! c2 U0 G" n$ M( s; Y
& g/ n% J$ y* r* ]function calculatePosition() {
# I2 q' U" j/ \& j5 i   if (xDir == "right") {. J3 a2 p5 p0 d0 N& L
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, D) @  N8 F  ]         xDir = "left";$ N. T% n* ]+ }% L
         }
6 i5 Q3 P7 P2 }. W      }
2 _( Y* G9 @2 [2 q5 ?+ l4 x$ k( J   else if (xDir == "left") {
: D& q: \0 j5 s/ t7 ?2 h# v) N      if (xPos < (0 + BallSpeed)) {& M4 n% W; V1 T: ]4 H$ ?
         xDir = "right";* D8 ]9 }# L0 R& x7 T! Y
         }
/ D7 h3 Z- \" K: F  r      }+ _- a* r2 U1 E2 i% }$ u
   if (yDir == "down") {5 }. ?( c; M' e, @
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; ]/ _; C3 B$ ?! H7 g         yDir = "up";
1 K' K* `/ ~. `9 r0 ?1 c; V: s         }, J0 k: _! D9 L! W
      }
; D" K7 F( M( Q( [& A) Z   else if (yDir == "up") {
7 Q- u6 h0 }6 I5 u/ `      if (yPos < (0 + BallSpeed)) {
+ H1 N5 ^( [& C% K3 O         yDir = "down";+ s! ^5 R0 u' F
         }/ U: T9 P0 n% \+ C5 @5 W$ M. E7 b
      }+ a8 m0 @6 @" q' J
   if (xDir == "right") {3 [' q8 L; s5 O" T1 B
      xPos = xPos + BallSpeed;
, G+ M$ X! D/ G! W6 w      }# a9 O; T5 W" U& x1 L; a& b# |4 X7 Z
   else if (xDir == "left") {
" j+ Y, i3 e$ j' U      xPos = xPos - BallSpeed;
7 f; G8 t9 K; w4 `( @      }
3 F+ O0 T# s0 C+ |* b   else {5 v: S; z: c  ?
      xPos = xPos;+ |* X- e/ \% P, Y9 T
      }& T  M, P& x( d/ Q, F
   if (yDir == "down") {; N7 x5 R; Q( q" d
      yPos = yPos + BallSpeed;! d! O" |/ ~! p; Y8 ~& M6 y
      }
9 O( H% A/ U7 s, L   else if (yDir == "up") {
$ G7 S, ?. k1 Q, l" ^      yPos = yPos - BallSpeed;  ~2 N9 V& V$ w+ ]2 J1 B' k
      }$ s1 X1 V. f6 D- p$ ?" F$ o
   else {
; ^) j- g  S* ^5 c      yPos = yPos;
4 M5 t: d4 _1 i( Y6 ?      }
* f: {+ f# ?! Q$ H9 \' G   }
* `+ \2 B% }+ Z
  T: |7 c5 ]1 e+ p9 W2 [5 Y3 sfunction hidetext(){5 {5 E5 F( [2 O7 I4 d7 j
if (document.all)
* s# Q3 H" w5 I5 x. ~; W9 Z! x) n7 t+ tsupertext.style.visibility="hidden"3 z6 o1 D5 B" c  U% P
else if (document.layers)
* |6 D3 S' W5 M! c7 a4 o3 ldocument.supertext.visibility="hide"
0 [; O# P% |6 W2 D& y+ @clearTimeout(animatetext)9 _" R) ^7 w" c/ f* T( x. n1 p
}: L$ P9 p, D1 Y( D

0 Y7 G9 o9 O8 `: U) Y0 D, Pif (document.all||document.layers){
2 a3 J) O+ m. p, fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- O0 d* d3 ]" t9 N& K! x& t  |window.onload = initializeBall;
  r8 g* d3 O! xwindow.onresize = new Function("window.location.reload()");
0 \* j  L5 f8 P" Y}8 h, k$ y! h! Y
$ O" H8 R+ [" h6 ?9 q
</script>