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

zw2004

<style type="text/css">
5 ~( W2 h% g: Q, m" H' P#supertext {" b/ x( C. G$ }
position:absolute;
9 f4 M: F  ?* R0 j' J: V2 E% [: fleft:0;/ o9 D2 ]6 j2 B
top:0;2 r+ u1 o& N$ L. W$ [
visibility:hide;
) j( D: t7 u1 O! i* o; Y* T% ~( \visibility:hidden;/ h4 [- r0 V& ~. v' v
}' ~8 l1 {) V  S/ ~# F
</style>3 {( D+ y- q9 y1 S# N+ ~7 U
<script language="JavaScript1.2">
% ]+ ^4 `- i; ^3 z  l4 N<!-- 改变下的字体的大小。颜色-->8 k; V* g4 ]6 Q. [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" y2 T& ]& \3 m7 ^
var hidetimer='';2 ~+ A8 G! D3 e" z
<!-- 改变下的弹跳速度-->
& L* K3 k8 i0 M; S  c/ i' Ovar BallSpeed = 20;. l6 T8 v# P1 e
var contentWidth;  P% e6 L1 c* a+ b$ ]
var contentHeight;
0 T: N: C! B- [' w) k, x0 [& Ovar maxBallSpeed = 50;* R2 Y# @5 i" N: h( }, A
0 I; Q+ }8 r/ [- w7 K
' F$ Q3 i7 y+ w9 H6 [# a
var xMax;8 L$ Q/ A* S  ]1 x. L6 T# D
var yMax;! T, F; u& R1 G9 s$ X4 h0 }
var xPos = 0;
- T1 g5 i: V- y8 t$ T5 u6 t, fvar yPos = 0;: w3 O  I$ B1 T8 t
var xDir = 'right';: j& I3 J, f1 M; E
var yDir = 'down';
+ Y, i2 A2 @8 k6 ~4 d3 `1 L- Hvar superballRunning = true;
; ?9 n7 A8 h% `5 \4 @, s1 i6 @var tempBallSpeed;7 S) E5 Z6 r! h, F" K9 @; D
var currentBallSrc;
5 S* o- K6 S! U% p) c* j' Jvar newXDir;
! m- g2 m5 o: d  G: |0 Evar newYDir;
7 n7 \( W! S, h' x$ e9 o
+ x: n+ f% n8 b; X1 c3 I& J" M3 nfunction initializeBall() {
) L# e( M2 V8 x! q& c5 K. N   if (document.all) {& b9 G1 m* S+ a. A4 m  C
      xMax = document.body.clientWidth+ M" Z( k3 C5 n0 V5 z0 _
      yMax = document.body.clientHeight
9 |- v( I. _( @; E: @* y      document.all("supertext").style.visibility = "visible";9 z: ?6 W- w3 Y8 g- \& a
      contentWidth=supertext.offsetWidth0 E( I- @; O/ X" o1 f
      contentHeight=supertext.offsetHeight
8 ?0 V0 o  c& A1 N+ b      }7 [" G& U, ~: T# {4 d8 S4 w# Z
   else if (document.layers) {
: D+ C9 A/ m" q3 B* ]      xMax = window.innerWidth;
5 K+ m* c2 K3 `      yMax = window.innerHeight;
! R+ l' Y3 i2 R1 R5 r      contentWidth=document.supertext.document.width9 S  E# J# j& h/ l! F3 }  G5 ~
      contentHeight=document.supertext.document.height
3 p, R4 l" O, ]  ~      document.layers["supertext"].visibility = "show";
) Z6 [" m$ Y! n+ T' J9 c; ~8 P      }
; q* M0 _5 O0 l) ~+ R, c9 a   setTimeout('moveBall()',400);
! U$ G6 H5 Z- A5 T; f   if (hidetimer!='')% V% ^: X9 g$ `. G% E& k
   setTimeout("hidetext()",hidetimer)
3 u% Z' H" G! t% i. s& {4 f0 @   }
: Y( D: b6 O) m# F
. q6 D8 p# @; u+ X5 E2 Q, afunction moveBall() {
" h# F) H1 n5 v$ T1 l0 I, Z9 ?   if (superballRunning == true) {
, y7 T8 z% u* v! S% U7 i- K      calculatePosition();
+ `) g  E5 u! Z) V( M( R; S      if (document.all) {5 @3 b: Z( o9 Z! a, k+ N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ B3 A# Z$ s7 L: I2 o& t         document.all("supertext").style.top = yPos + document.body.scrollTop;9 J1 ?6 O6 p0 f
         }
; t/ g0 W" g1 g/ ~3 p5 f      else if (document.layers) {
2 F1 N& \& j0 Q$ N         document.layers["supertext"].left = xPos + pageXOffset;( R* ~: u1 K2 V
         document.layers["supertext"].top = yPos + pageYOffset;$ @# T+ t' {) I) i5 Y" K1 N! [
         }
3 N/ L% d/ c! u! {0 v' D( F, b      animatetext=setTimeout('moveBall()',20);$ D8 N6 t: K9 r3 a* i% ^: x, A
      }( d1 Z! w+ l/ h$ d6 A: P
   }: G! Z$ ^2 m; f1 C8 W

/ V( v8 @9 A1 r4 t9 J* Ifunction calculatePosition() {
/ W! a* Q) X7 J- J   if (xDir == "right") {& n  u- H' F$ p" W
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 H( C% E4 `: [+ i1 H9 c; T
         xDir = "left";
- o5 c7 W) r0 N! k         }
8 K. {2 [7 x, K; ?6 D! \      }5 z0 n& E- D# b6 h6 U+ F8 O. f
   else if (xDir == "left") {
4 |  l' C9 V( L/ A7 |3 C0 _      if (xPos < (0 + BallSpeed)) {) S- O( o5 t- h/ ]
         xDir = "right";
/ s5 v/ d. M& W         }
+ a( ?, G& e( W      }( x# ~/ w, Y" z% Q' ]9 l* K+ x
   if (yDir == "down") {* B9 ]: |8 T: B
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- k( H' \  u+ j4 }         yDir = "up";5 B( |# u) Q! e) z% c2 @
         }, l0 D' D5 x& {
      }+ p# ~; J' `9 [* }( ^: y, F
   else if (yDir == "up") {
7 O- d5 }1 B* E; `, T/ @6 }      if (yPos < (0 + BallSpeed)) {" I% S5 T" D- c6 Z: B
         yDir = "down";# d, m& A& ~' H( l: l2 G7 J& R
         }5 E" J8 ]7 |% ~; r
      }
/ f: X' F$ G1 h) ]$ N2 k   if (xDir == "right") {: ]& z& G, t# r
      xPos = xPos + BallSpeed;5 c6 v" y$ _& U' r
      }$ U5 E1 y* n7 c) n
   else if (xDir == "left") {
8 ~& z/ `1 x. L$ _      xPos = xPos - BallSpeed;% j9 T# J$ z$ G8 k  ]$ B  I' z8 D
      }) y" \0 |+ ^# y, e
   else {
. ^$ Q* [% [5 p0 j" j; P5 q# r      xPos = xPos;
3 Z5 E3 x9 H7 x" l/ T      }( l( B. k5 [0 A9 [0 K5 t
   if (yDir == "down") {9 P- m1 S3 h' I- f
      yPos = yPos + BallSpeed;3 Z% E- V# i5 j4 V, N" E
      }
0 x/ s- S& Z4 N* ~3 Q" n$ L* _   else if (yDir == "up") {  u+ s  e4 ~# {- K9 {' T
      yPos = yPos - BallSpeed;
( ^8 A) G* V1 W4 Z9 s  t      }7 [! P- l( h+ F+ h2 W$ k0 A  b1 G  N
   else {1 H4 _. U9 N  [2 p) |, C
      yPos = yPos;
) a' Q7 G4 J9 ~1 ?/ d      }
  g( _9 o% S$ H8 ]   }: {( r% |1 K& [) e+ J4 s2 m
; @4 |: d: l) S2 u- Y$ ~
function hidetext(){
) v4 D9 D- q  k. @% s: _if (document.all)
; z  S, f- g6 Dsupertext.style.visibility="hidden"
( H$ [) {; a# t$ J, H+ zelse if (document.layers)
7 s+ ~. B5 H5 u2 w3 u; N  Z- Idocument.supertext.visibility="hide"* h! ]3 T  v9 d2 P" G
clearTimeout(animatetext)
  ^6 e6 R' d8 t* w5 [1 E}
- v9 M; X, d$ i/ w" C
+ ?: j% k0 a/ A& T4 G, ]+ s( fif (document.all||document.layers){# g1 z' R2 v4 L: Q" X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 ?" w3 D0 j/ |* R9 d; _window.onload = initializeBall;9 _2 P1 L8 ^+ ]1 N+ v, s/ u* a, ]
window.onresize = new Function("window.location.reload()");
+ M$ F7 \% k! b4 o  M2 o}
4 x# W7 ?- k1 l8 _) Q& e9 F  A
$ _, {( h% f* v. p5 A</script>