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

zw2004

<style type="text/css">3 t9 ?, z9 G4 z* |
#supertext {
' @+ B0 y4 k- j. a( k* Oposition:absolute;3 S" A+ d: Q6 E
left:0;
# d- s5 O9 u5 |$ Ztop:0;& Z) j4 Y. N" b- I
visibility:hide;
( u6 U: x0 E4 B) X7 J* Hvisibility:hidden;9 w/ g- |8 X. T3 X
}
- b+ z5 m, @8 F6 D* N  v4 _, e' }6 U</style>* \* w. m. i/ P; e2 \9 }
<script language="JavaScript1.2">
1 N* A+ s7 s& u4 q<!-- 改变下的字体的大小。颜色-->' p( ~+ ?6 n  O) H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ `/ U, w$ n/ G# V) E# E' D
var hidetimer='';
9 m& ?! F7 Q' z2 _3 s<!-- 改变下的弹跳速度-->, `  Y9 s8 J5 f; g6 w" Z" x' E4 c
var BallSpeed = 20;/ q9 P  `, H% [7 r
var contentWidth;' {7 k% j5 a) d2 L, E7 d6 Q
var contentHeight;
4 S) ^) G' S/ U4 C. S( cvar maxBallSpeed = 50;8 ~2 f. h) R2 u3 e* \

( K3 a! R7 Y  c# H$ J8 B8 N( P) Q7 V2 R* q* s9 w5 F! r. g
var xMax;# _9 K9 x# K5 A- X1 W* |: }" W
var yMax;
! a$ }. D/ o7 k, Mvar xPos = 0;; G6 n- H7 Y1 D
var yPos = 0;
8 ~6 L; |- K& {6 U( ^5 wvar xDir = 'right';, v% T5 ]) v, N3 a* _+ p: v% p
var yDir = 'down';% B% ]- g8 ^2 q, K/ l
var superballRunning = true;; o3 R/ F( i) l5 C; s
var tempBallSpeed;% q$ V2 Z) V2 G7 P
var currentBallSrc;
5 `# C  d3 p+ B# `; ?  g& jvar newXDir;
6 M4 \. N3 P+ @9 L* i( k  v; Evar newYDir;
8 F3 ?+ A# p! G/ b2 f. a
, m) Y/ C" m& _& R( r6 Mfunction initializeBall() {
- T. D/ J% w/ q2 }: r5 V   if (document.all) {/ R5 [7 L9 P& S' e6 Z1 U1 p
      xMax = document.body.clientWidth
  K5 `4 V/ s* d9 Y& ^      yMax = document.body.clientHeight* L1 P4 e: W9 b5 t. ~+ @
      document.all("supertext").style.visibility = "visible";9 ^7 [# M) h. j  J# j3 t
      contentWidth=supertext.offsetWidth& V; j/ f# C; O
      contentHeight=supertext.offsetHeight/ s) M6 [/ Y! F! d: h( S* c
      }2 G& d! b! e/ Z. W: z( m
   else if (document.layers) {
, |  F, q. m/ c% h4 S      xMax = window.innerWidth;7 D6 `% V6 v# A% T, o( `
      yMax = window.innerHeight;8 M8 B  H" c2 K1 R
      contentWidth=document.supertext.document.width2 J. @9 R9 A& _* N) |
      contentHeight=document.supertext.document.height9 Q/ R* H$ g5 [
      document.layers["supertext"].visibility = "show";
. |) ~- m! ~/ d5 n6 D2 }3 |      }
* |5 J  `# k. V! j$ ^% \   setTimeout('moveBall()',400);
, g/ r- R8 A- E5 G$ F  L   if (hidetimer!='')
% S- A& Z3 ~; [8 u/ k   setTimeout("hidetext()",hidetimer)2 h; R( k  T0 L1 ?5 {& h
   }
$ x: q! N; n, w' j% k/ l$ `2 A
- y% |5 p  G0 @& Ffunction moveBall() {
) B/ v: D9 @' H/ _4 x2 g( C   if (superballRunning == true) {4 h  g  p# n5 l) X, N8 z
      calculatePosition();
0 b) O; I0 ?# [, Y: f+ o, j      if (document.all) {
* S1 u" b& |' f7 G% ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ M/ ^" c: e7 C! B/ T7 U
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 p9 J4 h2 ^- G) t) Y0 S) Y- Y
         }
) }8 h9 b( }5 N( c      else if (document.layers) {! @3 P0 ]6 T( G8 J, P+ r# R
         document.layers["supertext"].left = xPos + pageXOffset;
/ _: u, \6 W  v2 m! A2 W9 z         document.layers["supertext"].top = yPos + pageYOffset;9 c  K& Z0 S& c5 b1 k% A* x
         }
2 w4 d  J! ]* [      animatetext=setTimeout('moveBall()',20);
# T+ ^+ u5 y: N4 r" m* [# k. ]; I      }
5 ^0 y# b! c0 B( i- g   }: i3 C0 q; d: k) x) U

, y+ d: Z% m) G& H' M) V& _7 d6 l' bfunction calculatePosition() {
2 ^  `0 U# O& V   if (xDir == "right") {
0 U- ]2 @1 s/ l5 p3 h      if (xPos > (xMax - contentWidth - BallSpeed)) {
) ]3 `. R3 P/ Y0 N. w+ c4 G         xDir = "left";
; o$ `' M% I+ Y; T         }6 q2 d) C% j6 ~
      }7 Q9 O& k6 C$ a5 s% o/ c+ d+ t$ {
   else if (xDir == "left") {$ L# i" m8 ^3 p% A
      if (xPos < (0 + BallSpeed)) {/ C- ^( g1 }; B! o
         xDir = "right";3 i, s& @0 C: I; }  j8 O
         }
% @$ C3 \* z) V* F9 t      }
( o1 C, P7 X$ I, t9 t   if (yDir == "down") {
) i9 ~/ A  Z. r- W      if (yPos > (yMax - contentHeight - BallSpeed)) {
# G8 g8 ~' N! Z- j" m         yDir = "up";- H: I. {1 }8 L, v: f6 ?! U: b
         }
( U% i* U. V7 m2 ~* m7 A5 \6 @! n      }
9 _- w$ S3 e' r" V5 h   else if (yDir == "up") {
! j8 t9 ~: m! b2 K, J- w6 H      if (yPos < (0 + BallSpeed)) {2 R, r) K3 G1 ^2 u  T, N3 p
         yDir = "down";. a9 w, D; P/ a8 z* @4 u8 ~1 l
         }
7 h4 V: y2 P3 P1 z      }
5 J% e8 W) R3 ]% u# \' ?0 a9 A   if (xDir == "right") {& M# E8 n8 l9 G' o, R/ U
      xPos = xPos + BallSpeed;
% w3 l( s0 Y- N, ]* v. v5 g1 ~      }" _- ^: u4 V2 ^
   else if (xDir == "left") {
0 ~+ y0 e7 ]; x: f$ d  P! a      xPos = xPos - BallSpeed;& J6 c! ^# G: N
      }3 M& x4 [! o% R1 E7 d5 x& U& G
   else {
0 R' ^, Q! d2 ]$ X2 |( g      xPos = xPos;2 Y3 ^0 W) ]$ b* U# S9 _) d
      }
# w6 _1 Y+ X: _  J: `   if (yDir == "down") {
; s' T) y: _. E; b7 J6 a8 L' B( G      yPos = yPos + BallSpeed;
4 h% ^7 J. B* L2 \3 O  x5 }      }/ e2 n6 w+ ~* f$ B; r6 Q
   else if (yDir == "up") {
. k* H8 c" r# f% o, Y: B, T- d      yPos = yPos - BallSpeed;- O" q6 s* V" y
      }9 \$ Z8 x" o& i7 n
   else {: D/ V, S6 {! v2 M! z' p$ M, ^
      yPos = yPos;
, N$ C$ |, C" p8 w* Q9 P+ t      }: L; G' s+ |% Q# T6 |
   }
. _) c& g, A+ m: i" ?# G% Z$ E7 u) @3 j( \& l
function hidetext(){4 t# ^$ F( I9 Z" n
if (document.all)
' F/ D$ j$ n" e8 Vsupertext.style.visibility="hidden"$ f( G2 `$ y4 P3 z2 L! L) N0 @& o- Y
else if (document.layers)
' f) z- V+ ^) r/ J' a+ x4 Ldocument.supertext.visibility="hide": E& w0 F/ m/ r# D
clearTimeout(animatetext): }) n+ X- m! F$ X( E" U. E
}
) p( Y3 _. |, p$ x1 I
8 n8 r5 e$ z1 \9 J* H; m, X$ _5 L3 Zif (document.all||document.layers){
+ j; ]5 O; L. u  N" e8 q4 ~, F: w1 Z/ Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ Q! c2 ]  ^2 ?% l
window.onload = initializeBall;1 H  H6 W! Q* r
window.onresize = new Function("window.location.reload()");
* f  ?) U8 n: B% s, v! {}; k( r3 t  O& d0 f8 |7 t9 w

* P. H( G! [9 @: {! g( M</script>