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

zw2004

<style type="text/css">
6 a! O! t! H! @7 |0 {( r) `$ \8 i#supertext {$ P' K" D! \% b& B9 O% Z1 k: N
position:absolute;
7 X! T5 R- q9 jleft:0;0 R# B8 N/ V2 T  a/ X  n! g9 }' w
top:0;1 M, k3 }5 G( V# U. k
visibility:hide;; @* g1 w* h% v  S( e9 m3 l
visibility:hidden;
6 M4 m) G* u( B6 @}4 F2 }  P( {7 N- P1 A5 n
</style>7 C/ A2 u% k5 X2 x
<script language="JavaScript1.2">/ L7 I8 N4 l4 \* v' L7 Y+ m* g. }
<!-- 改变下的字体的大小。颜色-->- _9 v( P" |0 P" Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& S) Y1 G( ]) e% N/ {5 x1 pvar hidetimer='';
0 U. |0 [  c3 Q* r' I, n2 G, a, z<!-- 改变下的弹跳速度-->
' I) c8 l+ b/ @' V' zvar BallSpeed = 20;0 t9 P3 d; N% N# q5 s/ d) Z! V
var contentWidth;
% c! E- R3 k# z8 qvar contentHeight;
$ P% E% H+ B  {var maxBallSpeed = 50;
, U* B1 Y  H' J5 J6 e6 {" }: P" G% n, H

2 i3 }4 s2 K7 M, R& Mvar xMax;3 w/ Y$ c, r" q- [
var yMax;
# R- V8 b1 l, c) w6 W$ D2 C3 svar xPos = 0;
: Q6 [4 G) }- x) Y! A4 Qvar yPos = 0;: W; ^# p5 U. B
var xDir = 'right';0 {1 R0 s4 m" C0 P* H
var yDir = 'down';4 ~& g" A9 |3 N: s9 |3 i
var superballRunning = true;
9 J3 b" s* C1 {( f9 L8 b$ A. ]var tempBallSpeed;
7 ]$ w# q! `0 p8 @8 J! Fvar currentBallSrc;8 J# T) B" h. G$ r# c
var newXDir;
0 N" E4 ]$ N! B: ]" \% rvar newYDir;
! n  p5 [# A" ~/ c- V
" S$ G# @8 X1 l7 T; N. xfunction initializeBall() {1 g. [+ }" ?. l2 s
   if (document.all) {
6 }" i: t2 m# c2 B6 T3 i  \      xMax = document.body.clientWidth
7 z6 l4 [4 j8 x% Q/ g9 _      yMax = document.body.clientHeight" M+ H3 E7 `7 s: y
      document.all("supertext").style.visibility = "visible";, \$ a; E; `  V/ F
      contentWidth=supertext.offsetWidth! ^9 r" r" t3 `& x9 j- c
      contentHeight=supertext.offsetHeight
8 r; m9 q3 w- A      }
8 t/ L* z* [; O5 h   else if (document.layers) {4 }' l; |. w5 [
      xMax = window.innerWidth;
; b8 I5 x  z2 k      yMax = window.innerHeight;
. F; t8 e( {. O4 L, [; b4 x$ B& u      contentWidth=document.supertext.document.width
& t3 Y& Y6 Z2 o: \      contentHeight=document.supertext.document.height1 h! O7 B  Z$ N) V
      document.layers["supertext"].visibility = "show";, \& P( N' l% j0 C# `& n3 \
      }" v+ b# u" R4 O& I
   setTimeout('moveBall()',400);
) ]8 x/ M% f4 Q6 A- Q6 V+ J   if (hidetimer!='')
- D! }+ ^  d! `3 k. ~8 v. Q   setTimeout("hidetext()",hidetimer)
) r& @9 r$ ~' w& v: w, Z* ^- L   }  I) e% _" t$ R" y( W# U+ Z9 t

, r$ A- `( {4 ~0 @) Z0 Z2 y2 ~1 y% gfunction moveBall() {6 z! T( F# ]6 p  B
   if (superballRunning == true) {4 N2 W7 o, ^7 _/ e9 {% O/ [. u
      calculatePosition();
- `) n) S  _8 J5 S8 W* K" n      if (document.all) {; U+ B8 m( i4 o# Q& Q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 h5 ^, i0 m! f3 S% N& y         document.all("supertext").style.top = yPos + document.body.scrollTop;2 n/ `, B& a% ?
         }% ^# H- p* U- c* _1 `
      else if (document.layers) {7 ?$ g, ^, y3 \. b
         document.layers["supertext"].left = xPos + pageXOffset;% Q3 x8 n) [# O
         document.layers["supertext"].top = yPos + pageYOffset;
. ^; \, n9 A& L) E" a; q4 f2 ~         }, Y4 K& ^7 S$ L% x: J" g
      animatetext=setTimeout('moveBall()',20);5 I) F; }* \& \+ e5 L( H* U
      }6 J# L+ O1 j! d+ k3 C8 }% z# k- @
   }8 w7 u' D7 ~1 {7 _  |% Z5 \

" p1 K3 W6 l" U- f. h8 hfunction calculatePosition() {
# B* o8 s; m% S; y  w) U/ d& P& C   if (xDir == "right") {% i& n4 P' O* J9 d' C
      if (xPos > (xMax - contentWidth - BallSpeed)) {. c. l2 i6 u3 m6 k  \2 e
         xDir = "left";- k% F9 U+ h+ K  z* x
         }3 V  d- ~- [" @# e
      }- @4 Y, P! z8 r$ T' `9 v  _5 _
   else if (xDir == "left") {
, J: e, }3 d3 k$ O# T      if (xPos < (0 + BallSpeed)) {7 v1 Y; V  r1 X' X8 k/ k
         xDir = "right";
! r+ L- {3 I  l# ~         }
6 g! P2 u9 `% }& H      }
& \. O; b3 ^2 _2 G8 t! G6 v   if (yDir == "down") {- n! _8 W  f8 E( G
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: \: L. C6 C6 M4 W1 L' W5 C         yDir = "up";* W2 q/ |) v! X3 I
         }$ h$ q/ {  A4 s
      }+ K3 ?7 C8 Y6 v+ O$ ]6 ]; f; e
   else if (yDir == "up") {
0 B  X6 n' P4 u. ?8 y1 e5 S. C      if (yPos < (0 + BallSpeed)) {- {3 g. Z0 A% V, s  e4 Z
         yDir = "down";
$ X+ d, m2 u3 E% [- e: y- a6 w         }
- ]6 B1 ^+ g+ u5 {# H- @      }
3 P, x" `0 q- X   if (xDir == "right") {
  J1 q, z1 Z% w& R      xPos = xPos + BallSpeed;
, {; }' ^' S* l: V1 ]      }* E2 s+ q/ C2 H5 ?* R! p6 t  t
   else if (xDir == "left") {. h6 T3 c, O- A9 o* t, A8 q, ]
      xPos = xPos - BallSpeed;
/ D# y0 I) I/ q) V1 G; V      }8 n9 ]/ D; S/ J! `# }% y
   else {* ?  a# q3 n1 Y% i! D1 C+ N# T- `/ G/ L
      xPos = xPos;
+ K5 {% G* ~( Q      }
4 `, t4 {# h  p$ T) B; {2 }3 e$ q   if (yDir == "down") {4 N6 P6 H% J( n3 k
      yPos = yPos + BallSpeed;
6 ^6 j! w6 V2 j* q# o      }
! B' f. P3 o0 ]' R   else if (yDir == "up") {. c" D, i: A0 v2 B4 J( Z; y- K
      yPos = yPos - BallSpeed;
# p4 n7 D/ G' {6 O. c/ }      }
4 q4 u$ @  n; o  e, V" c4 Z/ I$ f+ a   else {) q0 E: t. d3 J. Q
      yPos = yPos;
; S( g1 [5 k5 T* E3 h      }
: |' n" }0 W1 j- _4 @$ A   }- O. `0 l. I0 o# `3 D# w

  l$ A$ `1 e2 \0 ~! D4 c4 X6 Bfunction hidetext(){
+ _5 J/ b6 r7 I5 j: r/ _/ y' H; Bif (document.all)
. V" H) [7 V0 A8 W/ S! nsupertext.style.visibility="hidden"8 {3 ~$ ?+ G6 K/ h1 n
else if (document.layers)
3 p: X' v' T- s* l9 @' idocument.supertext.visibility="hide"
4 S/ `- J; J8 E3 D; @" d0 yclearTimeout(animatetext): @' u* M8 X6 O" T4 {+ B
}
# R, |" |. G: `# j# u/ p; |8 e7 a  Y7 W% n
if (document.all||document.layers){
$ m7 ~# l! E% H6 ~& M- Z- |$ Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" k* H5 L0 `$ g% E  b. E
window.onload = initializeBall;1 g+ j7 p8 a3 p
window.onresize = new Function("window.location.reload()");$ X. H" _6 p& }* e3 w" n4 w; M+ f
}2 ]5 U! u7 t/ `# t
) t& ?7 f* ]' g4 e0 `
</script>