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

zw2004

<style type="text/css">
/ Z) p$ t  r' @9 U; S6 H' n#supertext {
7 _% `. h: q$ M1 ]position:absolute;9 \' i) E: j8 H# C+ ?7 K1 P; A
left:0;. o& X7 B$ g9 X
top:0;
9 K7 d9 ^7 l( v6 H- y4 g) Uvisibility:hide;
$ Y: M7 J( b7 t+ `2 M; c/ ivisibility:hidden;
9 e* U$ e# q* t# y}% b0 u3 {% o: X& \2 [2 K
</style>
4 O9 f& o! _' }7 B<script language="JavaScript1.2">
* _0 m* X' W* h/ v2 n" y/ n<!-- 改变下的字体的大小。颜色-->
. P0 \8 S! `) ^" g6 i" gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 R. W& N. n, }
var hidetimer='';
1 p; h6 z( w& Y9 t/ f8 O<!-- 改变下的弹跳速度-->
4 g2 P2 ]3 W2 ]8 b) t# gvar BallSpeed = 20;( W+ w* E) K) `. R/ t2 {" C
var contentWidth;
- _( r* e4 E7 lvar contentHeight;, d: D1 Q6 X# n& G1 j. O) a
var maxBallSpeed = 50;. a2 c* D6 J/ l7 j- q* j

" L. F3 e% p) x# ^9 L/ {( o; y! e
0 d5 \$ q9 ?) G, `. v- v1 Q5 yvar xMax;  X8 G" d# q" Q/ \
var yMax;
" @/ `8 J, V9 u" N2 b7 t8 z; b; Nvar xPos = 0;
' }( n  u( h! Svar yPos = 0;8 P& ~0 D  D  c+ l
var xDir = 'right';
8 {9 p5 P1 X5 \9 cvar yDir = 'down';. u8 f, Q( O8 x; ]8 H
var superballRunning = true;4 F( N+ E7 I( b$ O  i2 \6 ?: G7 Z
var tempBallSpeed;
( x5 @, u- _. ?. G- nvar currentBallSrc;
3 v1 ^1 b3 a7 w3 _, w! g8 k1 g8 i' tvar newXDir;- Y5 Z% |/ F5 a# M2 H' ]" S
var newYDir;8 D& d( t( U0 J8 W: v

& u3 \2 m$ O5 F; H8 ?$ kfunction initializeBall() {- ^- Z9 [+ c$ \7 a2 d
   if (document.all) {
7 _+ b% J  l* q: _2 k      xMax = document.body.clientWidth
8 n+ N8 p( D3 {$ ]" y6 f! F' U      yMax = document.body.clientHeight
6 h2 ]+ U% y4 s: q; W      document.all("supertext").style.visibility = "visible";
" m+ K* l$ A/ K* ?. `      contentWidth=supertext.offsetWidth4 g+ e& l* C0 u& K
      contentHeight=supertext.offsetHeight$ a- P$ y* J, U9 ]
      }" H8 v! N: i7 s1 V
   else if (document.layers) {' b/ L7 ]$ I5 ^
      xMax = window.innerWidth;8 F; X' h% m$ {* O; T/ P( l
      yMax = window.innerHeight;7 g' o4 d0 d) v* r
      contentWidth=document.supertext.document.width
2 a: t0 }* \; @2 Q      contentHeight=document.supertext.document.height0 v7 S3 K* n5 o9 v# @; O4 K, S+ A" [
      document.layers["supertext"].visibility = "show";
' c$ `$ n  u% \, ^2 e$ P      }0 y1 F- n3 t+ t/ Q
   setTimeout('moveBall()',400);0 o  {( M* R# @9 T) A
   if (hidetimer!='')
7 F0 w$ o+ l& l1 ^1 n   setTimeout("hidetext()",hidetimer)
' R# ~5 ?. j* M+ i) ?& ]% o   }
; `( ^/ N* |/ l; Y' C) x/ x
, |8 l8 U. s) Z/ E! s! f9 \function moveBall() {' z; V( s, a3 Z1 k( @; D
   if (superballRunning == true) {
/ p7 ]- E9 d7 G! Q; t# x      calculatePosition();
* ]% G/ O7 Q: Z* d4 M" Y      if (document.all) {
( L4 @5 ?  e- [         document.all("supertext").style.left = xPos + document.body.scrollLeft;: u) q9 B, i# H; j* S
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 ^7 R' [: _4 Z0 g
         }
6 W, t' k+ [, w+ w$ G/ ~      else if (document.layers) {5 \3 ^* k( S& w7 K' p3 q, G' P9 X
         document.layers["supertext"].left = xPos + pageXOffset;
7 D9 ~' k1 Y# I6 V* U! g7 a/ i         document.layers["supertext"].top = yPos + pageYOffset;
9 u# s9 S2 h+ B/ x+ q7 \& X         }
% u! R9 f" b3 i' U" h  O      animatetext=setTimeout('moveBall()',20);" ]4 d; D' h+ S7 i/ c8 Q5 G* v/ V
      }" ~  G" ~, G& O) K- `$ u( a2 h
   }
( f. E0 E5 K2 k% Z$ @/ M$ N/ w# v" O  b+ p
function calculatePosition() {1 P% z2 n* f6 M9 U  j
   if (xDir == "right") {
6 L5 a1 H3 w2 S) V8 r# a% v      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 m+ u3 O, U( A/ z3 t! `         xDir = "left";
, E, [" D3 |8 i4 e# d         }7 C$ B2 Y) l; _- S$ d: S" U
      }
8 a/ E- y7 O7 W+ t   else if (xDir == "left") {
5 a' v) c# P3 O" b/ `      if (xPos < (0 + BallSpeed)) {4 Z4 Q; E0 U& e5 Y
         xDir = "right";( N! T! q% }/ W3 _! p9 G- i* R5 |
         }
6 k2 I$ h; r" A3 D1 u      }
; A2 T8 t4 ~7 L0 K   if (yDir == "down") {
2 t! A! f: E! q: ?4 |; Q- G- l      if (yPos > (yMax - contentHeight - BallSpeed)) {, a; x- i" \; E% A2 X  C
         yDir = "up";
' M9 r$ [+ r1 E/ |# `6 @         }+ o* V1 {$ c% ?2 g
      }
0 d) g- o+ P) u# F% _   else if (yDir == "up") {( _& ]' f5 k: ~
      if (yPos < (0 + BallSpeed)) {9 a  k$ ~8 I% Z( m
         yDir = "down";* I# `& a1 p" K* y. ?9 b4 L5 C
         }3 E2 s% ]/ t  E% H; B4 `; i
      }
" x6 ^/ t- o* Y   if (xDir == "right") {" `- `* j' i, \' x
      xPos = xPos + BallSpeed;' M3 m9 O9 X2 H  ]9 l  x2 e6 c9 W
      }
- F  i. R' H6 B" a6 O   else if (xDir == "left") {' d! R, m6 F0 N" V, U
      xPos = xPos - BallSpeed;
4 ?8 k2 z: v4 H2 H( t) `      }
% h# F* j& W0 L/ U/ w8 t  L   else {7 Q3 k( Y9 {- [# x( j7 Y& }
      xPos = xPos;$ B; s. _: n0 A; p0 \% K3 M
      }, v+ d% J& v0 }7 L) z
   if (yDir == "down") {
: e- w' m% n$ ]      yPos = yPos + BallSpeed;5 s+ i+ C. C2 X- j1 V) f
      }; p7 q: m4 g. j4 _
   else if (yDir == "up") {* V0 b8 t4 _0 `/ C
      yPos = yPos - BallSpeed;
% W. o) e/ K' W; l/ O8 g' e& A  P      }! s' j3 v5 t) g% ^  A
   else {
3 b. M' z: j9 s+ k( F      yPos = yPos;
, k& J) y+ Y  i( j. s' p      }
& ?* t3 r2 \) r7 G& u5 Z6 ~   }
2 d# k3 F" U0 j4 g' Z+ u6 r$ Q5 b0 o0 v5 g4 T
function hidetext(){
1 B/ V5 r4 A' l) a( Eif (document.all)% g+ g9 @. C2 S4 v  S5 q$ u* B
supertext.style.visibility="hidden"+ Q' R! }" ~4 Q) @
else if (document.layers)4 n2 D( g0 C0 D/ }1 L4 l
document.supertext.visibility="hide"
1 |/ O2 D) ?* z# ZclearTimeout(animatetext)( t8 O. I- n1 N3 Q! w
}
7 V; x% i! L% X, o% x' j
( G) {, {0 P6 N+ o8 p7 t. ^if (document.all||document.layers){
) Q. k. E" ]2 \& k+ t" Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" A: R; T2 S: `- [  K* f* N
window.onload = initializeBall;: E# f# q8 K# s+ \/ r" F) n4 f
window.onresize = new Function("window.location.reload()");
+ j4 a1 j" O" P; i/ I  D8 E}
6 C& k8 a. T+ p. d5 t
, b% S% W" D- v$ {! u  C</script>