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

zw2004

<style type="text/css">
! L& J/ j7 z  K, s. m, s; v8 ^#supertext {6 _0 R. A$ v- I, J+ b
position:absolute;
( e& w, G1 J/ D  xleft:0;8 O* t+ H0 n# S+ ^! N
top:0;1 M) U2 S2 T! I( p, a  f* D2 x
visibility:hide;
3 v5 ^5 B1 E& E" lvisibility:hidden;
) ]9 R9 p# O2 [" F* E1 G* ~' g5 B1 X}
( R  \6 K) Z* p% q</style>, H) B' M( Q& L0 e3 [$ g( e6 [. z
<script language="JavaScript1.2">
( U  s6 G  Q: m) ]7 i<!-- 改变下的字体的大小。颜色-->
; |5 k, b4 j7 y& g: Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 V. z9 B  H. S3 N! Q- x0 f
var hidetimer='';6 |9 C- e1 r: |; w7 \6 s( F5 V! k7 p
<!-- 改变下的弹跳速度-->7 S% }# h0 r: F- c
var BallSpeed = 20;- h+ f& [$ F. O# O% l
var contentWidth;$ ]& Y  y' a/ d& P1 ]9 a- J  Y
var contentHeight;
7 O0 g( [- L* x9 hvar maxBallSpeed = 50;  h! _$ |+ A/ k' t4 }, t

6 \+ I8 o$ C4 g: x0 s' q+ b* X8 k4 {* k8 p4 d( L$ q
var xMax;
$ }! o- p- G3 }% U* s; Rvar yMax;
( E' t5 h( d$ K8 ?+ u6 s( svar xPos = 0;
! w. P9 [! }9 Ivar yPos = 0;; y& G+ C, v7 v6 \
var xDir = 'right';
( l/ C  z* _7 qvar yDir = 'down';
+ _4 i$ a4 V  Y- a, ]var superballRunning = true;
- w& n7 k8 t8 c, j+ jvar tempBallSpeed;# [5 B& f$ S: v! W& y+ S$ \: t" w
var currentBallSrc;+ Y, l+ q4 f3 J( S# _
var newXDir;) d; C; q/ L3 z$ P
var newYDir;, g* t0 F" d- V! \0 Y4 g

) c0 C) w- q( l( zfunction initializeBall() {
/ Z5 ]1 ?! v1 T+ u   if (document.all) {7 i: m2 v4 B! |1 M  \! a& y
      xMax = document.body.clientWidth
) C9 d8 c& D" ~1 b1 Q) |* L      yMax = document.body.clientHeight; Z, w1 W! K2 @# c" Q' Z
      document.all("supertext").style.visibility = "visible";  Q  K9 ]. t9 @: I- [/ m' p# x% q
      contentWidth=supertext.offsetWidth" }+ w1 P8 o1 |
      contentHeight=supertext.offsetHeight
  y5 c" o( W; k2 s& T' h. a# N6 U      }
& ^. u: ~3 C) U/ |5 @3 B   else if (document.layers) {
2 j0 N8 p3 V* u      xMax = window.innerWidth;# c3 s# B# h6 h0 l/ I! n
      yMax = window.innerHeight;* Q8 W1 d5 L& x" q: s% w
      contentWidth=document.supertext.document.width# g, I# }: h, Z9 r7 B# K5 [6 Q
      contentHeight=document.supertext.document.height8 w( _8 A( ^( D5 Y: q8 ?$ J% Q
      document.layers["supertext"].visibility = "show";
& Z5 ^* [" U3 e1 X! I+ O9 ~# f      }
& a" K4 x) z5 N   setTimeout('moveBall()',400);
$ @: M& F/ a( i% |" b1 b   if (hidetimer!='')! E, R( E7 D, H8 @# Y6 w$ b
   setTimeout("hidetext()",hidetimer)( G9 R7 [& M' e3 f: ^; ?- t2 |
   }1 L' x2 ]& A8 X+ u: `
( f4 w" y5 s  p
function moveBall() {
5 e7 Z' M4 H6 T  S! D   if (superballRunning == true) {
/ x4 _' C$ R. v2 @/ T0 Y      calculatePosition();6 f  T3 D. E3 S2 i1 r
      if (document.all) {0 c+ T- Q- S' G2 ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ P$ U& y, Q0 o( {0 G( f4 ~2 }8 \% n
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 R: n+ X' N, \- V# V9 D' O' A
         }: }. {/ B, [4 B2 q
      else if (document.layers) {. D. \4 n$ Y( {
         document.layers["supertext"].left = xPos + pageXOffset;
  L# T  @6 M* r. V3 E+ X$ \         document.layers["supertext"].top = yPos + pageYOffset;. O8 b0 |2 _+ i5 o9 `
         }
) ]/ r, e2 P) C  q2 W/ l0 I      animatetext=setTimeout('moveBall()',20);
# w$ c5 L0 Y( w      }  b  i" n5 H9 ~6 a: ]/ o# y
   }$ N2 q. O& X* n; d* ?5 H+ w; y9 u
4 Y; L4 K( j' W4 w" j
function calculatePosition() {
* \2 q: }  X: b, m) w8 g  Y5 W7 V   if (xDir == "right") {
5 j7 Z) B7 N( }      if (xPos > (xMax - contentWidth - BallSpeed)) {2 _( J. k) h, U8 D
         xDir = "left";7 Q! U1 b" X) x! Q( V1 C' Q
         }- v! W4 V+ n% H, a& o
      }
0 H) P$ L$ x$ k7 b( K( G6 M- y( \   else if (xDir == "left") {* s# F7 C6 j+ x3 K- s* W/ Q7 l
      if (xPos < (0 + BallSpeed)) {
4 }% o/ `: B, P, r# s: s7 T         xDir = "right";
% b" E. Q4 z. t6 x1 A" V         }
/ w( Z# j0 A8 T* Q      }
' v: `. W+ O  q" L   if (yDir == "down") {2 I* o5 d1 L2 i; i9 V) |1 m) u! s( E
      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ C* e( k7 l) c: H, d5 d" }         yDir = "up";, ~, ~  y6 N: J" N, V: k
         }8 v4 J1 |  N+ ~9 `  u! r0 A5 n
      }! w3 @# ]& U# Z* E$ H
   else if (yDir == "up") {& q; C- M/ \( o% V9 t$ Z
      if (yPos < (0 + BallSpeed)) {
6 }) Z* ~/ Y6 Z1 m: L) q! `) F4 Z         yDir = "down";
0 d& R! l! D5 b         }
1 l  k( D; |7 U; b9 ^* b6 j( D3 k0 W      }
1 t2 {' ~/ j/ O' `# \8 ^. w$ a2 n   if (xDir == "right") {1 H& Q; x  b1 s8 @. ]7 J) Q
      xPos = xPos + BallSpeed;0 \( k  u) X, m4 s% L
      }
$ X9 q& U5 n) f9 j9 |   else if (xDir == "left") {
  y3 Z- @' E: c# R      xPos = xPos - BallSpeed;
, e* r2 d- ^; H+ c      }1 f, z$ B) e5 J/ M+ V3 `4 a
   else {
1 P% c( r- S- \! ^# n, M      xPos = xPos;4 y/ q2 Z2 \5 L6 d  I7 s4 C0 S
      }6 c- }, b) Y/ Z
   if (yDir == "down") {
, }" K! u/ [: _; m2 e# `$ |0 ~      yPos = yPos + BallSpeed;9 j  }, L0 L+ \" [0 ^
      }* X1 Y0 r2 z6 L: S
   else if (yDir == "up") {0 G+ e8 C, w5 T0 a  o
      yPos = yPos - BallSpeed;
9 L6 J8 D6 Z$ _7 r: q3 G; ]/ r6 S      }- M" k8 o: ?5 d0 G4 r$ `8 Y
   else {$ H. p! ]& h1 y# l6 U
      yPos = yPos;  v3 i- s$ f" k5 F( k" c+ n! _
      }: t4 p" G' _( ^
   }9 _9 Y0 m0 n$ N. ^" ~
# R* v1 i' K5 q6 k" I) N
function hidetext(){
- f0 c: \& a! m) Tif (document.all)
/ u5 f8 N6 t- X( Z. c; T! j2 csupertext.style.visibility="hidden"
0 |, `5 U, z9 v1 d. P& c5 Welse if (document.layers)- D$ Q" K" R) g2 X
document.supertext.visibility="hide"
3 v) I) M( T+ rclearTimeout(animatetext)
: |) E+ M1 [) w+ g}
3 V: t, I, B4 J. m/ v" V4 `& C3 T+ E9 h' W% @- \
if (document.all||document.layers){
5 I1 P9 I3 ?5 n+ w! H& x, Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& |) B5 W5 S+ l6 H* d
window.onload = initializeBall;) p" x( n, ]# A' K$ Y
window.onresize = new Function("window.location.reload()");9 C2 D; i4 |  A/ O; C
}& p. H6 p! d2 N6 s. i

- L) D- P6 ^% u! I+ e4 b, ?3 G</script>