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

zw2004

<style type="text/css">9 l1 E( f; A) s3 x" w9 m6 t
#supertext {
* M% a5 m1 Y! a& L& g# eposition:absolute;- q( B$ f) I- j8 J. K
left:0;7 g/ U' P: c1 {# s' C
top:0;2 v& K1 C% I3 P
visibility:hide;
' K+ E- W; Q2 i9 [" v  Rvisibility:hidden;
: }  W3 h# f) N) ?4 T, U0 G}" G/ k0 }- r0 g: g( K
</style>
0 k& Y: ?' o5 B7 k4 b) r( @<script language="JavaScript1.2">
+ b- D0 o4 R( d- V& U$ Q<!-- 改变下的字体的大小。颜色-->
. U# D8 z* I, k  C( gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': Z9 E! y, H, u! L% J! x) k
var hidetimer='';
5 Z5 n  O: O: Y5 ?<!-- 改变下的弹跳速度-->
. q- N& G! Z7 svar BallSpeed = 20;/ U* f& c! P# @5 Q, y: S
var contentWidth;8 I" l% y7 C, ?+ g$ c* y! c
var contentHeight;; h6 e/ ?: w; ^8 ?$ {
var maxBallSpeed = 50;
  x2 D5 k  r$ M) o% I- w. X2 |) s4 D3 ~1 d# _" K2 j
9 u$ J: E$ B# I. n
var xMax;
" }7 M- A- j( d- a3 [var yMax;, R; P9 l; S. L% l9 }
var xPos = 0;2 g3 u8 H/ m4 x$ A+ f$ j3 e5 F7 Y2 y# L
var yPos = 0;$ p! ^  _8 c  C( d9 l' q& r
var xDir = 'right';. Z* S3 ^2 I5 b
var yDir = 'down';! B! z! G! J' \1 @
var superballRunning = true;4 K/ c* E( |4 b, A8 i1 ^5 C4 Y9 X7 h
var tempBallSpeed;" S& w6 e- G0 D( g- U. t
var currentBallSrc;
% L* _$ D. ]7 v$ jvar newXDir;0 k( S; |$ D2 ^* j9 [' r
var newYDir;
7 K4 p  }# \' r3 L( u: G/ _
5 W/ k$ z; [% zfunction initializeBall() {
8 H( @4 M/ \8 R6 ]0 e& i   if (document.all) {- s& R" n* j9 O+ [! `
      xMax = document.body.clientWidth
5 U! i% V( S! P$ l4 l( L      yMax = document.body.clientHeight
' v( ?) w) a& |      document.all("supertext").style.visibility = "visible";
2 {+ I6 t( P& h; i3 e      contentWidth=supertext.offsetWidth
8 q2 F2 V) W! o3 j4 M      contentHeight=supertext.offsetHeight
+ {5 V% `8 s, B* s3 u      }
8 a! G. w' I# V; G   else if (document.layers) {
% h9 p* s% K+ x: C$ l. t      xMax = window.innerWidth;
8 s5 f) j  i- S      yMax = window.innerHeight;9 o. i6 G. k! c" o! I& z: L, K
      contentWidth=document.supertext.document.width8 |2 N" t, p4 q+ P! t
      contentHeight=document.supertext.document.height
& j* f1 r- M/ e4 {, i7 e. L/ A- t  Z      document.layers["supertext"].visibility = "show";. L4 H5 E4 {1 j/ V$ b5 A1 T
      }
7 \( s! c0 m( @' J$ A! U2 P   setTimeout('moveBall()',400);- v# T1 @! ]1 r/ Z' ]  V
   if (hidetimer!=''); l' Y' [3 W+ `- X+ l! G0 c1 [+ k" H
   setTimeout("hidetext()",hidetimer)( L6 f8 }. W+ |: s4 K, _' O8 a
   }2 ~# j8 ]. y6 Y. Z# D

2 D& L+ T$ ]: p1 W4 _function moveBall() {4 D/ ]! P- Z' L: c% v* o& w
   if (superballRunning == true) {  E8 c! \' I) \8 K
      calculatePosition();1 W- e, I; N& l' y9 W' u$ H2 t
      if (document.all) {+ y! J) Y* @0 _! S) R0 V; z3 `4 q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" q3 x' X% F% _$ E
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 D  _5 s& u* V+ p
         }( K/ Y; I) G; s& Q8 H
      else if (document.layers) {: X% a7 x/ C# ^8 ^
         document.layers["supertext"].left = xPos + pageXOffset;* |: S; t5 Z& G8 v' w0 L4 [9 e7 m
         document.layers["supertext"].top = yPos + pageYOffset;
6 x/ O: r& C4 m. ]: H* X" [3 r1 y         }2 \/ N- {6 P% G* T
      animatetext=setTimeout('moveBall()',20);8 z  A, a3 E) ^: ]' W: Y3 X4 H
      }! w6 c" s! u) f& A+ q
   }: ?* V2 L$ L8 s

: r' _& s) _( ]) K$ ifunction calculatePosition() {; b0 F5 T0 ?9 M( k; b- ?
   if (xDir == "right") {- ]% H( Z) Q! w2 i  f. X: T- P& {% T. S
      if (xPos > (xMax - contentWidth - BallSpeed)) {: ]* t8 q& ?; }( h$ r
         xDir = "left";
& L- L0 j7 E0 F9 O4 n* i1 u         }
7 K) y( y" Z0 q5 ]7 I  v      }8 @1 f# t2 j3 \* x7 ?
   else if (xDir == "left") {& w! i: S* E/ A8 A* W, V4 ]' a5 P
      if (xPos < (0 + BallSpeed)) {& S! l) _+ H' C& t) J7 Q
         xDir = "right";
6 O  J, F; K; G, o         }
: o5 D9 s5 L3 O# U: ~      }
2 N# ?# ]* Z' o" H1 ^3 N   if (yDir == "down") {
) D5 d/ v0 O# n! x( G      if (yPos > (yMax - contentHeight - BallSpeed)) {+ G- t( L& I, N( A; {4 i5 t) |; u. v. x
         yDir = "up";: D4 \! i0 q8 R( M, K
         }
  P3 F; b* G/ Q) H      }( K! [$ A( X1 W! B
   else if (yDir == "up") {
* ]! G8 a" Y  t: R, T      if (yPos < (0 + BallSpeed)) {
8 ^9 `" m) }+ T9 w4 z6 S         yDir = "down";7 P. k% Z& s& @2 W$ k
         }
1 \0 h4 O! T/ f0 r      }! N/ |" Y) y$ H* V/ r& W* J
   if (xDir == "right") {+ M" q/ B; K3 E) J
      xPos = xPos + BallSpeed;
1 m& |* q6 Z/ p. X6 [      }
( A$ z9 l4 o1 q9 L   else if (xDir == "left") {- n; P; r& n7 K0 g) |+ x
      xPos = xPos - BallSpeed;: i* k6 ?' _& A
      }
! G/ p+ ?; s, J7 F! F   else {
, c# W  O3 J; v      xPos = xPos;
  R3 }; x) L! t& v      }
) g2 a5 q% Z) J: y  K2 ^" h   if (yDir == "down") {
$ g/ e! l" d% H5 R8 t% W      yPos = yPos + BallSpeed;9 V3 {. l; `- j, u! a. d8 y+ n
      }
6 E6 X" P' M7 `5 \   else if (yDir == "up") {
0 W$ R  [+ P7 }, ]      yPos = yPos - BallSpeed;% H3 X& X# a" a
      }" E1 w, w, o1 D& V7 d' J6 n  S( f
   else {: H; v% E6 ?, n
      yPos = yPos;
0 N  H- Y- s9 M( X  O8 d      }
5 d$ S3 w& o% S9 F* t   }
6 y" F8 L' x" q, F. B, \, a  C7 a
& ^( W+ J, O: {function hidetext(){
$ ^" v$ k! {+ w& B4 H. q$ Wif (document.all)2 ?8 P" Q$ W. F& j6 X
supertext.style.visibility="hidden"
- W' [# ~0 \9 d4 Q3 g9 D8 kelse if (document.layers)
/ {3 K& U3 ]: M* N1 Rdocument.supertext.visibility="hide"- }$ h# |! E5 ]$ U9 u9 d% `: s6 M
clearTimeout(animatetext)
) `" Y+ R8 c; v! x  h) a! ]/ c3 J}
2 h7 T: S' B- r  a+ |! |$ l" i* o$ W+ |" l: j3 |
if (document.all||document.layers){
8 [! I" Q( T$ y1 R; c% F* u- c3 Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- v' k$ `+ P2 J* x$ f* J/ Ywindow.onload = initializeBall;
1 ]3 Z- i3 V* `window.onresize = new Function("window.location.reload()");
0 g8 [7 W, g& J! Z( U6 ]1 N) I}
! i+ s, J, X8 _) s
+ r, C& R- L& ^</script>