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

zw2004

<style type="text/css">
+ H, h( X( W+ x4 }3 j#supertext {
) N7 w$ f# b0 ^: D2 z; nposition:absolute;
! Z& O5 v0 t  Y6 M2 v% g. ?left:0;# ?" \8 k6 q- F" G* ^( ?$ B
top:0;
- ?4 p+ b0 O( W. v  q' N+ ivisibility:hide;. C6 C3 }" ~! z% l$ T2 j
visibility:hidden;. J. J9 n8 N- U3 E# X9 y. J
}; F5 W2 E& e8 C$ f  J0 B0 X  {/ A
</style>' z, K" _# q0 G$ X
<script language="JavaScript1.2">
' S1 T3 z% k: t8 g( D5 m<!-- 改变下的字体的大小。颜色-->( M& m6 I, v4 G9 T* l
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 @2 c, S9 T+ w! i6 L3 I* ]" y
var hidetimer='';
% |9 ^, U# B4 u2 U<!-- 改变下的弹跳速度-->4 s4 p3 a9 u1 U3 z
var BallSpeed = 20;
& n8 D; Y, F: H4 q% ?# s) a( _var contentWidth;5 U% Y0 |4 B* R6 z
var contentHeight;- s" D7 O0 B7 ^
var maxBallSpeed = 50;
% R+ ~! k* j6 @& A+ Y4 Q5 Z1 w6 }" E) x5 t; e& t* K. p
8 N' b! _5 i' Y) A; E
var xMax;0 n# [. i1 z( R1 t
var yMax;
/ f! d) Y" q" x0 I% z0 k( Gvar xPos = 0;
8 ~) Q0 l/ r; v  \var yPos = 0;
4 s/ k4 k# s, M. B( mvar xDir = 'right';9 Z: C8 A" a& t+ P
var yDir = 'down';
- k) T3 Y; Q8 e5 o( B+ P+ o: Bvar superballRunning = true;
3 q. D5 w* \6 W0 g& z9 Q) ivar tempBallSpeed;& A3 h" T7 I. K  I+ _* `; C$ E6 F5 A
var currentBallSrc;2 Q5 l$ _7 d; ]
var newXDir;- p/ m# p! M/ ?! }$ v, [5 U% ~
var newYDir;+ n% L( L) g5 p0 A

7 q% V/ o& y  Lfunction initializeBall() {2 X/ w7 [; ~( c3 l  V
   if (document.all) {! I) s/ O; C" b9 J
      xMax = document.body.clientWidth
& m3 s8 Q! e" j' M      yMax = document.body.clientHeight
7 }9 \( x5 H1 M* A3 b3 d      document.all("supertext").style.visibility = "visible";. Z! i4 I3 K! z+ r+ [% B; ?7 F6 A
      contentWidth=supertext.offsetWidth
0 {1 J$ g# {6 V) c      contentHeight=supertext.offsetHeight- T5 {% C/ E* x" d/ d1 p4 l: K% m) H; l
      }
, {  K6 |  G( g   else if (document.layers) {
3 t( K- s! A9 v: S# [! x      xMax = window.innerWidth;
1 P/ `, ^% k9 v" H2 d7 u$ e      yMax = window.innerHeight;; b% F9 v" L9 Q$ F. A/ _
      contentWidth=document.supertext.document.width
( y# `0 n8 ?0 v8 f      contentHeight=document.supertext.document.height
2 G; x+ N& Y% N# ?( ~7 ~4 c1 M      document.layers["supertext"].visibility = "show";$ Y. @4 X# T9 f+ y; p7 Q
      }) r( h) B) O0 j5 u; b7 P
   setTimeout('moveBall()',400);  E3 X+ t( k$ _) y0 H+ _% t
   if (hidetimer!='')4 l6 _5 W; r, u! D" Y- n
   setTimeout("hidetext()",hidetimer)8 X' ~4 p. \7 J% p5 N/ i- i4 O
   }
: ^) J0 l1 d+ E/ S  |9 e8 Q& x4 t/ Z% h( Y3 A
function moveBall() {% W2 Z8 k7 z. |/ ]; n
   if (superballRunning == true) {
3 @0 b5 l$ h" Y' k; o" _      calculatePosition();
' R  V/ c. x" j& I' d      if (document.all) {1 @- j  [; k3 B) a1 P! }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* ]1 I8 l+ v! e
         document.all("supertext").style.top = yPos + document.body.scrollTop;
; b" T) p3 f' E4 K         }
) f" B% a/ Y. X* X" g4 x      else if (document.layers) {2 k. @6 x; W3 D2 D- a, e
         document.layers["supertext"].left = xPos + pageXOffset;
) b1 q3 i! z. O" @6 @% Y; R/ \. ^         document.layers["supertext"].top = yPos + pageYOffset;
5 R  {; O* L: @+ x1 s         }
1 c3 @8 m2 G2 b: r3 Z& m  h' I      animatetext=setTimeout('moveBall()',20);
' E% I9 v" i- a( X3 Y      }
0 R8 g: f  W6 o( v8 ?   }
% w8 r$ x+ Q1 M# a2 ^$ R. r9 J, p+ A9 E" t" k; ~
function calculatePosition() {
3 M* i6 m& f# e  y( D) L   if (xDir == "right") {
2 `9 t: s* H0 D      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ _2 L" B6 l3 M. `         xDir = "left";: {1 Q- I! p6 _3 P4 _" t
         }
- `9 H$ L: m. M" d9 @0 j# ?% U3 L      }
. O/ |: i' E5 |! z4 `8 S9 j( g   else if (xDir == "left") {1 q# P* J6 r2 d. f6 p: X
      if (xPos < (0 + BallSpeed)) {
1 k* }: c9 j5 m( ]4 R5 L         xDir = "right";
% k! v; t/ k' @. i  P3 B         }
& L9 k) m7 j  q& T" I      }
3 J* ]9 i* q% \$ L   if (yDir == "down") {, ~( Y9 p2 ]$ K( `5 `
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 e  h" T8 |3 k2 R' c         yDir = "up";6 l% `9 o& I3 l' L
         }) c' ^. [2 k) g& f1 k" S+ e9 `7 q
      }
3 @" |! B0 I8 T* y; _) K   else if (yDir == "up") {" B! V0 a7 w2 L. r* o  n
      if (yPos < (0 + BallSpeed)) {# e: y' q7 f" X: _, l
         yDir = "down";. i% A- _% _: D: b! a) k
         }% s7 Q, `3 U! G  d2 p) I$ E
      }
& y: ?5 W+ p, a0 ^6 _% {  q   if (xDir == "right") {
& F0 \/ R! J6 D) L# i2 }1 J' U* W      xPos = xPos + BallSpeed;% _$ e+ f  J% Z/ w8 y
      }
6 D) h' j6 V" h; v   else if (xDir == "left") {
0 F; k* U2 I% P. \# q6 x      xPos = xPos - BallSpeed;
* {& l6 h! j* {, f  l- b6 Z+ e      }
, ^: F% \. a# @' `' S% @   else {
& o7 p- `7 \5 T- `      xPos = xPos;
$ l- v0 W. F0 \  ~4 U% `      }
# e: O4 h3 `# M1 F! w+ {, }   if (yDir == "down") {
$ o7 T7 x/ }( E: n$ @      yPos = yPos + BallSpeed;: E  G9 J7 |' K6 J
      }) y0 ]3 s# Z: h- O- W
   else if (yDir == "up") {
2 I9 S+ B1 _/ I( g3 v5 q# I      yPos = yPos - BallSpeed;9 h6 s, W3 z7 m- c
      }
' r( {7 [/ ^2 \9 L% w$ W   else {, G5 C/ U9 V+ j- C: S7 E
      yPos = yPos;6 V7 P+ W1 C+ [8 D6 i* e
      }
# ]- y/ E! @4 V% e* u9 C" n   }
* ~7 Z" l2 F7 d+ Q# W- ]% A* f# Z$ T
function hidetext(){9 x, l5 \, E2 i
if (document.all)
) s1 z; d$ y4 L% psupertext.style.visibility="hidden"  e; c. _" r, |
else if (document.layers)1 D/ t; M* M0 T7 n) j
document.supertext.visibility="hide"& L8 E/ L: g5 ]6 V: x! [7 q
clearTimeout(animatetext)) G$ @* t6 r4 c' Q; B6 @, H
}) z( n8 {2 E/ [' U

2 m3 G  I' g3 |0 J: h, L9 I) bif (document.all||document.layers){
5 G2 h4 c7 E9 z0 o# G+ |# S. B9 Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 u9 O9 Q; z2 u" f& }# H4 gwindow.onload = initializeBall;
" d* X/ P  U) f9 P5 Zwindow.onresize = new Function("window.location.reload()");, ]  ]6 w) U- ?" Z) J, I$ y, ]
}
) i5 m0 n3 V4 n1 Y- v0 o# h- r  H: k5 S8 a7 h3 A# t) z! M/ k
</script>