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

zw2004

<style type="text/css">  D) T: _& G5 A8 o+ e; J
#supertext {
4 X* |% v5 i# c& Z# ]) iposition:absolute;1 f  z6 z3 J7 L. D: B5 x
left:0;
. q+ r' s0 ], B5 E6 v# gtop:0;6 c  D2 g2 g( Q4 P# q7 G% y
visibility:hide;
. l6 F3 Y/ R: F% B! V1 [0 J2 ovisibility:hidden;
$ E  \0 S( V9 \}
" v9 q# |/ s1 L$ Q" }- ^- f/ W</style># y! P' d5 g" ?- G/ [9 _
<script language="JavaScript1.2">- b5 m: ]3 S6 E) h
<!-- 改变下的字体的大小。颜色-->- L& x% B5 j8 D" A- J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* ^6 W8 l* G& L
var hidetimer='';
0 Y0 |7 M5 y4 h: t& s<!-- 改变下的弹跳速度-->8 R0 g; b) q6 w' b; U% c* W) c* a5 M, j
var BallSpeed = 20;6 S! m1 r* Z1 M0 d/ G
var contentWidth;
0 ]; D5 _: Y$ H, m4 x" h- o( u, jvar contentHeight;
' e" ^) U; ?* C2 Yvar maxBallSpeed = 50;
$ i! A( d' |6 L
( t3 J# l. i8 X- A2 k. d
5 _" Y* w8 ~& W% i1 evar xMax;
' u7 W% C* v: y) {- y4 y$ Z% \7 Avar yMax;
$ o5 M. p9 o3 t5 L9 u9 w* q6 bvar xPos = 0;
1 m3 d+ {& h& B3 m- L9 R- f( cvar yPos = 0;/ [( ^% Z- O% n3 k
var xDir = 'right';
* e$ m/ r1 L3 c8 ^% |, u! Uvar yDir = 'down';
$ b0 D( G4 J7 Y, c! F) ivar superballRunning = true;
* `" Z4 m, F- q, q+ c- bvar tempBallSpeed;# A; ~5 c/ ~$ l( V$ _) W$ o
var currentBallSrc;
$ e$ |) I/ S& A  Uvar newXDir;" E, x+ L- |2 T: Z
var newYDir;
6 q0 o2 T4 X6 s0 `, |$ @' l" Y/ H" x) [! {, M* W$ P- Z; S5 E7 f
function initializeBall() {
) ~$ q7 D/ Z. X3 h) o) \   if (document.all) {
, ~7 E7 h- v% a9 [% o      xMax = document.body.clientWidth* Y) n) c& n# z& r$ m8 e' V: H
      yMax = document.body.clientHeight
4 N/ P# c/ f* @7 t/ q5 D      document.all("supertext").style.visibility = "visible";
1 m& T* b, z7 ~5 f' Y% e" C      contentWidth=supertext.offsetWidth
' G' f6 e. a- i0 r5 w2 b& n      contentHeight=supertext.offsetHeight2 l' X; D. m/ s! i1 T  U
      }
* y( @' U# O  t4 v* S3 j   else if (document.layers) {8 w  o+ F" O  \. r1 f1 [
      xMax = window.innerWidth;
" f( H1 N# M6 ]+ E8 g% P      yMax = window.innerHeight;
: R* R# `8 p. U8 q: e- v6 I  h' u; m      contentWidth=document.supertext.document.width
: k0 r6 u  r6 a/ w  l9 r      contentHeight=document.supertext.document.height
$ H- Z: F. T/ c4 m      document.layers["supertext"].visibility = "show";! h. O; d' q) F3 \9 i
      }
3 i& U1 e: M9 h5 N   setTimeout('moveBall()',400);
: P, M' O4 [, R" r, }   if (hidetimer!='')8 I9 F# w3 _; [9 [
   setTimeout("hidetext()",hidetimer)
- p  z2 z( u4 R   }
0 G" R3 ]  x  Q6 \. j6 i2 }7 E( c/ y
4 x8 c! {* }9 Z* b5 O. ?function moveBall() {7 x0 m/ Y# @- j9 m
   if (superballRunning == true) {% }3 L6 n7 t  |3 ?+ Q6 I6 ?
      calculatePosition();) f6 t; [# a3 F  t6 J
      if (document.all) {& H6 l+ m! @+ H8 Y1 z/ N8 l" b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 _6 x! e3 O2 H4 ~/ `0 N
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 j) S2 e! p2 c6 J& r
         }' J5 P; k) ]* X; K8 X
      else if (document.layers) {# u" e4 ?5 A8 V& V0 `
         document.layers["supertext"].left = xPos + pageXOffset;& V0 e9 |* g( r" |( p
         document.layers["supertext"].top = yPos + pageYOffset;
3 w  t6 T6 e! }         }
! o3 Y" l9 V! m0 Q      animatetext=setTimeout('moveBall()',20);
. T5 F. a# o( U5 D6 U* L      }, @) Q/ r  E/ @0 I+ ?
   }
' D% j) p0 [3 v* Y4 T! F. p0 ^. n! V0 D+ Q' S7 y, R0 W
function calculatePosition() {
0 h8 i6 w7 b0 k# Y: M& \7 T   if (xDir == "right") {+ S- P, C* v0 Z* ?  K6 h# z! ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 A( {3 J' i3 E1 h7 T         xDir = "left";5 r+ ]# M+ q% o2 J$ Q+ V
         }2 n+ k3 p# ~; j  P
      }7 }/ g* c; h( {- ~: Q
   else if (xDir == "left") {
$ M8 P; g. o" U: Q" ^' P1 f      if (xPos < (0 + BallSpeed)) {  b% E( \' L# |7 M2 B5 ]
         xDir = "right";
0 R; d! A6 e. S- P$ I) g) s         }+ Y; q8 o. q" ]- U0 j/ T5 P
      }
8 j, [$ ~8 Q$ E6 g" B$ S   if (yDir == "down") {7 p" ]" }5 N6 X0 ?8 n$ D) k. l' ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ P5 a% k, w& o  I8 S         yDir = "up";
/ c' Q( O3 d' |         }$ }( i- x4 d! N9 e" ~% q9 K: \
      }. Z  |" d( J; t% ?
   else if (yDir == "up") {  j4 g6 e: [7 S. f5 K# |% l+ [
      if (yPos < (0 + BallSpeed)) {/ s  P$ P& k6 s) `: T
         yDir = "down";
! F  W8 L  ]6 ~  X/ r+ d         }
9 M2 R" K) |6 e) f4 D+ Y      }" F/ d) Y- z+ H) M+ A1 @
   if (xDir == "right") {
" r, V' v% w( n0 k) h      xPos = xPos + BallSpeed;
3 Z6 K8 A* m2 S/ ^      }
. `6 i3 V8 e8 j0 |   else if (xDir == "left") {7 |0 Y$ f( R" n4 r9 w
      xPos = xPos - BallSpeed;
$ i/ O# j( o4 K1 y$ R" N      }
+ u7 @0 \- O% L# J( v' q" P. t+ n9 c   else {
0 D% ^: Y; E9 s! ~- U      xPos = xPos;
% i+ V2 f! \, g2 @  e- L! U/ S8 A      }
4 ?3 ~# \# u. F6 K$ ?. g: M   if (yDir == "down") {
5 f( q- t' V0 |% C6 ?) m      yPos = yPos + BallSpeed;
2 ]  L1 Y; q  E# D+ @% L      }- r; n1 }9 s$ v$ ]+ \$ l
   else if (yDir == "up") {9 {/ M1 ]( h/ {! a( _% r! c
      yPos = yPos - BallSpeed;
; U: m' j4 @# Q7 y7 w      }
# r/ i  B& n$ r2 o" t   else {+ C+ q8 I& S6 Z! C( k, o
      yPos = yPos;
. [% ~0 ~, g+ F( o$ W      }4 t2 X0 m: S9 `; Q/ A" ^
   }% p7 Z+ M9 O3 @* B4 z! l5 s
6 ]4 J: e5 z  p3 U
function hidetext(){# E3 |5 Z+ l" L1 }0 z
if (document.all)0 E% H4 `) a. `$ j) S
supertext.style.visibility="hidden"
6 C% e. |9 I+ r& J' telse if (document.layers)0 ]/ \6 B/ y. l0 k+ x6 u8 D
document.supertext.visibility="hide"  v! k$ _$ P! A! ^9 t( ]3 W
clearTimeout(animatetext)
$ ?8 z. ^) H1 l. b+ f1 z7 Y/ [. V}" o- z) w1 }3 |: r8 O- ]
. O6 W; w: W2 C; d, {
if (document.all||document.layers){8 n8 v! m# P8 v% n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: k, W+ b# G+ Q7 M5 l1 O0 twindow.onload = initializeBall;# k9 C7 i5 ~6 h8 m- S, q5 Z
window.onresize = new Function("window.location.reload()");
: [0 p- `6 `. [8 F6 U( b}8 c6 H, o" [1 d% g

0 h0 e0 b' }* o# {: g</script>