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

zw2004

<style type="text/css">
' `1 U3 P, ^4 d4 X& j#supertext {8 z5 i0 g( _* n! [; t2 w
position:absolute;
! R% ?8 G) [2 g3 X+ o  U5 ^' O/ @left:0;4 R  g- U7 h! P6 D- d" r
top:0;
+ g. u; R' F- e0 p. p5 w# @) ]1 F% svisibility:hide;6 r- E0 d7 u' }+ n# h
visibility:hidden;0 G4 ?2 M4 a! e8 D" Q  ?
}- T+ `& b% O3 v
</style>8 D1 J9 M6 Z; Y5 s
<script language="JavaScript1.2">
) s5 O4 d, \- Z1 m& E+ `<!-- 改变下的字体的大小。颜色-->+ N& M; [9 V' U2 p0 Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ ~& ?; N. y. J- c% L4 p7 k; a
var hidetimer='';
! F' N% n  p# q# d" F0 L4 V<!-- 改变下的弹跳速度-->: p/ t$ m  t( B
var BallSpeed = 20;: O! F9 k4 H& h6 c
var contentWidth;
6 z* X  D0 I8 ivar contentHeight;7 N8 k" k1 H& P
var maxBallSpeed = 50;
& X5 D  N/ W% k* \2 a$ x; I. {1 [& U& v2 Q6 L! g' N
. V; o. M. U0 h7 C( Q- t% t8 X
var xMax;
9 O# J. @. T3 V9 \1 \( Nvar yMax;9 o' r  N$ _3 a7 B. b
var xPos = 0;2 b9 t( x. x( H: j# D% O; ]
var yPos = 0;* i7 K& @3 _" M- f. e
var xDir = 'right';7 O+ v$ F1 e, x- K4 E
var yDir = 'down';% j; q6 M6 B7 C  z4 |4 ~; i& [
var superballRunning = true;
* P3 w2 F/ `, Y1 @) f( L- }2 jvar tempBallSpeed;# u; J4 G/ ~: R" _% r% o  e
var currentBallSrc;
( B3 r+ O+ A$ `+ u9 d/ Bvar newXDir;
8 h8 U1 {/ v' \var newYDir;
2 c0 Y- M/ y/ s$ y6 f4 L% z" A6 M' N! g4 \
function initializeBall() {, G& z  ^3 Y0 k3 S& H* E( i
   if (document.all) {& y: P- H4 [8 E
      xMax = document.body.clientWidth
" N1 [, J6 s; i      yMax = document.body.clientHeight7 ^9 S5 [$ t; m
      document.all("supertext").style.visibility = "visible";$ _7 d- s( Z3 X0 g# d+ B5 c* T% D
      contentWidth=supertext.offsetWidth
$ C' m; u8 O# Y8 l: b      contentHeight=supertext.offsetHeight
: F* ?( [% ]+ Y" [1 ~, [4 S      }
1 q6 p5 K9 f8 o2 e! K   else if (document.layers) {
. R2 j2 ^( C+ H  B  }      xMax = window.innerWidth;, b7 Y/ a4 W3 C; m' C4 V
      yMax = window.innerHeight;
- Q8 r8 b! d0 S- K" N      contentWidth=document.supertext.document.width, O# d& x6 \7 a  S/ j
      contentHeight=document.supertext.document.height
8 y/ y2 N" L) i& E( R      document.layers["supertext"].visibility = "show";0 D, `( S: ~2 w
      }
+ h* k! p; P5 H% S/ S2 {: w   setTimeout('moveBall()',400);
2 w' O: |, n* h1 G/ ?   if (hidetimer!='')* O6 C. c8 c7 H5 V" L& Y, ?7 n
   setTimeout("hidetext()",hidetimer)6 d; C3 h$ b# J8 G! ^0 Z
   }
5 P, |( j- S- }$ h- w
' k% e8 u. c, L/ V" P" h* nfunction moveBall() {
6 b+ V! I& r) [   if (superballRunning == true) {
! s3 y, R3 H0 m& j; ?( Y, S" L6 S      calculatePosition();
5 J; [$ z; r4 p$ y      if (document.all) {. _1 G* T, |- `" y# X/ e0 N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 j+ Z- g7 i7 }8 v, F         document.all("supertext").style.top = yPos + document.body.scrollTop;
" y9 o2 x7 a: B3 o         }+ x! ~- f2 f$ _
      else if (document.layers) {
% F  H, _7 x0 h$ ^         document.layers["supertext"].left = xPos + pageXOffset;
+ m" p, a3 k$ z, \. p# Y( g         document.layers["supertext"].top = yPos + pageYOffset;
5 O* M+ @8 J7 L- [2 Q! R2 z. r3 V0 J& |         }
, M5 R* ~. l# k( J7 Z      animatetext=setTimeout('moveBall()',20);4 t$ W% }5 P* R3 U2 V4 ~
      }
" {! c4 H4 U, e4 U% a# |   }
+ X% c& n5 }/ ], A9 k1 A2 V( @" m9 P1 s0 ]
function calculatePosition() {+ e( R* l: K: a$ U  U# w5 r+ Y, Q
   if (xDir == "right") {5 H3 G$ O- ~) y9 i% q8 E
      if (xPos > (xMax - contentWidth - BallSpeed)) {* l! r8 C" K. U7 l$ W! i7 c
         xDir = "left";( D( r- w4 g1 h* v! \
         }$ [6 x3 u, l, }, N5 E% v
      }
: |5 I# A$ T9 M7 w   else if (xDir == "left") {
) n$ Y  j8 V6 b+ k0 [. W; r! e# W      if (xPos < (0 + BallSpeed)) {4 z, b: a! g: O6 q! ]1 N$ U; E
         xDir = "right";+ N; S7 `& Q4 u' B; k' v. Y% r% D
         }
7 k7 |! r0 h- W& s: S& J2 [      }
9 p5 i! x4 R! I' ~' c& w0 n/ P7 E% {   if (yDir == "down") {/ o4 N  h% g( T# a: e, s% S
      if (yPos > (yMax - contentHeight - BallSpeed)) {/ T9 L* ]/ _! W8 E
         yDir = "up";
2 X4 d' h6 ^/ U( u, n         }: A6 i% ]; p4 s3 P, w7 O9 R5 k
      }
, t" f3 Q7 X) j2 K/ e4 P/ r8 F   else if (yDir == "up") {. ?) A+ n+ U; M' F1 o  ?
      if (yPos < (0 + BallSpeed)) {8 T  @+ ]& G7 \+ U
         yDir = "down";
" c0 u+ `* V. k+ D4 [- c5 M         }
2 ^9 B/ Q2 z: M# ~& B1 Y      }% K0 t3 M$ v, U% Q) u
   if (xDir == "right") {
7 D4 C8 [9 Q6 j4 l2 P      xPos = xPos + BallSpeed;' c- v7 F- X3 O
      }
) P* W: n/ \; Y, k   else if (xDir == "left") {
6 s8 H8 X) h4 @& J  z" i. K6 \+ M      xPos = xPos - BallSpeed;8 J6 [4 G. [+ N2 D: K/ l7 F6 G
      }6 ]; R' t, O( t5 y  I) {
   else {+ v1 a/ Y/ y% `/ L- d0 a
      xPos = xPos;, s6 w# S, ]. J2 p6 L
      }+ L- g' N8 Y7 K2 f1 b
   if (yDir == "down") {( m3 _+ y1 J4 p9 d4 |* X
      yPos = yPos + BallSpeed;8 O2 ?8 \/ }) {6 ?) ]' }' @
      }# ]8 E4 k- E- D6 {" M; [5 Z8 D3 X7 p4 s
   else if (yDir == "up") {
1 N+ j; U; y' t! ^9 v      yPos = yPos - BallSpeed;. R* z# P0 V7 b3 H0 M4 W
      }
$ ~3 i! x8 k9 a2 B- I- }' s   else {8 g5 i6 ]9 @$ N# O0 }6 i
      yPos = yPos;
% n# n) ?$ ^$ P1 A2 u, T      }
5 m1 A1 M7 i8 v5 k# H   }  j9 \% V3 [! v7 h" y3 n  Q
( E4 r& D2 Z6 o& o
function hidetext(){
, C* c& z* h7 K/ E7 t( f) t1 Iif (document.all)' Y" S: }9 D9 v1 R) m- i, X! e
supertext.style.visibility="hidden"
) t3 ~0 a, ]$ B2 {& p% h( T* Uelse if (document.layers)
; {8 J- R8 L6 X. k$ \document.supertext.visibility="hide"
1 R8 e$ h9 I& ~5 b3 ^5 Z+ R* q. S) lclearTimeout(animatetext)% b& P2 k& }1 t5 K' l
}
. ]9 F/ B. x* @* c" M; k
0 Z$ J2 N9 h/ l, e0 S; _4 Cif (document.all||document.layers){, H5 V8 m9 n/ d1 _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ w1 W6 }& V# h  `# Uwindow.onload = initializeBall;
1 [5 n4 ^( S3 R5 u8 Mwindow.onresize = new Function("window.location.reload()");% C# x+ y0 y0 i+ m; \' Z
}+ P- `8 ~  `! v; a" n! G
# b5 K5 U  h3 ]
</script>