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

zw2004

<style type="text/css">" E: N8 v) N  q
#supertext {
! J' R. Y2 t$ i6 v5 C, [position:absolute;! V$ Y, l% L# J2 o
left:0;
  U$ ^4 b0 S9 z3 L& N: \# htop:0;
. b9 Q+ v  n+ v& _2 C- e! ]) [% X# [* _visibility:hide;
, Q: {$ p& y# Avisibility:hidden;: O5 \$ C' q; {* H
}$ w4 s2 p) ]4 p3 M' l% E/ ]6 P3 F
</style>' y4 H* w0 e0 c
<script language="JavaScript1.2">
& b/ S0 A; @# [6 N) b' O: ~# o<!-- 改变下的字体的大小。颜色-->' N4 u' ?0 m8 K* Q8 J* \; M2 h* N; ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 i7 y2 p$ E' D( s! _9 Tvar hidetimer='';5 M2 v6 h- @2 A3 W3 j- e3 r
<!-- 改变下的弹跳速度-->
, m( _. r7 ], p2 M; s0 L, ivar BallSpeed = 20;
* p2 w9 [. W0 w8 q" yvar contentWidth;
1 m" M5 m7 @# h/ W: C7 V$ Pvar contentHeight;
1 L8 j# Y. Z" gvar maxBallSpeed = 50;1 Q" ]0 X' h; I. m. F
; d" ~; [( T2 w* x8 ?
9 v, A; X0 R9 b8 p8 Z5 B
var xMax;. v0 O& b: F1 l8 Y: R7 g
var yMax;
2 r$ a/ K2 v+ w" Cvar xPos = 0;% b% |- n; [) Z! O6 v7 S1 M
var yPos = 0;
0 o( f5 T3 T; X' E5 [var xDir = 'right';
0 K6 K& }" j, ]% y) bvar yDir = 'down';
& o" K/ O4 ?0 q4 `2 }# V' ]var superballRunning = true;' N- U. l. G* C
var tempBallSpeed;4 R# p0 r$ R8 U8 O* k
var currentBallSrc;' ~$ f. |& h- j* ^2 U
var newXDir;
) H9 n3 J4 ?3 Evar newYDir;, L- G5 Q% t& B! [

" h& Y# ?' a  r. I6 zfunction initializeBall() {3 H7 c5 o, }) C2 v7 x' P/ y7 ^
   if (document.all) {
! V5 V' N) Y/ l" @* h2 w      xMax = document.body.clientWidth% J2 w, n, |3 i& M/ `" D; H
      yMax = document.body.clientHeight4 f) A4 b+ y! f2 e% K
      document.all("supertext").style.visibility = "visible";1 Q; O7 C# @4 B& E! S3 c" q
      contentWidth=supertext.offsetWidth
4 U0 M5 U- @3 N1 d      contentHeight=supertext.offsetHeight
; y# ^/ B0 \/ j( a      }" K  }% m% G% N% m  c! k' k- {
   else if (document.layers) {- ^' q& A! {5 _$ x9 z# ]
      xMax = window.innerWidth;% [- t7 r8 Q& Z1 `- Y
      yMax = window.innerHeight;
+ {& t( b4 `- s' F      contentWidth=document.supertext.document.width
6 l0 b  ?1 d+ _. |      contentHeight=document.supertext.document.height2 h7 L( S/ k1 T8 }9 c2 |
      document.layers["supertext"].visibility = "show";
3 z0 u# q/ b9 Z; ^( Y      }
' Y1 h: a: O( c2 J( U   setTimeout('moveBall()',400);
" w/ l: A+ x7 c% G! ^5 p. N   if (hidetimer!='')
, f/ W* [' A3 ?" R8 _   setTimeout("hidetext()",hidetimer)0 _. Z1 I7 Y1 K
   }
% V' I/ P5 }/ b) J0 }: O# q! \- ?+ X, E6 b+ Z9 R
function moveBall() {1 q7 F2 B' V6 h  Z5 w0 v: h
   if (superballRunning == true) {/ ~$ A8 r; E; B" M
      calculatePosition();+ r+ g+ g7 D, w- K( X- `9 P
      if (document.all) {
( i% W0 m* s1 T' F) Z; P2 ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 s/ x+ F' }7 `3 G1 T) A         document.all("supertext").style.top = yPos + document.body.scrollTop;
  |$ U7 ]6 ]0 a8 L         }
+ D& k2 Y/ x1 D/ E+ a  q      else if (document.layers) {( j; s, B* O8 B
         document.layers["supertext"].left = xPos + pageXOffset;
, u9 X* l& V) t1 F         document.layers["supertext"].top = yPos + pageYOffset;4 z6 }" z" W3 `* ]3 }# \( A  _
         }4 i% Q. g' i: l7 s; o& m
      animatetext=setTimeout('moveBall()',20);
3 o: e4 y, \1 Z% `1 I      }
! ?1 F4 ], K* V2 `6 e, l8 E   }
& K! V2 U+ h2 b' x( _
, G6 o# v3 |5 z( l- w9 H" Hfunction calculatePosition() {1 d6 v: d- y8 S5 J- @% L" o
   if (xDir == "right") {
9 u( [( S) E7 D) k% @      if (xPos > (xMax - contentWidth - BallSpeed)) {8 m. o" W- w# D5 t9 O8 j
         xDir = "left";' A) _1 R( n% Z# L( r
         }; N+ i- p, [8 [
      }' v. w' D. S6 F5 X$ K
   else if (xDir == "left") {$ K  Z) r3 P' Y) }  ~( v
      if (xPos < (0 + BallSpeed)) {; _0 g5 j8 Q4 U* d8 A( l
         xDir = "right";; F6 E# B0 \. K) _
         }
6 H: a  y1 _7 c( {. w* u      }
- Z6 j- n+ U) _; U" I# M- o   if (yDir == "down") {
& d1 O# _. W; c1 l      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 Q: r$ o, a2 c# p: a; L         yDir = "up";
9 h) r( i, f/ `  f$ `         }! [0 N7 t! b+ E2 T0 a6 P
      }; W* G3 d/ S+ u1 a, G' D  W* [
   else if (yDir == "up") {9 w" _0 {3 g8 G4 a
      if (yPos < (0 + BallSpeed)) {
- r$ P1 `0 g7 D8 v         yDir = "down";
, j3 _$ D9 ~( B# X         }
$ ?. R+ M" t0 |      }
3 \8 X: H9 g* c, Q; j& W, Y   if (xDir == "right") {
- Y% @: x7 Y4 L0 T      xPos = xPos + BallSpeed;
1 L. d: V  k) J. e9 R0 ~. }! y      }, E7 O, Q/ i( Z9 }/ p& W
   else if (xDir == "left") {1 N2 |+ u+ U2 F+ ~$ J) D0 |) w1 \
      xPos = xPos - BallSpeed;8 i% {! N. N+ F, J: b
      }
, C+ E1 c$ D: R& u, z   else {$ _1 g! J! l; e  J+ r3 Q/ L% ^
      xPos = xPos;
) Y7 [! h& H! ?6 v. W3 Y      }1 h  U- B8 G, U* `
   if (yDir == "down") {
$ C8 s% p) q( d8 Y# O      yPos = yPos + BallSpeed;
& p: m3 h; O7 @/ q8 H      }" L4 Y: H5 I: H" T$ p7 S5 _
   else if (yDir == "up") {& H" t; N. h+ Y& t
      yPos = yPos - BallSpeed;" N" h& C7 \6 a% i* T
      }0 C) m3 U7 A$ c% Y+ j- i
   else {7 ?* \' v) x3 h$ p
      yPos = yPos;
; k8 {" y* `/ p, i4 o5 Y* x      }0 }' X0 ?# e& t2 }
   }
) d- V2 G( Z! w! Y3 g& r. g# H# K! \4 R
function hidetext(){
" M7 T0 j& s( Eif (document.all)
; n& t7 N" t  b- Q% Q8 N& B" Osupertext.style.visibility="hidden"
5 y7 Y8 A) v( u; [" e# v5 n5 W2 }else if (document.layers)3 u  {0 a+ W4 K
document.supertext.visibility="hide"  s4 |2 U. m$ j. E# W% Q* x. }
clearTimeout(animatetext)
% a$ E3 U" o' y: M* y}
  ~5 N. E* P7 S  D7 y4 _# Q7 [4 h7 ~/ m
if (document.all||document.layers){" A1 H4 d6 @) L. c2 ~; b, a. H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ g3 O0 ?3 B+ Z: f9 a9 C9 owindow.onload = initializeBall;; h- \( V) R. u& d6 [
window.onresize = new Function("window.location.reload()");
, ~; d  T( \2 U, E}
- D* l9 X  _* V2 [; M; z3 Q! J$ @* [- X; O  n$ j$ I' b/ ~1 ]
</script>