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

zw2004

<style type="text/css">6 f  U+ \" S( }2 u5 q
#supertext {
  `7 B3 @4 j+ u9 V# ?position:absolute;4 e. F; B0 X# Q; Q" m$ l
left:0;
( @  ?+ O% r& Mtop:0;
1 a6 C6 L. L1 }0 ~/ I- w# Z& tvisibility:hide;% Q( W8 k/ O  N6 }% ^
visibility:hidden;4 z: ^, m4 i  I, S7 i! M" V6 j
}
, {/ j$ B) r0 Q/ q5 t2 x</style>
3 d8 r/ J$ y+ E<script language="JavaScript1.2">7 H2 k6 J* R  u! a; g$ n4 x2 a' C
<!-- 改变下的字体的大小。颜色-->$ s5 p2 C5 S( V; y3 F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  L6 C* i. v' Z/ j' e5 A* B& I; E# @var hidetimer='';
# Q! S# E5 J& [0 h5 q  w) Z<!-- 改变下的弹跳速度-->
5 j, X! `; `4 f" e5 tvar BallSpeed = 20;
( l' Q9 y6 ~; `! |6 I3 _3 Lvar contentWidth;
$ |! U/ c8 G, ^  H, Q  J& N/ tvar contentHeight;: E2 Q( v( s" \: r: m" ^& y7 l
var maxBallSpeed = 50;' ^6 V0 U# R& C+ [9 D
: s! E$ T" L  o) y/ e( u. A

, X) j+ [2 e/ m% f. d! cvar xMax;' G% |3 S3 x# I6 u) m
var yMax;/ ?' y# x, S5 g' f
var xPos = 0;7 E  B- C. o9 A
var yPos = 0;
4 @7 B: k4 {! x1 d: r0 [var xDir = 'right';
4 ]$ `* |- n3 a$ {var yDir = 'down';
1 T8 I2 e7 o' n5 @5 zvar superballRunning = true;
6 {' w" L: n, A3 q0 F% dvar tempBallSpeed;4 o- B1 t. q8 [. p. G
var currentBallSrc;
3 e4 B7 U! b1 u+ I9 L# I+ ~2 Jvar newXDir;
( u& q" b) X& K8 dvar newYDir;
: V% g5 ]8 @+ Y& f5 T. ^/ E9 i7 J5 g9 I$ D7 v+ b5 \* ^- C( [
function initializeBall() {
* ]( c$ O7 S# X: n% g   if (document.all) {/ |( a4 Y$ J2 p& Z5 ~3 B: V
      xMax = document.body.clientWidth) C; i9 }  W3 p6 ~# g& \7 F
      yMax = document.body.clientHeight( v/ b+ O$ [8 y+ h# F2 e
      document.all("supertext").style.visibility = "visible";
9 [7 k9 V! F5 T% g4 H- |. W) Y, b      contentWidth=supertext.offsetWidth
$ N$ N8 o5 G6 K, W% n: B4 ]1 s  b      contentHeight=supertext.offsetHeight2 W8 h8 I* k& J8 S/ Y
      }
& k3 c2 H; R) T0 G% g   else if (document.layers) {
- u$ ?/ L5 V" p5 W' G      xMax = window.innerWidth;# U. A) R' R; Q# U3 U
      yMax = window.innerHeight;
6 ^% _5 Z! `) r4 `0 K. \7 p      contentWidth=document.supertext.document.width
( v, L8 ]! }6 i" p6 V. t      contentHeight=document.supertext.document.height1 @( T1 |8 _/ F0 f  R2 ?/ X* \
      document.layers["supertext"].visibility = "show";
1 H/ E0 W7 _3 j" a      }
% E# `( Z! Z6 `' x   setTimeout('moveBall()',400);
  ]* k% V" y6 g9 n% N   if (hidetimer!='')7 a* S4 S; U+ g' ^& _' o7 W
   setTimeout("hidetext()",hidetimer)
7 m3 F% e9 u7 r4 F2 p: ]   }
3 O6 s5 f1 N( r& J3 M' f* J1 E; P7 A2 u& C! U3 ~4 q) o2 s: k# f2 J
function moveBall() {" y% v- N4 F, g# u; i
   if (superballRunning == true) {: r* m$ v- J+ U2 @" N6 Q4 P& X+ H& Z
      calculatePosition();
4 Y" ~8 Q8 @2 @% z. o      if (document.all) {
6 Q% W; R5 Q( w# Q" j# x2 W: ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ k% r9 `- j0 Z* x* \
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 V* s) z' {  j
         }
) T; |: u( T5 y2 T! r' f      else if (document.layers) {( k" q# i% Z$ f; M  Q! x* C+ s& O1 ^5 F
         document.layers["supertext"].left = xPos + pageXOffset;/ I) {/ q0 z" J- L/ A0 K6 X
         document.layers["supertext"].top = yPos + pageYOffset;; J$ P/ p- T7 [' y  K
         }
' i. Z9 `+ c6 {& s& r      animatetext=setTimeout('moveBall()',20);
% {; ~. Y7 Q* V5 H2 H4 G      }
! L2 K1 m0 H2 S   }
8 B3 f% ?8 {4 X0 M. L; h4 F# l; s+ {
function calculatePosition() {7 U  K( T: }4 f# u- s" u
   if (xDir == "right") {2 b/ g  W/ l3 y9 b: D
      if (xPos > (xMax - contentWidth - BallSpeed)) {' _7 a4 ?# W( `  k! g0 R
         xDir = "left";  Z3 y( c( J9 ?( x
         }4 f; z0 F, x0 |; j. [5 M1 L
      }- s1 X2 s. S( x4 ^( u
   else if (xDir == "left") {
3 E& n' j/ n/ S, o+ i8 D) {      if (xPos < (0 + BallSpeed)) {
5 o) X- }0 w% W3 Q& D6 }# _6 z% B         xDir = "right";
- f& T. f6 q0 t# ?0 t  G# `) q         }
' L- c0 b! h2 Y4 f8 g9 ?0 G/ l      }
! u) k) z+ ^7 H- E   if (yDir == "down") {
# B( A; M+ ~9 h1 V" P9 k5 o8 Y      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 H: B: M/ l( @  q1 ~         yDir = "up";
- ~+ y5 n; }# O, y; T         }8 B: T3 o) b0 r- s; M
      }
5 e. V& F0 R' [; M+ |, A   else if (yDir == "up") {
3 E3 _( F( H1 ]4 X! k      if (yPos < (0 + BallSpeed)) {
. O% {; o  c$ n  W( d' E) D         yDir = "down";* p. m' T) f9 U1 o7 J% ]# s
         }2 g: O, ]0 v6 m" l$ w1 N
      }
6 B1 c! J& K1 w3 Z   if (xDir == "right") {( U3 i) b" L0 R( C! J& D% q  |
      xPos = xPos + BallSpeed;
4 p2 u0 t& N6 Z# k* ?8 \      }5 u( u' Y- y' W. f9 c. m1 K! l
   else if (xDir == "left") {4 [- E) ~& c1 q( P9 S5 T: z- K
      xPos = xPos - BallSpeed;
5 l" G8 L% F. y5 v* d9 F+ m2 s( b      }
+ S& d/ e+ N6 `. I   else {. Q! R8 @6 \( D6 U. i$ w
      xPos = xPos;) V% k. Y' z; u  z
      }
5 Q7 T5 }; s1 A1 d% L$ E* f. L1 H   if (yDir == "down") {
2 i4 h) ?6 w! l# w      yPos = yPos + BallSpeed;
. K4 e3 P# M  b& @2 y/ C5 B      }1 ~, z( ?- m/ G4 o( `3 I
   else if (yDir == "up") {* L1 ~6 ]% S) i
      yPos = yPos - BallSpeed;, q. v* z0 }' n4 @
      }. E6 a! ^6 t* Q$ Z+ G4 [) Y
   else {+ G, [5 t. S8 \) H5 `" |
      yPos = yPos;. a5 Z" H% ~8 J/ K8 `% ?9 [) r
      }
$ F9 c3 M! n: s" N- o* B! O   }
; N7 T0 U' S) ~" w+ V7 @
5 P1 u' m# \6 ^function hidetext(){3 ^8 e0 {2 n# _; M9 E
if (document.all)! R7 Z/ O3 ^- ~- M2 j8 L3 F
supertext.style.visibility="hidden"! U  E, Q  X3 M
else if (document.layers)1 P- Z& ~, f/ B$ T+ \1 t
document.supertext.visibility="hide"1 Z6 P) v1 U5 f- z& q2 d
clearTimeout(animatetext)6 K$ o1 G, e+ @$ j
}
- S- P0 ]+ H5 d' W/ M+ i9 f" V1 c
& T' f6 M* m  z& ^$ Cif (document.all||document.layers){
6 g# p# C: F* V+ m9 m- H7 T& `document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, i1 }- V3 M. y7 lwindow.onload = initializeBall;
# A+ S* z. h$ n" ~' \( ], xwindow.onresize = new Function("window.location.reload()");/ S9 n$ `3 o9 e2 p5 x9 C' y5 Q
}5 v! }/ K; ^) C( z" v+ s3 R

: c$ M! M0 D/ C, l6 c, s: c; P1 I8 Q</script>