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

zw2004

<style type="text/css">9 X2 d% s- t3 y6 {
#supertext {
) ~3 c0 j" H% \7 _4 F+ ]position:absolute;; e( ^: _2 Q! ?
left:0;
" c0 k0 V! s) G: t6 C6 Otop:0;6 c) Q* ^% S; a0 n/ v" g
visibility:hide;  b: v2 D) W# \  H7 K
visibility:hidden;, J9 G( ~8 y9 r1 X
}
9 g  l, d, l3 n; M6 d9 I! O</style>5 q8 G0 \2 _. r, L
<script language="JavaScript1.2">
  I# x, g$ N( l8 x# w<!-- 改变下的字体的大小。颜色-->+ v: J/ F8 z+ V! {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': ]) B3 x, {% G% J* `* h
var hidetimer='';4 ^( d8 }0 A/ h5 p( V* R' I
<!-- 改变下的弹跳速度-->( C9 \4 g& x# H  K5 }
var BallSpeed = 20;- ]$ Y" d0 o4 R) i) X: a* k
var contentWidth;$ s2 |5 w3 B* p4 x" O$ y8 v% b
var contentHeight;
5 K) P5 U* p, Y* N; F  h3 Bvar maxBallSpeed = 50;
  a5 `' R! A8 @( W0 A4 S8 \* {9 A" Q" v" ]5 |& W
, ^+ @0 d4 g9 Y: s
var xMax;
1 n0 ~5 X; ]) ]& S* ^& W# E2 t8 Evar yMax;: S2 [6 {4 q. ~
var xPos = 0;
4 A+ ]( a, l/ J; ovar yPos = 0;( d3 Q5 e- l$ j2 w8 o. `* L" i' D/ N
var xDir = 'right';; R3 @+ q9 H: I' }5 M1 _
var yDir = 'down';
' n7 l% n- N# J* zvar superballRunning = true;$ h- X# S8 ^4 h. {( P- a# P
var tempBallSpeed;
* g. }6 V, L3 B9 T/ H7 q0 Q" kvar currentBallSrc;  a- |/ t8 Y/ B
var newXDir;9 r3 F- {- C. M# ^# l9 r7 ^
var newYDir;
' v) }8 ]2 ?( ~; T6 z) x7 a9 D' u; e6 V+ P
function initializeBall() {
& |) R, Z& L1 N+ L# R   if (document.all) {
, N0 d  y& w" t6 j# ~! h      xMax = document.body.clientWidth
* T, s5 O( S' S5 i1 s, E7 a# ^      yMax = document.body.clientHeight7 E% K: \, ~' [: M
      document.all("supertext").style.visibility = "visible";, e+ W8 }% J2 }! B
      contentWidth=supertext.offsetWidth
& I9 |7 \  {; [" T9 e      contentHeight=supertext.offsetHeight
  S/ E9 \- ?+ {. J      }
; D/ ?. H6 Z9 A7 c   else if (document.layers) {, I6 t! y' [* D5 N- l- v
      xMax = window.innerWidth;
% z# i, x) \1 p, y8 b# z( ]  P) c      yMax = window.innerHeight;; T* o7 n1 c4 W
      contentWidth=document.supertext.document.width! A, C5 U9 s' X6 l  d
      contentHeight=document.supertext.document.height; G) o4 C8 J2 U5 ], v3 [) f" Z- A
      document.layers["supertext"].visibility = "show";
  C& ]0 ^6 i% _1 a/ I4 M      }" A- j5 w1 z- r( c4 R) C. H) C
   setTimeout('moveBall()',400);' f) l3 j+ x8 d+ U9 I
   if (hidetimer!='')+ C4 @) N" C  G* X
   setTimeout("hidetext()",hidetimer)
( g- k" n, t, z% I$ I6 ^   }: p) x! E# t* T- B9 S

- {% l/ b: q/ p$ X6 _function moveBall() {4 w5 f8 t7 Y% p9 J7 ]3 G: i
   if (superballRunning == true) {* w) Y  G- Z& I: m
      calculatePosition();. L+ G" N+ Y& \8 K9 o! U
      if (document.all) {# K9 p" s9 q* n- f8 z3 {; {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 u4 _9 f2 W  A         document.all("supertext").style.top = yPos + document.body.scrollTop;' |6 _" p0 v6 ?
         }/ f. i, y: X" D& r; b2 C
      else if (document.layers) {8 G& v2 L# @7 z9 \4 p
         document.layers["supertext"].left = xPos + pageXOffset;
  l; U* {; J4 B3 G' r         document.layers["supertext"].top = yPos + pageYOffset;+ q# M9 ^* z' m0 }: L+ D
         }8 ~$ C8 G. e  d' J
      animatetext=setTimeout('moveBall()',20);- E  e3 T- N" w4 o# \+ A! B
      }
& ?6 u) P% Z" s8 t3 v( D   }9 J) P* B/ C; B* x8 a

! W( s4 P0 ?7 S. D( @function calculatePosition() {
8 \8 X2 ~+ D* i0 m4 O* i   if (xDir == "right") {' {) e+ @/ q* t; v: o
      if (xPos > (xMax - contentWidth - BallSpeed)) {; [9 C3 d# X* M6 @% H2 K/ f
         xDir = "left";3 [( O! ?* D2 X' f, m
         }$ W" H1 p$ z9 y
      }* c  v+ G# X4 M3 |
   else if (xDir == "left") {9 g0 x0 \# l# H" `$ Z$ d5 b# L( y
      if (xPos < (0 + BallSpeed)) {1 o: H* e) [# v7 v) O$ {0 S
         xDir = "right";- |& J' m) q' r( O$ U
         }
3 X& T/ x2 t3 b$ X4 t      }- X; f% k2 s; [( Z
   if (yDir == "down") {
; w) _' @3 A) Z4 Z& H% N      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 K) ]! K3 g6 f* i" k         yDir = "up";) K# ]( h. z- E# F3 U
         }5 l  l) D7 J5 |  \4 C( P
      }
( T- n& n1 [, W" H4 ^0 }: Z" c   else if (yDir == "up") {
# Q5 y, v) ]# x" H! g      if (yPos < (0 + BallSpeed)) {: V5 ?+ o  e0 _$ x* B
         yDir = "down";
0 ~1 {5 K( Q* m# H" g: m         }8 R) J/ o+ n7 o- f0 ]
      }
) `: O! c; v* U/ M. n/ v1 V' a5 o   if (xDir == "right") {0 Y3 U+ i! P4 W( P) k9 k
      xPos = xPos + BallSpeed;' `/ U, `3 o7 P: K- O0 ]
      }
& D+ M; K: P+ i# B( F2 p   else if (xDir == "left") {
- g1 u+ `0 m( i/ t; O" p      xPos = xPos - BallSpeed;
, x" H5 ^8 s* w. ~1 ~2 \      }
: l  g# q8 _5 B4 D! S- C   else {/ A+ M2 K2 B6 u  I5 o( v3 b8 T4 V
      xPos = xPos;$ D: k# ~: V1 f6 e0 L4 Z
      }7 x7 L9 K; F" W0 r! b
   if (yDir == "down") {1 `0 Z, ^9 o& e9 G' S( ?9 O0 l
      yPos = yPos + BallSpeed;- h  S3 ]/ e3 O1 e: a+ W2 x1 S: L4 w
      }$ j7 ^" L0 w6 N/ R
   else if (yDir == "up") {3 n! h% ~: N5 J7 z/ z0 d
      yPos = yPos - BallSpeed;
" \6 O7 P# @- t" Z) w      }
+ s3 z+ \# ?1 m: H. m) F  ]   else {9 x7 V  q, Y* \& ]4 R
      yPos = yPos;
3 l' t6 h4 I8 [2 }4 l      }1 G1 ^9 Q/ b8 N: q5 y
   }7 `1 W( n6 w+ ?# u" a9 g* q, v
4 L( S; F0 T- [7 `
function hidetext(){
2 ?; O0 O/ {( t9 t- fif (document.all)
: x/ J/ m/ q2 x+ U+ j1 k: ^- p* t% ?supertext.style.visibility="hidden"  g6 d6 M/ g. G" W. ?: v' @" B
else if (document.layers)  C: m0 i9 t2 N/ N8 e, v$ s& `
document.supertext.visibility="hide"
' f- H" K9 @3 W+ UclearTimeout(animatetext)4 i/ k, v, f2 o0 l1 r$ U
}
# @. `% r  K: q1 b3 l  w+ r" s  [/ Q! `4 q3 v& b
if (document.all||document.layers){1 i0 C6 `5 P) i0 h* e( C+ r7 t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- \4 m$ a( u# b8 r0 {window.onload = initializeBall;4 y4 @4 K7 v2 P6 I  j; z6 D9 m5 ?
window.onresize = new Function("window.location.reload()");2 b6 C. v3 d- R- o# `: k
}
6 W6 k2 u/ Q% r6 |: h
" d3 I2 m6 b$ i6 F</script>