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

zw2004

<style type="text/css">% H) @; Z' o$ _& Q; T( W
#supertext {
; ?: B9 @' |% D# W) O9 n8 m/ nposition:absolute;; K  E5 N" m9 }$ n# u: M
left:0;) g- n( _: u' W
top:0;  ?; x) E1 g8 p9 m6 s, N1 ?
visibility:hide;
' @; e7 u8 l$ V8 b1 |# u' Ovisibility:hidden;
+ \% }1 _3 a) U7 b}
& n: M; Y* V" Y* E: Y</style>
# F2 W6 T- s4 C; _& E& W# _<script language="JavaScript1.2">" e4 s( J- J9 }6 O7 e
<!-- 改变下的字体的大小。颜色-->/ T; [) o" V) [# m0 _% I* W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': W- O# B! _/ i3 E; n
var hidetimer='';; S9 U- n0 F$ O0 K
<!-- 改变下的弹跳速度-->5 a" m6 \' f' N4 Y$ h  z# a: y
var BallSpeed = 20;, D, J7 R/ Z8 E6 O' O' a
var contentWidth;- ^( H" E. i$ @; m: w2 x& k6 {5 b
var contentHeight;
8 z6 z# g6 o6 e% P3 rvar maxBallSpeed = 50;* o* ~: F6 S+ r! O( J: R' a
  A. \4 r; }/ k+ s# L
; p9 c6 p% T1 x% P$ J1 }8 q8 O
var xMax;8 q* g* t9 a9 h; B3 B
var yMax;
# G7 s. M- L5 v6 n3 Svar xPos = 0;8 q: _* E3 k+ \8 v) D3 |  r, a1 e
var yPos = 0;
) d+ H( [  i7 |& U$ b( o9 {var xDir = 'right';
  ]# [- c# J" A7 B% ~, c! }4 bvar yDir = 'down';
1 Z+ B: M% s4 @; Kvar superballRunning = true;
- n  O2 W* z% m' Tvar tempBallSpeed;
. J) Z( e& o% U. v. f& yvar currentBallSrc;! h% M9 U9 R/ s0 v6 Y- b% s
var newXDir;! }/ Y/ q5 i9 \! O' M* `
var newYDir;! D! ?9 `) s" g8 C2 A
" {" t; l0 N* T2 n
function initializeBall() {
" s0 |2 L9 P4 u5 S* Q3 R  s   if (document.all) {% Z- G" {: @6 m2 N  {
      xMax = document.body.clientWidth. T: O, U' K" u
      yMax = document.body.clientHeight
$ Q% X5 }- k+ ^      document.all("supertext").style.visibility = "visible";+ h0 }9 X$ O' a7 t: n2 I. f0 q5 j
      contentWidth=supertext.offsetWidth. o! L5 }% r' p' ~- }7 d
      contentHeight=supertext.offsetHeight$ V- a2 X" g( s# u& M& P+ {6 W  @
      }! H2 Y. t, F" x5 H
   else if (document.layers) {1 t/ J. ]0 Q* f7 j7 r* o5 M9 f5 t
      xMax = window.innerWidth;# i! k% P3 F$ c9 a8 `
      yMax = window.innerHeight;
# _8 f1 v+ u" T6 t# y% A' D      contentWidth=document.supertext.document.width
& n: }( B9 j) e" F- ]      contentHeight=document.supertext.document.height/ G! d. w1 f' Z* p0 O- u
      document.layers["supertext"].visibility = "show";/ @; R2 s5 r5 Q) i8 h" O3 m4 o, |
      }4 t( _) ^& [! \5 ^  M/ [6 v
   setTimeout('moveBall()',400);/ [. m2 q. z) h: j* R* i
   if (hidetimer!='')
, z, j/ i$ a( S6 M9 x7 C! D# m   setTimeout("hidetext()",hidetimer)/ L  c' N4 `/ r7 j% A/ t
   }$ L( i8 d3 s0 e, d
, Y0 P* T/ h. F' ^; t" `5 u: ]% b  _
function moveBall() {
) I3 q$ O3 u  `7 Z9 `0 n   if (superballRunning == true) {
9 q9 x# L) z: l7 b/ A) q3 h" N* D      calculatePosition();
5 n. S- \$ |. z      if (document.all) {
4 Q% \5 J7 R) e/ ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( B' e" j& w# v6 g: i& p/ `         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 r. K1 r6 ^* f+ [" |         }) _! d+ U2 `- l3 V7 G3 l$ _0 }. M
      else if (document.layers) {9 ?5 \$ q0 X" `. W9 U
         document.layers["supertext"].left = xPos + pageXOffset;
, A6 ]% n. {9 D1 \; D  w( K         document.layers["supertext"].top = yPos + pageYOffset;" M' i% Z9 Z$ T: O
         }3 D9 U& Q# n4 I
      animatetext=setTimeout('moveBall()',20);
4 F  x& w9 U+ Q+ B# j7 _) ?" N      }& g( d% `1 f( Y- {8 t" ]- V
   }) q) W+ v- ~7 d# r6 O2 i$ k

' _; @4 x  x$ S3 a0 bfunction calculatePosition() {% b0 ]2 z+ T( T" f
   if (xDir == "right") {
' f. ~9 j* C6 t9 O      if (xPos > (xMax - contentWidth - BallSpeed)) {; ^" Y" x' K; G+ T
         xDir = "left";- K. M. ]. K3 @' }  z; O  R/ Q
         }
* W0 I! K5 Y+ F+ h* d      }' V, d# Z5 L( h' v0 k& y0 S
   else if (xDir == "left") {
+ n: q& Y; V4 X0 Z* ~: G$ ?      if (xPos < (0 + BallSpeed)) {
; r& _  p6 A8 Y  _/ G         xDir = "right";( N) A% m' \- a, W0 m! \  V
         }
, J) T& r+ x- R) ~: l      }0 K/ ?2 l% ~  p3 Z( @
   if (yDir == "down") {
; h9 `/ D; H% G      if (yPos > (yMax - contentHeight - BallSpeed)) {6 I) G0 M: a1 m9 d; ~% G
         yDir = "up";
2 Y, S0 Z; |8 r+ a5 h- ]2 W. g; \         }8 G) A- m% A* t& K
      }
0 ?9 y# Y8 ~: ^7 {, e2 K   else if (yDir == "up") {
6 K$ N7 }' b  y# \      if (yPos < (0 + BallSpeed)) {7 h1 D' `! A! U/ |
         yDir = "down";3 D- a( }7 Y+ u# I
         }; O$ U2 B( `* Z" y9 ^( }
      }* k& V9 E6 z7 K0 z. J( A
   if (xDir == "right") {
, R/ H' e3 r7 q2 C  P" H      xPos = xPos + BallSpeed;/ l+ B0 Q8 N8 M( W( f
      }
  d' r* |/ o+ h  j5 y   else if (xDir == "left") {
, E! O* c6 G5 y! D6 k9 p# X5 J      xPos = xPos - BallSpeed;
3 v' f- H' I/ e. P4 N      }( D0 P3 T7 `9 z/ ^
   else {8 T- g0 S  j' x3 d: N
      xPos = xPos;6 }5 T; d# M, b1 X/ l
      }
( O8 b* ~4 Q9 Y" I8 _7 X) H   if (yDir == "down") {
- Q3 {0 `- \. l: o      yPos = yPos + BallSpeed;
' ?  s$ a0 {  \2 d+ L( ]      }
! d6 n& k3 w( W# K) Y   else if (yDir == "up") {; Y3 |9 y7 J; x& u+ I
      yPos = yPos - BallSpeed;3 I, t: J4 N( h' h
      }
4 b% W9 T1 r) f; G" \   else {) v" c0 a, d0 r1 \5 S
      yPos = yPos;9 J' W; t( }" h  p; `5 x: L# l
      }
  {' W8 Y$ f; [" @9 V" B   }% V$ \( O1 Y- Q( y6 s. V

/ o* G! `/ _' n3 z8 Ofunction hidetext(){: ^: W, j, Y, j9 i
if (document.all)
% }$ n8 f* P6 a" V. L" R2 H! {supertext.style.visibility="hidden"
' H- q6 d0 r( P/ }2 k2 O/ ^% Felse if (document.layers)7 M8 Y) S8 y9 r* q: B( Q. H
document.supertext.visibility="hide"( o* R4 s7 Z1 o  V: S
clearTimeout(animatetext)
; Q) X, T. P1 e+ y% M+ h, c0 ^}
4 _4 I: E  D8 a4 K1 [+ L
: l5 D8 U+ s/ q# `if (document.all||document.layers){
; ^' V* C6 a) _8 @document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 v1 G- P, o, v1 V, o0 @
window.onload = initializeBall;7 F( j% z# A% C  d) P
window.onresize = new Function("window.location.reload()");
9 c% J7 ?# H# V8 H& J" q}% o/ C& p) t; @& T4 p# Z9 y9 z
2 c  E& Z" `; j3 I# `& [# U# G
</script>