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

zw2004

<style type="text/css">
" T7 N, M" a' i#supertext {
* E9 s* l9 {, Uposition:absolute;
" f: K: C8 j/ H, z3 E4 Kleft:0;' b* R# e4 g9 k$ V* H! @
top:0;
1 G2 p( ~+ G" \. a8 s9 t& cvisibility:hide;
' J- f0 N' w# Ovisibility:hidden;: s+ Q! U/ l% l+ ]
}( M: e, s7 @% p, C$ t
</style>
1 X1 M/ p4 F+ G' C2 L+ C<script language="JavaScript1.2">) g. j- V& A8 n1 z$ s2 y
<!-- 改变下的字体的大小。颜色-->
" \) u0 [7 R: L& mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* Z- H. E, z0 Q. ^5 v
var hidetimer='';
. [4 g" X2 ?7 c8 M: R<!-- 改变下的弹跳速度-->
& @9 h3 D; h7 O1 C+ M  ~4 o% C9 kvar BallSpeed = 20;
0 z6 A  y; \( X. Y5 K4 k% e' G# u1 Ivar contentWidth;
* @7 A% u% ]2 m* wvar contentHeight;9 g$ S1 ~$ g8 V6 t
var maxBallSpeed = 50;7 h$ B+ f; M4 X, X& X

% k4 b9 A' K5 M! m& j0 H* M' M. {
; r# [+ C4 b% |7 L$ D1 Xvar xMax;) b, o# E7 m9 N$ a2 A
var yMax;1 D0 C4 c3 I- n* D3 P( @- E
var xPos = 0;* M1 t. \* `- D* F! b5 E
var yPos = 0;
% _- n3 f: a# D& c0 w4 g3 fvar xDir = 'right';8 b8 W6 m: f, ]5 U- U
var yDir = 'down';
3 k4 h/ H6 L! F' n6 `& R" i5 e7 kvar superballRunning = true;: z) F( I1 b/ J6 x/ j
var tempBallSpeed;
9 z8 i$ A+ C" |/ [var currentBallSrc;3 i7 i) o3 \/ W' z
var newXDir;' H! l1 E7 E' A; Q2 r
var newYDir;
- `3 ]9 {2 n& y' a& e3 j% j' T9 X; ^1 R4 t. I. l
function initializeBall() {
6 l6 V; H: ]' }' n   if (document.all) {% ^! X) `# q7 c
      xMax = document.body.clientWidth& B, X7 o- j4 P& k' \3 Z
      yMax = document.body.clientHeight4 m. Z& `1 N  h( n( |8 X
      document.all("supertext").style.visibility = "visible";
$ _/ I: ?& \- J( ^: P2 U      contentWidth=supertext.offsetWidth
* E9 m/ Q) P. O) G' d" i      contentHeight=supertext.offsetHeight
4 w: F2 Y/ F5 a      }
! T/ F- j; n- L) B( C* Z   else if (document.layers) {7 a( K: C% `$ y( v, X* \
      xMax = window.innerWidth;
. t* y7 U) R/ I' G. V+ m+ I      yMax = window.innerHeight;
6 i6 s9 f' c  E3 O2 V& o      contentWidth=document.supertext.document.width3 B+ x( x" x3 \7 _
      contentHeight=document.supertext.document.height
, d, I; [/ U# }+ p3 Q3 k% A+ d5 s      document.layers["supertext"].visibility = "show";
2 q5 T% K- b3 x3 |1 u. L      }. ?7 a! ]& _, Q8 @8 T+ N# V% j7 x
   setTimeout('moveBall()',400);1 u: j( ^# Q3 ?
   if (hidetimer!='')8 M8 t+ d6 G( z) n' ]0 f# F
   setTimeout("hidetext()",hidetimer)
1 r& a( g1 v- a& {   }. U: R! S+ i% F6 I: o3 _( |

* r' p$ U4 C- `function moveBall() {$ Y5 g+ j$ q& ^! }. l7 x1 V! i
   if (superballRunning == true) {7 N; h7 ~: X# O, N. u
      calculatePosition();, ^# Y1 H, r+ V  [: E
      if (document.all) {3 i! }6 {- l4 G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ {& w/ ?: }/ ?! ]* d! p& i         document.all("supertext").style.top = yPos + document.body.scrollTop;
' w# p3 N  P2 y( T1 ~, {         }) p0 d" G& P+ d- v# ~) ~  S0 l
      else if (document.layers) {
: N6 f- Z( K' c$ ?; E         document.layers["supertext"].left = xPos + pageXOffset;
1 v7 D" I, S" e  ]         document.layers["supertext"].top = yPos + pageYOffset;
  N' U: L  b" ~8 J& Z) V2 L         }6 {/ [3 d! I3 V9 q& ?; `
      animatetext=setTimeout('moveBall()',20);
) L/ R9 z( N8 v9 a      }0 {+ b3 g' m/ l  F; A" `" b
   }
8 u7 O' i- n4 L6 c  g. k
$ S. H3 h0 `) d- t- X' Kfunction calculatePosition() {
5 d& n6 p: j7 \  _# Z, Y% R/ R   if (xDir == "right") {9 X# X; c4 ~, A& c
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 L$ |% _2 D( {& J& I' S& ?; m& v         xDir = "left";
  _9 H9 E9 p+ D. d6 d1 F         }; a* }+ H1 e+ |: @/ o0 T' |
      }; O% M1 d: r- `  W, q
   else if (xDir == "left") {- V9 `6 b- t% e' A5 h& R5 S4 Y. X
      if (xPos < (0 + BallSpeed)) {+ u: M9 |9 Z  D9 k, \0 x6 G( x
         xDir = "right";8 u9 Z+ z1 v) N$ W# A" E! @
         }
4 x% {  F4 y9 j' T( R      }
2 Z' ~' V5 t* D   if (yDir == "down") {
* Z5 ^+ r( \- n      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 T* i  Y% M: h% \         yDir = "up";# [2 X4 p/ y6 j0 I$ X/ V
         }& J% x( X& i' H8 j+ |
      }: C& z4 n' s3 {
   else if (yDir == "up") {
9 E/ O) t  b# U  u' L7 U      if (yPos < (0 + BallSpeed)) {7 o+ L& F1 x" u  }! i* s
         yDir = "down";# P7 |* a9 d' l) O
         }" \) B$ Y* I3 ]6 a
      }+ N" H- _5 s$ m. M; ^0 p
   if (xDir == "right") {! B1 D9 i2 S! w9 {8 c( Z9 P# E
      xPos = xPos + BallSpeed;+ ^# ^; ]7 ?/ q1 D0 B9 f9 q
      }
, y: R) }, \/ q# J8 u. J   else if (xDir == "left") {" B5 s& P5 ~, ?' L/ o
      xPos = xPos - BallSpeed;
# D( D/ o1 N, r      }
  N) N% }4 J4 ~' M- T) a- ], m   else {  m5 l3 _! N! ~6 s& |  e$ Z, G
      xPos = xPos;5 ^4 Y! b$ f3 Y1 I- N! O$ C$ ^
      }5 J& J/ Z& a: X- i- g2 Y, v
   if (yDir == "down") {. ?1 t7 X! u4 v
      yPos = yPos + BallSpeed;5 o! g: @; ?# t, _% K6 s1 R7 z4 e
      }& C' [6 `9 W  |! R
   else if (yDir == "up") {- l# ~, L! N4 c1 k* M
      yPos = yPos - BallSpeed;
  m8 W+ L1 l6 Q      }' c7 _* L8 R: M6 v
   else {
0 M" c$ a% Z3 ]8 m7 Q0 A, `      yPos = yPos;) T+ M6 \6 A) ?) J# J/ K3 ^- n
      }9 \4 ?2 V& _7 h) v5 `4 P- C: }0 r
   }8 P0 G4 {, l' m0 J8 o% U% D) \$ d" p

+ j0 s) I2 {! xfunction hidetext(){7 e4 G. Q% j, C3 ^, `( S
if (document.all)
/ l3 B5 d. n2 q" ?4 _' W& Csupertext.style.visibility="hidden"0 b) v9 J2 G5 ]; B8 o" l
else if (document.layers)
& G* n; K. J  _document.supertext.visibility="hide"$ {# f# K  N" a  ]# r" p& G, p  m
clearTimeout(animatetext)
# l- j; x9 }: h9 O" I}
. W. d4 H7 U: {( e
- I& v: `& Y1 M, B& c( Xif (document.all||document.layers){! ?) r1 H5 T8 A6 ~1 S! [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) n. \& A  T, K7 z1 m8 J$ J6 K' p; G
window.onload = initializeBall;* U; c# H% X! ?% h
window.onresize = new Function("window.location.reload()");
  {4 L9 R' o' \* o}
( r1 Y. w9 \  N. ^& f4 R& V+ g* Q) @2 n
</script>