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

zw2004

<style type="text/css">" U9 y+ Z. j3 ^& K7 q% |2 }0 t5 e
#supertext {/ w) J" ?5 G& K
position:absolute;+ F1 j% r& W8 I5 `' H: \, ^5 O
left:0;
& `" b: `# Y( c5 [top:0;0 f' m: P1 ^3 x$ ]% h
visibility:hide;
- K( p* m" t* m; c5 r: ]visibility:hidden;. T2 ?9 P0 \  n' t7 X
}* [. T( Z# K  |0 i, h$ K; M
</style># u; I% Z# h/ n* R2 W1 z
<script language="JavaScript1.2">' l$ m: k* q4 _4 C! ^, x1 ?; {
<!-- 改变下的字体的大小。颜色-->) S( w( f. _) [# F4 L2 C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: u2 e8 E% ?# F: m- F- Y5 vvar hidetimer='';7 h/ t# ~2 U6 U6 e/ E- [- G
<!-- 改变下的弹跳速度-->& `$ x' k! \6 C. H' A2 h) |  s% `
var BallSpeed = 20;% I5 ~/ i) {5 Q9 E# c
var contentWidth;
& N; }2 N' p& ?) K' D6 P' x- rvar contentHeight;
/ D4 }, Z( j8 N. r2 X, D1 Z0 Y" Uvar maxBallSpeed = 50;
2 G7 f+ h+ A, ^4 o- H. z! f; f+ Q' }1 g. l4 C& S7 u
$ N4 r. M/ |' ^/ I6 m9 n! I0 u
var xMax;7 z! M7 U/ P% O" B( Z. C
var yMax;  C$ s8 p) ~% B* C! J' M
var xPos = 0;5 p" E) B& @& m5 [( P
var yPos = 0;
* C! m1 ^- w' q# g1 [' |var xDir = 'right';9 Q$ M# _0 d% |0 @8 |
var yDir = 'down';; Q. q8 y. x9 h+ J0 N4 w
var superballRunning = true;- Z1 p: f' t3 f( {6 k
var tempBallSpeed;
+ S5 D# ~! v9 o( i* avar currentBallSrc;
% G) X0 X' T7 o  {var newXDir;% ]! J! q% V0 P% p: }$ V/ B4 b
var newYDir;
$ Z+ I8 a. B. x/ U% [- u) n( p2 W+ n9 m5 R* n0 R
function initializeBall() {
: w5 o, x) k( V0 O7 l% r. f9 h   if (document.all) {
* J- D/ j# |7 z      xMax = document.body.clientWidth
2 s' d& R- V0 E1 {8 I/ W  f      yMax = document.body.clientHeight/ E5 `7 O/ W, ?8 y0 P6 D" f8 i
      document.all("supertext").style.visibility = "visible";
1 G  s! Y6 l1 }. V1 x! ^* M      contentWidth=supertext.offsetWidth; d% l4 N6 O9 L+ e, R3 r' I
      contentHeight=supertext.offsetHeight
, x5 ]6 X1 c* b& e      }
# }4 B3 a4 m; U" F   else if (document.layers) {
+ J3 w( }! R' F9 [; v+ }      xMax = window.innerWidth;
3 c  ^7 P* d  d( p- [0 B      yMax = window.innerHeight;
) s) x) Z& Q6 ~2 l, l) n' d; f      contentWidth=document.supertext.document.width
& ?# r+ {9 E, g8 t: k0 D      contentHeight=document.supertext.document.height
& \6 s5 X+ C0 m' S3 m/ n2 [9 `      document.layers["supertext"].visibility = "show";
. H; l  f$ Z3 H7 l6 ~      }& f- I1 s( z  i9 c
   setTimeout('moveBall()',400);  u+ L( O+ S5 H) i9 Q
   if (hidetimer!='')/ ]! P1 [8 C1 L0 D" @4 }
   setTimeout("hidetext()",hidetimer)
+ n4 w2 H0 k5 _) n   }4 J. ]# G) X4 q1 s  v2 B, T

, H* w3 M5 f/ H2 k6 Bfunction moveBall() {8 t5 i  H2 r' C# A% }
   if (superballRunning == true) {
0 ]6 A5 S& j4 W8 @% a0 s& b$ w3 i      calculatePosition();
' t6 o" X3 [& J" A: P3 ~      if (document.all) {
6 l9 b2 ^4 L, ]5 q" I+ f; Y, u         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 x  W- w& d; e$ `$ c2 u         document.all("supertext").style.top = yPos + document.body.scrollTop;
) S4 z: {9 _# J5 |( X. a5 Z. C" o3 c         }
3 C1 F9 Z4 [! Q& H- f& S      else if (document.layers) {
# j& M" {# e. `/ e2 C- x8 X         document.layers["supertext"].left = xPos + pageXOffset;
0 a8 ~8 k5 l" U' @; S6 ]5 i2 p         document.layers["supertext"].top = yPos + pageYOffset;
- S, D( K  O; B  M* G  k" p         }2 D. E' ]$ w. w% m5 u
      animatetext=setTimeout('moveBall()',20);
1 b  ~3 H) z2 j1 w! ^& V$ x1 ]4 [      }
- J2 I7 o" k, v; l2 t( A   }
( G2 V$ N4 p  g( y' X" m3 C/ j8 s5 L
function calculatePosition() {
1 Q1 l5 |+ K6 V8 t   if (xDir == "right") {
# Q( \7 l. {: q+ r' H1 t8 Z      if (xPos > (xMax - contentWidth - BallSpeed)) {
) n' N! j) \: C9 r9 }+ X9 S7 K         xDir = "left";
9 G/ C! X' k9 U  Y         }8 f" {5 M) U$ K6 e2 O; Z1 O
      }
. x9 q7 v4 E0 M4 v: a   else if (xDir == "left") {: v3 s% X7 O7 W9 S+ y; ]
      if (xPos < (0 + BallSpeed)) {
2 j: P2 Z0 e7 O% U0 C, L         xDir = "right";6 \3 X$ x, P' i- G+ \3 w
         }2 W2 n3 l; T- P+ o! G* ^
      }
, S2 ]% ?2 h1 B1 R7 @  s# K   if (yDir == "down") {9 `* O5 Y1 u  ~; T- u- ~+ Z
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 H! J5 R0 I1 o) B: D+ u6 f1 \
         yDir = "up";
3 i) c( @# v# V+ U# `! Y( G         }
3 D( K) B. N& I$ |/ X/ ~      }
; `7 O6 A  W3 b/ `" P' D" M( Z3 P* }   else if (yDir == "up") {
# v5 t" e3 K) A; p' }+ o' q      if (yPos < (0 + BallSpeed)) {% q; k3 P" J& o9 }% a
         yDir = "down";- w7 G) c# Z+ j, q$ K2 Q+ w
         }
' H3 ]0 ]4 @) L( C      }
; p" `+ K: J7 d* \, O2 @- [6 w& u   if (xDir == "right") {
( c- C7 _0 V0 j  c* W3 E      xPos = xPos + BallSpeed;
& O- a+ Q9 s1 Z8 N2 g+ V      }
, y* O8 w4 ~. j3 Y   else if (xDir == "left") {, ^3 B0 N5 @# t6 U8 }9 _& _. P
      xPos = xPos - BallSpeed;# _8 x/ U2 \: f% E
      }
7 c* G+ X6 A" b% |0 a   else {& r* u* i6 G* D) h' t8 s/ O
      xPos = xPos;
3 I$ w7 X9 l9 J0 [      }& k1 D/ [4 e* a5 X: l) ]( `
   if (yDir == "down") {
$ o$ I& k& X5 `9 w      yPos = yPos + BallSpeed;
7 O! U# W' R- B  ~% q% b      }
6 I' ]( l! L+ o8 ]! F3 x   else if (yDir == "up") {* a* x/ K8 P6 o2 W. n, k; X9 D
      yPos = yPos - BallSpeed;
5 U- X/ s' s; {      }
. X: l; [' d  E/ l   else {! `1 N& w5 X/ I  o& Q) v$ ^3 u, l
      yPos = yPos;
; ^) V- M* p; K% A% n8 M      }, j* _. O) C. i3 |5 [: T
   }& o) |8 k& J& g6 r1 d1 C) D

2 g4 E* V3 M+ M7 z' _function hidetext(){
6 v/ y( Z4 F" E4 t" p5 Dif (document.all); q' G4 C! Q1 c; X. C: H
supertext.style.visibility="hidden"
$ [2 Q8 g( P0 P6 g8 ~7 Relse if (document.layers)% f3 h# H1 K0 S/ Q6 Z' f
document.supertext.visibility="hide"; {; d! h$ \' B1 I! r) E: H
clearTimeout(animatetext)- F! L+ ]% N5 {2 e
}
/ f  J3 ~( D6 z( ]; a% T8 p8 j+ w4 R7 E& n4 r
if (document.all||document.layers){4 b$ o* r8 A& t6 G$ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% z) y1 r) z3 h! l. L. Z" A+ d  L5 Cwindow.onload = initializeBall;
* c$ F& v0 l  E: [! P. ^  twindow.onresize = new Function("window.location.reload()");
) X' C* |4 L1 _4 Y}
! X* c3 N# M/ w& b3 v; N% G/ G; W+ T
</script>