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

zw2004

<style type="text/css">
/ M6 l9 S; `) P8 {: k7 G#supertext {/ a1 ~# D- q* \0 P" x1 y
position:absolute;& c9 p- \& b2 ~# e* `
left:0;! C) s( {  A& `" z  m& Q
top:0;
- T( s* i) b, F* B, h( q) S2 fvisibility:hide;; k' |7 F* h( A
visibility:hidden;
1 h; B8 D" O5 Y) M) l- O4 B}4 N2 v0 m' [/ M4 Z% ?
</style>6 w; w3 {! A" v# H: w* u
<script language="JavaScript1.2"># J& T% [! ?5 J" d; o4 m
<!-- 改变下的字体的大小。颜色-->
+ g: Z3 x& Y, c7 Z0 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' p6 [; E( }1 ]& d
var hidetimer='';$ Y% \$ P. P# j, H$ \" z' i. ~$ ?
<!-- 改变下的弹跳速度-->* ^" _& j, o+ Q9 ?1 _
var BallSpeed = 20;% N$ j" e4 Q& l6 _" T/ ^3 [
var contentWidth;
4 m, ]4 O! t* V  a. ?var contentHeight;9 u- \; e" B7 }- C3 \/ _, m
var maxBallSpeed = 50;3 `8 X6 p/ V( A. }; d2 u. U

& Q6 D$ w: a: g/ n; n4 d/ C5 k, S1 c  K" I0 M! n9 s
var xMax;1 x2 B, O& Y6 K
var yMax;3 K2 ?3 \9 Q& H
var xPos = 0;
6 L5 B+ w; [+ ~4 \var yPos = 0;
  c1 D+ H! \4 Z0 P6 a8 q+ V7 f! nvar xDir = 'right';
8 ~3 M- U- E& m" Ivar yDir = 'down';
5 i. x, X9 L( ]5 d! fvar superballRunning = true;9 \1 _% n$ O: ^: q8 p8 P
var tempBallSpeed;
" U* Z+ h3 W! j# B' S+ kvar currentBallSrc;
5 a; D) j5 E5 V: n" {var newXDir;$ j. g2 ]! L8 o; s* G* c
var newYDir;8 l, u& K: O7 R5 X, u( @, J. L# X
; L8 t# m! _7 m9 F: B# ]
function initializeBall() {
. z8 a: G5 w4 e2 X' |   if (document.all) {
1 D% s. b# k% A1 D( b- l& N( y      xMax = document.body.clientWidth
/ R5 j0 u' f/ \# V' U      yMax = document.body.clientHeight& P" G3 f- ]5 n4 W0 s  g
      document.all("supertext").style.visibility = "visible";0 |) e$ ^9 s3 k& I+ Q
      contentWidth=supertext.offsetWidth
, m2 [7 S' K/ s3 Q( J1 @! C      contentHeight=supertext.offsetHeight0 o# r3 k; M2 i; W- X1 p  g- |2 ]
      }
5 C8 E& e9 m' _5 ^3 i   else if (document.layers) {" S3 p( }) s6 ?% J
      xMax = window.innerWidth;
( O$ w# L$ V3 `! k      yMax = window.innerHeight;
! _" m3 V) h+ Z3 Z, ^3 k5 }3 O$ U      contentWidth=document.supertext.document.width0 J, Q, V. q4 \1 H- y! a+ H
      contentHeight=document.supertext.document.height' Z! \- u( L- _; O# S! h
      document.layers["supertext"].visibility = "show";
# c$ K+ u0 Q9 y. |1 _1 D: x/ \9 t      }
; n* f/ _; A& z; k1 s   setTimeout('moveBall()',400);. t& V5 q" y9 ?% w
   if (hidetimer!='')
! a3 i. \, u% V   setTimeout("hidetext()",hidetimer)# h& }* s4 c! G6 q' g9 w4 n9 y, p
   }3 {) D; i# z' i5 A* V6 K
- c/ D4 F5 J" i3 e1 Q% x
function moveBall() {
8 R' ?7 d3 R2 l* y- j, T" E   if (superballRunning == true) {
! N  e- g* P  B      calculatePosition();
' t' \/ [( }0 ^! k$ n      if (document.all) {& b+ W2 j4 k" G- N1 N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, I' P% a! @( B' w. l
         document.all("supertext").style.top = yPos + document.body.scrollTop;' P& Y& c" P% I
         }
1 ]" A1 g% U' A1 M1 u2 ~6 s7 i      else if (document.layers) {
/ W6 B. g* g! W; O         document.layers["supertext"].left = xPos + pageXOffset;2 |/ d" G3 c- _7 ~5 t  V
         document.layers["supertext"].top = yPos + pageYOffset;, R* z% `( z/ F
         }
) k" e- G  u+ j      animatetext=setTimeout('moveBall()',20);0 e( F3 I1 d% L
      }
1 ?0 h! H% d$ B* A& Z" f   }5 O2 U8 n% b( k" f! ]- N
; w6 v- _, O6 F! X# L& C2 b
function calculatePosition() {
3 q& V" v; m1 k0 Z3 E5 B   if (xDir == "right") {
8 V% o$ i: G7 J! C      if (xPos > (xMax - contentWidth - BallSpeed)) {
( a) ]2 i* \7 R% C9 k         xDir = "left";
, f4 Q0 J2 m% Y( F& i. b         }
$ R5 E& x( B  v' c      }, M' h) G5 m* J
   else if (xDir == "left") {
! L& m0 i1 r" P* |+ T5 w. L      if (xPos < (0 + BallSpeed)) {$ e8 D) ?1 P; I4 V6 f, O0 [
         xDir = "right";
0 v- i- W+ E& G  e! M0 N3 Q: {         }7 v, g( {0 {; b
      }
! w; |% j) U3 k0 k# I5 i3 ?0 C0 N& n   if (yDir == "down") {
4 c& ]: t+ ?' `- b( S7 I3 D  u      if (yPos > (yMax - contentHeight - BallSpeed)) {
" f2 j* j# D9 q4 ]         yDir = "up";" d' m% Y3 C5 h6 {# ^: F
         }
' J0 O- n8 ]" k6 v      }! E9 A3 S5 h' ~; i
   else if (yDir == "up") {
3 A3 ~7 D) k1 L0 P2 M  u      if (yPos < (0 + BallSpeed)) {6 K5 ]5 D( u, [5 K8 }
         yDir = "down";" k0 o* N% t; t' V7 J8 U& v( ]
         }  I( u% R9 X5 c& h9 [
      }
$ d. Y+ J2 \8 G; `  O% F   if (xDir == "right") {) f+ v" \: x- N" K+ N0 n
      xPos = xPos + BallSpeed;
, X' {5 u1 I4 D4 k      }& H( l4 H$ i; j4 N6 k& ~
   else if (xDir == "left") {0 b; q5 F4 u* X  R2 Y8 d# {2 I
      xPos = xPos - BallSpeed;
- `8 A' ^( k! H. G# |. M      }
3 @1 D9 _- U0 I, R# N0 Y  Y! c   else {- _5 Q0 t* ]8 s
      xPos = xPos;% _$ u* r2 f8 r+ l% A- d. _
      }3 \8 [$ n0 S0 _; n% q% G
   if (yDir == "down") {. ~* }8 }9 S: ?- X0 s
      yPos = yPos + BallSpeed;* f6 `0 l: \1 Z) Q: f
      }
. {! ]) x: E- }6 c   else if (yDir == "up") {, Y) ?2 u) w. G/ I: J
      yPos = yPos - BallSpeed;' A1 P+ N+ c1 W
      }; ~, Z5 n  T' R
   else {2 R: N% l4 z1 b' m% r; }
      yPos = yPos;! R2 k5 r% U$ ~" Z( y% u& ?, N
      }4 h- G1 S$ r# H
   }
% q6 J/ p" c. m
) [' T3 c4 w0 D7 [; efunction hidetext(){/ \6 r3 [4 A  P6 e  i2 N6 L
if (document.all)- a* R2 G4 n  H: B! z
supertext.style.visibility="hidden"
' p, E$ Q8 g$ W2 S7 b0 ~( Pelse if (document.layers)$ W5 R1 X3 n" E& z$ c4 ?: |/ s3 p
document.supertext.visibility="hide"& P0 Y' f- J. q1 {1 e  ~' o
clearTimeout(animatetext)
: e8 U! S6 {2 ~: n; N: |9 w}' p# T. Z" g* h$ c. x+ ?
) Q8 {  ^% w3 z& R
if (document.all||document.layers){6 ]; Y0 B$ G2 j* o) r% L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! ~/ z, O1 `( m  o) J# mwindow.onload = initializeBall;
( I, s) p- ~5 p9 ?" ywindow.onresize = new Function("window.location.reload()");
4 z3 ~. A; \2 C. h- \" _4 ~9 G}/ M% L( v* F* j5 D

* v# O% r" u; G) {  R) K0 s) q5 J; B</script>