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

zw2004

<style type="text/css">
. q+ s9 ?/ t8 C# U3 B5 \1 c#supertext {, g$ k; h% n2 t
position:absolute;
( {9 C6 L* u. O; z" oleft:0;' c3 n' W) M0 J
top:0;1 m, y+ z. ]( ?' v% C8 q) i' q
visibility:hide;- q/ L- o( _% Y
visibility:hidden;
" s% c6 ]- o. H: n' ^  R' s+ b}' o% ]( h' u5 O; l7 X# v* E5 O* r- c2 n
</style>  w: C" C, `' O5 r" U
<script language="JavaScript1.2">
/ \8 P, ^1 K7 W$ ]9 I' f<!-- 改变下的字体的大小。颜色-->
2 @1 |( t  _9 q: o* w. V. z6 w) Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  P) ?# _  n! ]
var hidetimer='';
% |+ F$ ?' ]* E  g0 L<!-- 改变下的弹跳速度-->
+ P( W7 ]3 ~, R7 u9 i* |, K" Vvar BallSpeed = 20;1 q! Y0 k! A. ~, i) A
var contentWidth;* A# t, A1 d( B
var contentHeight;* o( \6 r: L7 \1 J
var maxBallSpeed = 50;7 s) d3 F& a7 O

( C" e  w2 h3 R" V# T4 h
7 g: _( o# ]0 K3 ~" V1 Ovar xMax;
! ?1 w' N5 L1 r( P4 _var yMax;5 C  i2 O, H. s  f& v6 O- K- h
var xPos = 0;
2 a. J3 F' ]  ?7 C0 l2 svar yPos = 0;
$ o6 E6 V- Z/ X* ], O% |# D0 zvar xDir = 'right';
: n1 n9 X% H" p; r9 C5 Pvar yDir = 'down';
( ?& [" V+ `/ J& i$ s; V: k7 cvar superballRunning = true;
' O" p1 ]+ @: Zvar tempBallSpeed;
% [/ i7 Z! }8 Z' i1 ^; F# Mvar currentBallSrc;
6 h! R0 Y# j6 }& V  D, F$ rvar newXDir;
* ^: |! w8 e8 P, uvar newYDir;
% h- y+ p+ @7 K1 X! V2 w7 X! I4 U, F( O0 n' Q6 |2 z9 G+ N
function initializeBall() {
( n; U8 r" f1 k. L; [   if (document.all) {
0 o, `( h9 R4 P9 u* w! Y, G2 o      xMax = document.body.clientWidth
4 ?5 {6 i& Y- k1 F; p0 _      yMax = document.body.clientHeight
) M, \% u2 U5 |      document.all("supertext").style.visibility = "visible";# \- k5 V2 }& `4 @. r
      contentWidth=supertext.offsetWidth1 ?' T3 h' o- y: v: m
      contentHeight=supertext.offsetHeight3 Y% M, a0 }- h& @1 Z) E0 b
      }, U! @* v; B# i% z1 ^
   else if (document.layers) {
# @1 }$ ]/ E1 H/ d! B. b      xMax = window.innerWidth;# M% X3 e. Y3 X. b
      yMax = window.innerHeight;
0 l2 ]9 G4 E- d, b      contentWidth=document.supertext.document.width
+ W/ t8 Z; _1 y4 O      contentHeight=document.supertext.document.height8 s2 E7 q4 J! Y0 Z+ S& d# q
      document.layers["supertext"].visibility = "show";
, O; e6 s- p$ W! U  t1 T; l5 \1 C4 N      }. N$ U7 M; Z6 B' \3 t
   setTimeout('moveBall()',400);- W) h, r) _" _$ X) N/ I, A
   if (hidetimer!='')3 D' C# V' I' E: l
   setTimeout("hidetext()",hidetimer)
4 ^7 S) h& J  \" V8 _1 D   }
& i4 S- @& G8 |' w1 D5 f, b. F( o% S7 R1 E! r* a9 e9 C. U
function moveBall() {" W3 _3 O% Q0 V/ ^/ C$ N
   if (superballRunning == true) {( b. V$ b2 w# H
      calculatePosition();
' p: X* z9 K) ?4 T* e$ @3 f# L      if (document.all) {$ D+ h7 F! ^& K# F9 I
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; l& P4 f! X7 Y4 ]         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 T" r1 F1 m8 K         }
5 t# O6 {/ K: @/ l% C" ?' N! Q      else if (document.layers) {2 F8 b7 ~& O0 L' U2 w6 n
         document.layers["supertext"].left = xPos + pageXOffset;; W  S( H: T) U2 B( E
         document.layers["supertext"].top = yPos + pageYOffset;
! z6 [* b* G! P: I         }8 U9 |# b+ [/ U5 y" D) [
      animatetext=setTimeout('moveBall()',20);
+ X* V  Z( [8 i% ?      }. U! W7 @6 M. Z2 d! z
   }5 R% W! @8 h4 s' B
" g  F! l+ {# u) W: r
function calculatePosition() {7 T3 u& K8 O) j+ e
   if (xDir == "right") {4 @- y) Q( {' R4 N/ U+ Z6 M' ?/ Z
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# K- h6 N2 _# m' w' g) o% E4 ]         xDir = "left";
2 n- u' d3 a$ `3 N* E4 c6 u* A; @         }8 b" S* d1 w& R  w) F; n: S% ?% [
      }
  D8 o' S, Q2 P& o2 j   else if (xDir == "left") {$ h$ i# s/ z0 u
      if (xPos < (0 + BallSpeed)) {
  k$ I* [5 A. y2 u$ @  z1 o         xDir = "right";
6 e1 v; x5 g5 _% A' c         }
/ Z( h9 c6 ^' M8 w      }$ v* w0 {9 t9 z, U# G# j4 s
   if (yDir == "down") {
" B0 V0 c9 D; ]& k( C      if (yPos > (yMax - contentHeight - BallSpeed)) {8 W3 c; U+ i4 I5 U& }
         yDir = "up";
2 v0 {" v" t( Z/ q0 }3 o         }
6 A* y# X* B: n4 G2 i  d' w% ~      }
! @' i2 ?" c* C) K. z7 G   else if (yDir == "up") {
) a! G' r: J$ G! t      if (yPos < (0 + BallSpeed)) {& K, V% @! n9 G9 Z' I' c3 n5 V/ ]  o
         yDir = "down";
9 o5 j" Q0 w4 F         }
" o7 q0 U; A& F: q5 c1 ^      }: ?" ], N4 K. Y
   if (xDir == "right") {8 P, I! k! P0 v4 l2 k
      xPos = xPos + BallSpeed;$ t5 z8 A9 _& x/ p/ `- F* c7 T
      }9 X( r) J/ w' n* w$ h& Q  S# t
   else if (xDir == "left") {& U8 r' I$ V- z0 N7 M! U" d" z! n8 i, Z
      xPos = xPos - BallSpeed;- ]' h( v' j0 T9 }2 V) S
      }! F; N9 t3 B+ F
   else {. F# y8 Y0 C6 r" B$ N
      xPos = xPos;
6 b* C2 s* [4 v; N9 V4 o      }8 W  _0 s' U) U9 n
   if (yDir == "down") {# G' ]. Q9 |$ z9 f3 P
      yPos = yPos + BallSpeed;# [' p4 h/ ^- R5 l6 H$ S6 f
      }  z8 p1 ]$ I8 z1 z. O' \
   else if (yDir == "up") {% v+ Q; C: q6 j
      yPos = yPos - BallSpeed;
, |/ s) x9 l/ U4 [/ z      }, K! ]8 J& ~* l3 ~/ J) w. h6 H
   else {
2 N% u' L& V+ S+ w, C7 ~      yPos = yPos;
" B, e9 R/ q' @- ?7 j/ P3 r+ g      }5 F/ L. \- E$ R  n+ d
   }
) J5 I. X+ v* f4 ?3 v; |0 R$ n% P. n
function hidetext(){
2 W% g8 u& p  G! Lif (document.all)
# O4 ~* l& r. k% P2 Asupertext.style.visibility="hidden"
4 Y) U/ F# X' xelse if (document.layers)' @% i) u# y* \) f/ F
document.supertext.visibility="hide"
5 u5 e1 D( n. @6 N4 O+ q+ lclearTimeout(animatetext)% q6 @! x; q/ h/ \+ y
}
, h) S% w5 x$ R- b* i8 ~; r; x* B5 \2 T1 |- ^5 {2 b) ]9 U
if (document.all||document.layers){$ w" q$ c8 i0 o  a" d$ M' J# O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# y7 ^( t' S* V
window.onload = initializeBall;! [% A7 m0 d$ d. h
window.onresize = new Function("window.location.reload()");! C( y1 L: H6 q2 B; n' h
}
0 Q; \7 \' y, d. k9 F3 n. Q4 V! }! |/ J) h* q3 B# e
</script>