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

zw2004

<style type="text/css">
7 K/ ~& s/ D; B#supertext {
! [" @  v, D, k9 p  ]  rposition:absolute;7 O) s! B9 M. H( k* m. n: l) q
left:0;
( K0 r( D. h0 W* Etop:0;0 `/ r& x7 h5 e9 n% ^9 L
visibility:hide;
7 p4 d3 j) |) o, E# }; v* ?. mvisibility:hidden;$ x0 p1 R+ T8 A
}3 O) R0 k" e3 R# C, b: P
</style>+ W1 d! l. c$ z$ |+ R- M
<script language="JavaScript1.2">
2 C/ N3 Y6 Q- Q1 T, u  b- j<!-- 改变下的字体的大小。颜色-->: }% E% y4 {/ `( s: p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 }5 t- p+ N- a* T% J& m+ K; z( v
var hidetimer='';
0 Z8 R% _# `6 j<!-- 改变下的弹跳速度-->
7 W. @8 c, c( k; Evar BallSpeed = 20;# [$ K: k. @3 c% r( k
var contentWidth;
& t$ g! [6 I6 t- }9 V9 I% K! \var contentHeight;
( ~. Z. `& Q, _  ovar maxBallSpeed = 50;
/ E% O2 g: O8 F+ v( h1 [' `/ R8 N! Q; h4 a/ ^% ~" @
" i6 C- g* H  o( _9 f# K
var xMax;4 C, r9 ?  t8 \% d2 {* ]
var yMax;2 K3 x0 B& Q0 N1 d  r
var xPos = 0;  K4 a# A: v( c* y/ l! Y
var yPos = 0;
4 J- l4 i# b. Q  rvar xDir = 'right';
1 J7 y- E- \  f& W! Pvar yDir = 'down';1 L7 f$ l8 \! E. y' S
var superballRunning = true;
: F! k/ l* L: d/ V$ jvar tempBallSpeed;
9 g. S# i4 q; I: O& |8 [" f0 Rvar currentBallSrc;
# x( E: ~9 N; y' ]* `+ c- b9 f7 bvar newXDir;- z1 _$ I. g; t6 a9 N, f; V$ v1 ?
var newYDir;
  P9 a# D6 W. ^. ?( o* r
+ j: N7 U0 `: E, H. {7 O, afunction initializeBall() {
, S; q7 ^& ^+ S8 m- G- e   if (document.all) {/ ~/ ]) L$ x: S; w0 i; P
      xMax = document.body.clientWidth* E9 M1 T- _* x" n
      yMax = document.body.clientHeight
7 Q" a4 C3 L' e! f      document.all("supertext").style.visibility = "visible";/ W3 S$ g2 \% T6 |' F( {0 s; P: [
      contentWidth=supertext.offsetWidth
% Y8 c7 Z8 _. n4 m7 c* a      contentHeight=supertext.offsetHeight5 q' X; @$ }/ A
      }- K4 x9 Q+ A2 i7 m7 S
   else if (document.layers) {
* e. I7 O, I& X% {  r      xMax = window.innerWidth;# {7 n" u$ O+ [: k% M0 }
      yMax = window.innerHeight;/ p" A# t/ j  n5 C$ E3 H3 r
      contentWidth=document.supertext.document.width$ l8 ~9 ]7 Q; l& L
      contentHeight=document.supertext.document.height
0 e+ R& ^2 ]3 f1 X      document.layers["supertext"].visibility = "show";- g3 _$ `. f# z5 E+ q* R
      }4 `) |7 r6 p! R! p
   setTimeout('moveBall()',400);
6 }) C) H; S# c5 Z$ C2 U   if (hidetimer!='')# b- Y) i8 r5 k) K
   setTimeout("hidetext()",hidetimer)% o6 n+ s+ I% F# Z* Y% ^9 ]
   }
# G) A) w& s* l0 \% @& E9 v
# ^+ g7 h& s$ r- d" |1 `function moveBall() {
; b0 `5 T% M% J! y+ Q+ i; r# U   if (superballRunning == true) {  b9 e8 H/ v$ F. _" ?
      calculatePosition();
# V1 }3 S7 i% z( R) d      if (document.all) {; x, a2 t) q( ]0 Y) g( P
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* r1 _9 C, d/ J, T( F; o         document.all("supertext").style.top = yPos + document.body.scrollTop;5 \1 Y( W: s4 w5 K& y. V# l
         }9 l" c8 `) n1 `9 x* R
      else if (document.layers) {
+ j$ \- S2 e6 @/ S) l% m5 b         document.layers["supertext"].left = xPos + pageXOffset;" W( k$ c) X$ C" _7 f8 X
         document.layers["supertext"].top = yPos + pageYOffset;
& \$ W+ O5 i3 v' K& L         }* P+ ?& z# a$ X: k
      animatetext=setTimeout('moveBall()',20);
2 _5 C/ w8 M0 k" ]) i# U1 c      }; }3 t# d( m) t7 Q, F. M
   }
: Q9 A9 Z. Q. k0 i. W7 s' `& v# B) b$ d* W4 q% G% U. H
function calculatePosition() {& Q. U4 M3 P# a# G& U4 \2 L8 l
   if (xDir == "right") {2 u) H5 s$ A* W: N
      if (xPos > (xMax - contentWidth - BallSpeed)) {( E: P5 ~, R& r3 t( x  }
         xDir = "left";
% o5 o# _$ m' u         }
& k* S. W9 v% R0 [9 f/ {      }
# K/ G. v5 p2 W& l# W. D) K   else if (xDir == "left") {
; H& R) T; F( |2 e3 V/ O      if (xPos < (0 + BallSpeed)) {
" D; ?4 k5 _5 L$ I& w         xDir = "right";
& l( A3 W6 g0 p         }
7 c7 X9 K2 x; l# W1 P- d      }* y. e: i& ~7 S! l8 d4 `4 g# Y
   if (yDir == "down") {  J! X2 F) I' O% Q% `
      if (yPos > (yMax - contentHeight - BallSpeed)) {$ X8 ~1 I8 {) D% g
         yDir = "up";
3 m+ Y5 z! ~* q) l         }# I$ H- ?$ j2 C4 d) ~* R
      }
6 u  ^9 y, f% c   else if (yDir == "up") {0 @$ O! |5 t+ `
      if (yPos < (0 + BallSpeed)) {
6 X3 `1 m& l9 @1 q  Q# R         yDir = "down";
( T+ m8 B/ S7 E3 l/ z. ~. F         }
6 n6 B. h; d4 X9 b* x1 |9 ?/ U      }
  u; c5 l  b/ O$ y$ R+ y   if (xDir == "right") {- W. U2 H( [* C/ Y' t4 e
      xPos = xPos + BallSpeed;
: E) j5 h  t! K4 [+ ?      }
# E( \' j" v' ]; \6 F2 M+ o5 U) C# ]   else if (xDir == "left") {( Z8 t4 }- V+ e% m) T7 B5 A) O6 Y
      xPos = xPos - BallSpeed;/ A3 C  ~9 Q; h/ z0 G# r
      }
' @7 _- B/ ~% _/ @8 A   else {
. }: Z! W* D$ _! A+ E6 n' g      xPos = xPos;. l5 r+ _, ]7 @: P2 B& O
      }+ R+ D: d: e/ r6 c# t
   if (yDir == "down") {, m8 D7 g7 c1 i0 x* ^/ W2 @* `; c6 V
      yPos = yPos + BallSpeed;
4 m6 `! a! L/ x! q, N      }
$ J+ e# A) _% `- m1 F   else if (yDir == "up") {
6 e6 }+ W9 E* x- l      yPos = yPos - BallSpeed;
- P2 X- G9 t% m) _" w- k      }
6 H, u- r( x* r- H3 Y8 p  X2 G   else {
! R9 s6 V+ p' G  }      yPos = yPos;
( O3 @8 m# s8 M/ E( ~6 h      }
# c2 u% ^: `, z0 N8 p) t- [   }$ V6 C6 l  r* E) A
& b4 G) u+ [4 f& R* x' V, c
function hidetext(){
/ z# t; ^. w8 \if (document.all)% ~2 c4 u3 M9 n+ `
supertext.style.visibility="hidden"
2 s7 d9 Q# d2 Z2 n7 z/ T) ^7 qelse if (document.layers)/ r( a+ Z& {8 D1 N# j1 n
document.supertext.visibility="hide"
0 W" k% y: V, N/ X& f; f8 nclearTimeout(animatetext)
0 M4 t; V) E& ?! p7 ^}8 Y; n2 Y( ~2 \& e  r! ]+ a9 T
  P3 R6 H0 v# J4 b
if (document.all||document.layers){" ]- _' S! S- Y, S" t/ q, j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); t) \( C4 h5 Q/ N
window.onload = initializeBall;( i* G! I0 s5 k( A! `
window.onresize = new Function("window.location.reload()");
0 f% p8 z$ B! F8 |7 L9 u: I}$ f& f4 x! z; g* F, p  V
: h1 m2 x+ n: \: y
</script>