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

zw2004

<style type="text/css">
6 i5 Z+ B1 t* s1 ?9 e! p: W7 T1 s#supertext {
8 L+ O& m( O" _" M6 L. ^position:absolute;; G8 _9 l2 {# @% ]  p
left:0;) t) a  \% C8 f9 m$ f- E4 m
top:0;. o+ e; [6 u, B0 t  |  e' h) G, T
visibility:hide;8 C( ~. y; G3 C; P
visibility:hidden;$ ^3 C$ C. ]8 ?7 y  z, s
}
7 W! p: K" `! L, L+ D</style>" m+ U+ T2 y- k* E0 ]
<script language="JavaScript1.2">
/ E  i3 }8 B1 e, h2 {) M8 s* o<!-- 改变下的字体的大小。颜色-->) ]; E7 ^; m) V; ]8 c) p3 y1 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# _+ G  N5 w; S5 dvar hidetimer='';" \$ `5 \4 d  h2 Y, J1 O8 ]
<!-- 改变下的弹跳速度-->( h) t! p( f4 M2 L2 \( s: G
var BallSpeed = 20;
  D* E& b8 }+ q2 `& ]5 O) S9 X$ g5 cvar contentWidth;% X* ?2 ?; n4 ]1 X) E
var contentHeight;
9 Z: B* A* I. P% w+ {8 }9 Tvar maxBallSpeed = 50;9 J7 D* F0 [; D/ i: i
/ e3 k5 ^/ o' }6 e$ A( `* H& L
8 a; _% M0 d2 j! u+ L  s
var xMax;
8 u! I" U( ]1 [9 rvar yMax;6 R# x9 t" j5 Y
var xPos = 0;. `. d# B: ~+ I! V1 U, y9 I
var yPos = 0;
6 c( W, i4 u& u" D3 A  x- w. q8 U" lvar xDir = 'right';
% `( L3 V3 Y* U- q* Tvar yDir = 'down';
- p6 H1 a% e; v% }var superballRunning = true;
& y/ d4 B$ |# K0 @" Cvar tempBallSpeed;. Z5 N  O6 [( X0 j* [$ |7 a* a! i8 L
var currentBallSrc;
, ~% i; t1 O2 f6 ~! u9 Dvar newXDir;6 Z: a; C  K9 Z& j: ~% H0 T: p/ V% E
var newYDir;
) I$ A: ^- O+ p* z* X
+ j6 J; B& F  Q" N  Z. }function initializeBall() {: A, U9 \" g( o6 H+ F/ }3 f, b
   if (document.all) {
3 n4 O- {- q: ~5 o3 h      xMax = document.body.clientWidth
( F- O" u( W5 x5 Z2 d% Q- ~      yMax = document.body.clientHeight9 l# k2 S7 g3 j$ [9 [+ H
      document.all("supertext").style.visibility = "visible";
& M" v$ d8 k8 E# X      contentWidth=supertext.offsetWidth
" P/ ~) t+ U6 S9 F4 s      contentHeight=supertext.offsetHeight9 }& d2 K; ?7 T, Y- }% N
      }8 }6 Z# e1 c0 F
   else if (document.layers) {2 h5 A( n( _# O) s
      xMax = window.innerWidth;
& o" s, n  v: x& _$ y% E+ D2 ?      yMax = window.innerHeight;
7 q& s, n1 K1 X5 b      contentWidth=document.supertext.document.width
* N3 v: y% f* q  I* O0 |' I      contentHeight=document.supertext.document.height- {# B/ T/ C( j) D$ @' O! v& @
      document.layers["supertext"].visibility = "show";6 y: t7 W- N: a  o$ C7 Q2 L+ j( d
      }/ p5 B0 U9 B: W9 F
   setTimeout('moveBall()',400);
0 Q& p& ~7 ^$ x: O/ z. T% D! s/ a   if (hidetimer!=''), y2 ~& g0 H$ @; c8 ~5 N! J2 K
   setTimeout("hidetext()",hidetimer)
- p" R5 ]$ B  L! h" K   }
* z' r, S& Q; l/ o- h  u+ W" X6 g) M) J2 Q9 i% F+ h" u
function moveBall() {/ v! W  c) s; P
   if (superballRunning == true) {
- h7 K4 I" s4 G( }  y$ K% u9 t      calculatePosition();
+ o/ Y7 G* F, t, |6 f      if (document.all) {
+ a! r  G3 k4 [         document.all("supertext").style.left = xPos + document.body.scrollLeft;" G2 t- |* P/ k* t8 y' `* n; U/ D( }5 w
         document.all("supertext").style.top = yPos + document.body.scrollTop;& e4 o& q6 I9 C+ a$ t! q, H
         }
9 `: ?& Z3 ?# L+ x) W5 y' U6 ]      else if (document.layers) {; }& F2 u7 Z" v
         document.layers["supertext"].left = xPos + pageXOffset;5 s! ~+ |3 x5 D7 W* G. `9 c) a8 h
         document.layers["supertext"].top = yPos + pageYOffset;7 o. i& I& j! {3 X1 T2 \
         }7 {# w% Y& w. l" x/ s, ?
      animatetext=setTimeout('moveBall()',20);4 k: k- r1 ]! G# f  d% U$ h
      }
/ p4 q2 e! {1 N/ j9 S   }0 M0 g/ P2 u" T7 f2 J5 h3 G$ ]
6 Y/ b# ~/ V. U8 t" {$ |
function calculatePosition() {: k* P6 e: q/ m3 u3 m# T
   if (xDir == "right") {; L/ B7 g$ ]( }# b- I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
& l. j% \- y& r6 k9 E7 v         xDir = "left";" U4 A/ f1 L& x! G6 C8 s
         }
7 z) y% l/ l0 X3 h# t9 e      }
- j1 E1 U* _. p- B0 K   else if (xDir == "left") {4 }1 P8 P  T; Z+ U& p" G9 `
      if (xPos < (0 + BallSpeed)) {# ]8 X: c6 Z1 p2 ]
         xDir = "right";% O9 j. j4 F! v: s
         }. H1 ~- Y* F; N' r  ]1 Y9 f! V
      }0 F" q1 A, X. ?9 A* n: V
   if (yDir == "down") {  s, @8 s; Z- B! |
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ F6 E/ M% }0 U: ]         yDir = "up";
9 Z; q+ P7 _" N* n         }7 L, H( z$ t2 z3 w: l
      }# ^# o9 ?) j* S
   else if (yDir == "up") {* t2 s; J/ M' p  a
      if (yPos < (0 + BallSpeed)) {. F, `# W& ]3 m( T; z( k
         yDir = "down";
" e. U  r( x1 l5 }' A         }: O+ m7 X+ c2 I4 @
      }
; g( C# R) ]* Z1 t' Z3 h0 U   if (xDir == "right") {
( e6 _9 t, I9 P/ L+ O2 k, J) P( E      xPos = xPos + BallSpeed;( i5 q/ Z5 [0 B0 P4 t/ T2 m+ A
      }+ i9 |/ [5 s, F' x7 ~7 {
   else if (xDir == "left") {8 a, c# x" z: ^
      xPos = xPos - BallSpeed;$ E1 z/ `1 i# R  r- ?; L; t5 L# w
      }9 Q& i3 G5 }" F9 W% |4 Z
   else {
( x& c* z$ _4 c2 Y/ M+ Z      xPos = xPos;1 Y* U: b( w/ q' {8 f) x# i
      }  ]7 I! s: R5 ?6 d3 ]
   if (yDir == "down") {7 I9 d8 O2 m5 Q6 E) f" C- |
      yPos = yPos + BallSpeed;
* r6 s  R2 X& W$ h) c0 [      }# h- o* Y1 X$ r* [0 s& V, K
   else if (yDir == "up") {5 x6 L4 U  p( ~4 }# F- V
      yPos = yPos - BallSpeed;
8 h5 a  \2 M  F  a5 w0 p0 W      }
' Q, O! D) W- W$ f   else {
& m2 |. Z2 Y* q$ Y      yPos = yPos;
. e) }% ~5 i% `7 a& v      }" \) \" X) ~$ k' D- T: q: n
   }
( S9 ]! Z$ B9 X% j9 r+ v( A" H/ {  p# ]% G+ w5 M0 w
function hidetext(){
8 D  R, P+ @& ]0 Qif (document.all)
- W+ T& B7 R+ m" w- Z! S1 e& rsupertext.style.visibility="hidden"
% ^% Z: A/ j2 b' b3 A" n* B5 ^else if (document.layers)
  d9 A! R& ^, q2 S7 x+ Gdocument.supertext.visibility="hide"1 ?  }% w5 z" |( c; o" b. ]
clearTimeout(animatetext)
* k: T! q. ~+ W! F- x) l}0 _- k) {; R1 v' j; G; S6 [; d
" f/ @3 ?  m' {9 V
if (document.all||document.layers){( h8 R7 b; B2 \
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% F* B1 D0 D  D  B" gwindow.onload = initializeBall;! b- X3 ]1 u7 k7 C
window.onresize = new Function("window.location.reload()");8 q( j  H3 u2 Y% N, H' J
}
3 f; @9 o6 B. l. D% O% ^9 W+ E
# B7 N9 e6 A1 t</script>