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

zw2004

<style type="text/css">( u5 m8 h2 X/ n( @9 Q4 x0 r% _# y0 c1 w
#supertext {& {# @) [1 m* t
position:absolute;
, W3 c5 a. p. s6 v: i& I( ]( vleft:0;
8 B4 M9 g& Y! @. ftop:0;
( w! S" b; X# X$ nvisibility:hide;* L8 I2 n& U, S0 P
visibility:hidden;
" w% I' S) I6 D8 S) p% x/ M}+ X0 S9 N" R) s2 f
</style>
4 _" {7 X/ l0 y<script language="JavaScript1.2">
3 L4 Q$ P; c+ I& a' T1 x<!-- 改变下的字体的大小。颜色-->" b* A! c* E7 X" ~3 q, B3 d1 y) e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 T5 r) p3 V5 ?& d; ^) F: C
var hidetimer='';
# X0 `8 h7 Q7 U<!-- 改变下的弹跳速度-->9 y+ R+ ^2 ~. {' s
var BallSpeed = 20;
8 \# V& o( T* v* |, _var contentWidth;
/ F  c+ I1 R  k1 B- [- _& ]  {var contentHeight;
: I+ ^" S5 M, ]6 I& Z6 Yvar maxBallSpeed = 50;, T3 F) h! p2 o! z" O7 c

6 Y- i8 \! k. O* @1 J; g
+ B& C4 L2 M9 s0 Y+ vvar xMax;
' w4 C; l% S4 M7 A" uvar yMax;
  K; e, U) D' e1 r6 ?1 B1 K7 Cvar xPos = 0;. r  O; Q* v( ^0 {  L
var yPos = 0;1 K7 I3 R1 z+ m
var xDir = 'right';: J( M; X; d( \
var yDir = 'down';
) N. Y( e/ M( i5 Q+ N. @8 j2 Avar superballRunning = true;" W2 R# l, M/ Y. S$ @6 v6 @0 x
var tempBallSpeed;; W; d+ A  w; n: L) ?  h
var currentBallSrc;  ^) u; G/ C6 t% o1 Y
var newXDir;' o; c7 C  Y: A7 d% O
var newYDir;5 K, b4 P7 @& \$ a  k; e( u2 i; U

0 K7 C! ~4 V. w8 ^' Wfunction initializeBall() {9 u# V2 b3 r  z  d! z7 t$ I% e% b2 J
   if (document.all) {$ {+ ]: B3 l( f* ?3 y/ A
      xMax = document.body.clientWidth+ l5 C# U, S) z* y
      yMax = document.body.clientHeight7 X' G! M: }1 L& n" {* \1 v
      document.all("supertext").style.visibility = "visible";4 J, ~- l2 I' m! z# K
      contentWidth=supertext.offsetWidth
" B5 `2 r2 F2 [% F9 r      contentHeight=supertext.offsetHeight
* D* y( @( _. ]( F- b# ^: P      }6 O2 S$ L+ |) r4 Z
   else if (document.layers) {' @: ^# G4 [) }$ N* h
      xMax = window.innerWidth;
4 z/ D6 K4 J& _      yMax = window.innerHeight;
3 r$ t- L( @! x( h      contentWidth=document.supertext.document.width9 I$ Z# v1 L' D( t4 g
      contentHeight=document.supertext.document.height
7 f$ ?) _0 j; a4 `, ]* ?1 i0 ~      document.layers["supertext"].visibility = "show";9 ?5 Z2 O6 n- a$ @1 L+ R! c
      }
+ K3 G, R; ?- z( {9 ?   setTimeout('moveBall()',400);( u1 I. d" A9 O+ s# e# b
   if (hidetimer!='')% Z' E1 Q+ P. c. ]! E/ {
   setTimeout("hidetext()",hidetimer)
. M' b4 W! K- O# @9 H/ _8 _" h   }
# c  m* Y% F. b# u8 n5 Z% z
4 ^$ [: ?2 |% t, v0 Ofunction moveBall() {+ ?6 z9 Q& s( V
   if (superballRunning == true) {
2 Q8 Z& c1 _7 U: S$ R' Z0 U      calculatePosition();
" D: B2 }- E2 v" }6 k4 A      if (document.all) {
6 Y) R4 C- w- l, }! Q+ S( ~" A( J8 `1 ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;* ]: f9 o8 z  r
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 w) N% U2 a0 s         }
0 L/ q( I5 u1 n1 z6 V      else if (document.layers) {6 p- _6 P! {  w8 e6 c6 o- J! |
         document.layers["supertext"].left = xPos + pageXOffset;
, X" B. m0 G) ]; F         document.layers["supertext"].top = yPos + pageYOffset;6 z# K& v+ U% y$ r
         }% V& F" o. P+ |) \
      animatetext=setTimeout('moveBall()',20);
, }2 K  A) q$ T0 |5 Q3 i6 ?1 a) @      }
2 x* u' ~6 M4 f* W! y7 _   }
# b* _7 t+ L$ `0 k9 L4 W3 i( G5 Y4 W0 b% [3 r9 @
function calculatePosition() {
' q' C4 y; {* |   if (xDir == "right") {
- t6 D" q: S7 G0 k$ R& \      if (xPos > (xMax - contentWidth - BallSpeed)) {5 h/ p/ t6 j- e
         xDir = "left";
. K# `9 J0 L8 g8 E5 `         }; L; ~$ V6 L) Z& |
      }
- ^$ i7 s# i, d/ E" i& Z   else if (xDir == "left") {
  n2 y2 }# h3 o0 _      if (xPos < (0 + BallSpeed)) {
6 U# c' ^  X4 E$ z8 G% ~         xDir = "right";) k# a  H1 g3 Y
         }
# L6 Q8 q+ M0 `( D+ n      }3 P' F+ Z) p9 g8 p$ j/ S7 n
   if (yDir == "down") {$ X% k4 }1 w  j9 N! \. r
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 c6 [7 l5 {" H' [         yDir = "up";7 m/ J( C8 h9 \+ G: Z$ }1 m
         }4 E, d# `+ E, {. B6 w* t* k
      }' i4 `5 J  ^% N* }0 a( I
   else if (yDir == "up") {
4 F) o9 _" `0 m8 o# `4 R( v  ?      if (yPos < (0 + BallSpeed)) {' C, ^: i, J" |& _1 x+ i9 h" s# K* i
         yDir = "down";
" r3 Z. B, l- z4 w5 n" V         }
! h% {* h6 }1 g3 W+ {) l$ K      }  i* g' f1 @9 ?- R0 i) z
   if (xDir == "right") {) _" P2 i" M6 a& g1 F
      xPos = xPos + BallSpeed;
. {5 z! L1 I/ Y      }# ]" S8 r. V. Z4 a
   else if (xDir == "left") {
0 L  J) Z! [. O2 F& @% ~( q. y* [      xPos = xPos - BallSpeed;" Y7 H3 _! w2 \1 P
      }
3 \  j' C4 ^# S- v6 q! L2 \   else {$ K, D. L- d/ }$ d
      xPos = xPos;
6 b1 s/ P& T) f* X( y      }
" ?/ d9 A( ~  [" E   if (yDir == "down") {
4 `, W3 t: }! q: y) t. D      yPos = yPos + BallSpeed;
8 |9 ^3 T( i, J! E3 H      }0 U1 [, t* s( g9 w4 g6 h/ N8 P* N
   else if (yDir == "up") {& `5 {$ U& n9 R, e6 V9 K6 P
      yPos = yPos - BallSpeed;1 C0 f. y' u* F- U! g- v
      }9 C2 ~' W3 K0 W
   else {
  y& G2 S  h; s; _/ t      yPos = yPos;
+ w+ K, I- J( ~! B% t/ B% @      }! O& s+ w6 i* I$ I
   }
' D- Q' {8 \6 o; D, t0 D* ]5 f. T5 Z  H
function hidetext(){6 B" h+ O7 x' _& K1 q% l. m' `; {
if (document.all), `* p$ ]* f' ]: {
supertext.style.visibility="hidden"
7 y% i2 F$ L2 W4 n) W+ |else if (document.layers)
# ?9 w- V, x% t7 G1 l, tdocument.supertext.visibility="hide"1 H/ n. S4 \3 l
clearTimeout(animatetext)4 ^( E* L. _; @% z6 \' T9 J
}
8 ?0 y+ o6 N- v5 t$ O! ]1 v
" `$ \$ h& E2 s1 Xif (document.all||document.layers){
) x& K$ _% X* _0 Vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), o- S3 b1 s4 }& @
window.onload = initializeBall;
  \4 i8 P7 s% X' ^3 Swindow.onresize = new Function("window.location.reload()");  h- B/ [2 x; [. y! v
}1 x# `" C% l# [% D: ]) A) g

* C  j  _% i' p; G</script>