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

zw2004

<style type="text/css">5 Y. {# P9 R* v: R8 g7 t! x( P: h8 i
#supertext {
. {' o0 |5 G! E3 H' c$ H3 Oposition:absolute;
: z0 M6 C6 l! q5 C, M! F0 s2 c1 kleft:0;
4 c+ {4 ~: y! D3 K* A- j8 Stop:0;
& B9 X# W, O7 }! }: ^visibility:hide;$ i5 \4 p, W8 q% p& Q
visibility:hidden;
! ^' ~3 h1 O2 B}: C8 Z: j, e. }  p
</style>* c4 r" n! S! S
<script language="JavaScript1.2">
' `2 k. {7 Y5 D8 `% \& Q<!-- 改变下的字体的大小。颜色-->
' B% S; a/ ]1 ?4 k/ m: l5 r: ~6 _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# x2 G. a5 B' K2 H) M7 n- `var hidetimer='';
3 Q' t% i* N8 c! T! P! t1 P<!-- 改变下的弹跳速度-->
5 r, f$ c6 n0 M3 H6 Cvar BallSpeed = 20;
1 G: v( ]" ^; E9 V. tvar contentWidth;
$ N- t: ~7 [4 ^- ~var contentHeight;* y/ P/ y  |0 L8 F0 F9 g: H
var maxBallSpeed = 50;. H0 C2 ]% ~' z9 z5 {  V; S
: v( E% ]/ m% Y) Y9 |9 @
# h5 ~) r* ~2 ]: v2 v, U! U
var xMax;
+ }3 k* O, O, I4 o! O) Gvar yMax;5 M; d4 H% r  l
var xPos = 0;
9 Y$ F+ k9 U/ _8 ^var yPos = 0;
' ~% y( S3 y8 v! K) y8 T" K2 Qvar xDir = 'right';
3 \4 K2 [1 Q8 zvar yDir = 'down';
: ~2 Z2 R( i2 K& q5 h5 B8 s, S9 K' {var superballRunning = true;
$ a" C( h8 c! m4 a8 _1 [var tempBallSpeed;7 l/ D  u- E; }6 R. f2 O, q) H
var currentBallSrc;2 I$ b0 ]3 {: U8 d1 I* G
var newXDir;+ d  j/ [) e$ n( I
var newYDir;9 |' d9 c: f8 m! a, d$ Q

8 u: L( }4 w% c* dfunction initializeBall() {5 T8 ^+ C- Q/ h9 e! ]' G9 d
   if (document.all) {
5 D7 P" F2 e4 ]$ C7 G2 P% T) F      xMax = document.body.clientWidth
3 ^. m. W! j/ d  m      yMax = document.body.clientHeight
4 g2 Y$ Y9 O% G+ C      document.all("supertext").style.visibility = "visible";- `4 ^$ y( E. q4 r0 C
      contentWidth=supertext.offsetWidth
' |) g; T. E2 y& ?3 z% L0 M5 `      contentHeight=supertext.offsetHeight
* b, Z* {2 F, U) k- v9 |      }1 |. v! o7 c3 \8 [
   else if (document.layers) {" K+ t" a8 r) h; ?  G- ]
      xMax = window.innerWidth;
0 I% \" _2 n5 R; k5 ]' h. o      yMax = window.innerHeight;! y4 M; z! T: v% e
      contentWidth=document.supertext.document.width9 h8 m3 _) F2 U, C6 E* t* Y2 r. ]
      contentHeight=document.supertext.document.height4 q  a2 A( I, i. {; H
      document.layers["supertext"].visibility = "show";! t5 D! f+ {# Q" s0 U8 _  U
      }5 X: t' z' [3 }3 ~7 w6 a% O- B
   setTimeout('moveBall()',400);
9 y' }8 H9 U" t+ W   if (hidetimer!='')
8 b0 {% L) c* X$ C$ ~5 A, P   setTimeout("hidetext()",hidetimer)
. H4 j& S; C: Q: U& j5 e9 g   }
7 T2 E0 E. ^1 v# k  E5 V9 Y& |+ U( {* P/ p
function moveBall() {
$ O) B# o2 g1 m9 k: g   if (superballRunning == true) {/ x6 A; }9 e$ [. B* k
      calculatePosition();
+ C6 w3 L) C& L  v1 a      if (document.all) {+ ^1 Y: N% F1 t  C7 `4 ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, s) X% q; N( ]( r/ B0 A         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 x6 [9 w3 L  O2 j4 r         }3 e2 Y8 ^( f. s+ E) i$ ?
      else if (document.layers) {- E+ t# e# t" D% ~' Y' Y
         document.layers["supertext"].left = xPos + pageXOffset;
  h: I- C4 ~6 |1 m4 y7 x/ Y         document.layers["supertext"].top = yPos + pageYOffset;
) m3 g2 b$ A8 C# E9 M  m# N6 W& H         }  a+ _- @2 \* c. V3 a
      animatetext=setTimeout('moveBall()',20);4 }- \. X6 g% q1 f
      }3 z1 U! H% ^' _0 y# _* J
   }- S) I, |) C1 H( w. g& I' X, c$ Y# r/ e
' m: E" g' s" W
function calculatePosition() {
2 @) s& s& c* B0 S2 S+ h   if (xDir == "right") {
/ I0 U" s4 \  T; N* C) F2 L4 s2 i      if (xPos > (xMax - contentWidth - BallSpeed)) {: |; \" @5 I1 u, h' }
         xDir = "left";& Y* Y) @# W+ Z* Y. I, f/ R5 p
         }
* |+ I3 O* `+ F8 I: H      }
) s0 U; R3 v& U8 \1 F   else if (xDir == "left") {
- {: F3 i, J+ O5 p1 R      if (xPos < (0 + BallSpeed)) {2 u* _$ K0 T. V# @
         xDir = "right";
& e7 i! N' H' s& s         }
4 J: t% p6 D" f/ j* X4 \      }+ q2 T6 S& O" e; P$ `9 L
   if (yDir == "down") {
  ~; j3 ~" t) {; S3 ^' i4 S$ ]      if (yPos > (yMax - contentHeight - BallSpeed)) {
: I* [: ?) `; O8 P9 {         yDir = "up";
7 @; u6 ?/ h4 I1 k  O         }/ N1 h! P& W. e+ M! s
      }
( K; _4 p3 M% {2 r/ |* O$ d9 b1 c   else if (yDir == "up") {; \' y% ]: Y- c  o
      if (yPos < (0 + BallSpeed)) {- O* j' [4 C  I; U) u8 W
         yDir = "down";1 z; R3 S) K2 M) ^% _
         }3 e  |6 ~3 }8 X4 n
      }& {6 H% e0 A3 F1 p) G
   if (xDir == "right") {! |7 e' R) A* ~; s
      xPos = xPos + BallSpeed;
8 [! X2 u( B0 D; z/ g  y      }$ U# q- S3 B  Y/ k& |' Q
   else if (xDir == "left") {0 H; ]. i. h! l% F
      xPos = xPos - BallSpeed;, p  R% x  y% ~. I( d2 o. W  b4 ?' W% I
      }' W. B7 C2 l+ g" |( H
   else {
6 e4 O/ W% Z2 W4 ^4 k+ |; t      xPos = xPos;
, }% s/ R4 t  C! C2 Y      }
& x2 M: T: k9 K" B6 Z7 d/ W  |   if (yDir == "down") {8 E1 f3 K) i: l5 }" A4 _; I/ f
      yPos = yPos + BallSpeed;
& K7 k$ F( i7 L      }- N3 l* X- U! a; S- n8 |8 b/ i
   else if (yDir == "up") {! @7 K9 d& ~: c
      yPos = yPos - BallSpeed;
; a8 a, w: J2 F) J1 C4 M0 w      }* g. r+ O# z- e; G) e
   else {) t6 ]  N* E" c9 }8 e/ m
      yPos = yPos;" Q+ w' m" |# l! P. ^9 T# J4 }
      }
. _  z+ }* v/ K% E( P" I1 X* F; e4 ^# Q   }
- s. \$ J$ K5 v; C3 U* M1 r3 R, D+ s1 E& e
function hidetext(){
* c: a5 [% F: U% p& }2 K; yif (document.all)
! q' P1 B' C1 z5 c' z) F8 Xsupertext.style.visibility="hidden"
' p' Y" r1 q- M) jelse if (document.layers)5 G  U5 W, {" ?% r
document.supertext.visibility="hide"5 N, Z& c2 P2 ?( ?. c! m
clearTimeout(animatetext)
9 W# \/ x/ S& C2 N, P3 n}* F8 @7 n. M9 @$ D
: i9 C# T; }/ e
if (document.all||document.layers){
- l, F( D; K7 ]) J3 w* g. B$ xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 i! T( s& ^( ~2 P8 K% q( owindow.onload = initializeBall;
  i0 y! \6 [  }& b. Lwindow.onresize = new Function("window.location.reload()");
1 K5 t( K) V5 S3 t) i* z}
4 q5 s& [6 v7 U: k7 V6 c' O( l0 e& `6 C
</script>