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

zw2004

<style type="text/css"># U( r  W/ Z# u- {3 q8 k1 Q
#supertext {' W3 P5 W, z3 f3 F9 l
position:absolute;+ r" T# Q9 }/ j) ~" \! Z9 H5 B! ~3 Q
left:0;
3 W5 @+ C) _: n' J0 F  |5 mtop:0;
- S5 q7 ?9 P3 X& }/ |visibility:hide;* i# E% f8 _7 ]8 u
visibility:hidden;' B/ R! G5 i( m3 g" @' X5 L
}
- t' f/ |1 j5 r% \2 P</style>+ O2 [: ]! c; p' Y
<script language="JavaScript1.2">9 L3 t1 S% N: ~) r
<!-- 改变下的字体的大小。颜色-->1 x9 P8 H  _) m1 v; ~  D- l6 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. k- T8 k9 r$ Z5 {! Q
var hidetimer='';6 b6 Z4 ]9 A5 ^+ ]( K, B  I
<!-- 改变下的弹跳速度-->9 \  C9 B7 @$ l( W5 Y
var BallSpeed = 20;8 J* [  l& i: A8 |) N( d
var contentWidth;7 G' J2 h* R0 C
var contentHeight;0 v" C4 _1 s; Q) V3 s
var maxBallSpeed = 50;
: U- N8 m+ r! k/ O$ y) O8 F- r) v, b' L! D2 U4 w

7 z7 g" }: A, u- N; Fvar xMax;$ H7 \0 I6 n9 g
var yMax;
7 n! _6 t1 p2 \$ o# a1 s6 s8 n3 pvar xPos = 0;1 n% M  h' U2 t. b, G) n0 @" t. D' {
var yPos = 0;9 {0 N: v+ U9 w
var xDir = 'right';
' z( C8 h5 l' O7 |var yDir = 'down';) ^% @6 ^% D  o% A+ r
var superballRunning = true;
$ w5 o# {1 g  O% y% uvar tempBallSpeed;
8 |$ O- c6 h+ E$ u4 Rvar currentBallSrc;; t! O; C2 A, h3 w1 W! G$ S# R
var newXDir;
+ s! e  F0 ]) q8 H& Gvar newYDir;6 u7 y5 x9 I( [' C# V/ \& d

5 T% E8 u# O! Yfunction initializeBall() {
) U6 d  E. Z3 D3 Y   if (document.all) {
" D! O: K: x' Y. s' F/ f      xMax = document.body.clientWidth
  o, X* v; p- N( k) ?5 n      yMax = document.body.clientHeight
1 X. _7 Q8 z1 s5 f1 E9 _, M' j  O7 k      document.all("supertext").style.visibility = "visible";
0 X: z; B- |- ^; ~; x3 \- d      contentWidth=supertext.offsetWidth
! q8 n  v7 b) s+ [* e( s3 h6 c      contentHeight=supertext.offsetHeight/ N4 s# z/ L1 y2 a: u5 C, j( V
      }
, W4 _: P) O% S% |   else if (document.layers) {
, x, Z2 o' R* X7 m9 ]      xMax = window.innerWidth;
; k  A3 L) [" q" P4 O      yMax = window.innerHeight;
- [8 g( v  v$ M( e      contentWidth=document.supertext.document.width
7 q) o! d" c# _8 F" K9 E      contentHeight=document.supertext.document.height
% n+ ?" @: x6 ~) i      document.layers["supertext"].visibility = "show";8 b2 {  m3 A2 [; i# k/ O8 q. o
      }
% o* A8 g. k2 B( \/ Q+ D5 t   setTimeout('moveBall()',400);( g6 L+ V; ^3 C* a/ e
   if (hidetimer!='')
0 o# B5 w8 N  h' |0 w# D   setTimeout("hidetext()",hidetimer)
; G- a6 n, k2 m5 c" X3 ~5 j5 F* N   }) ^6 N: a% j& d- f% }8 A

2 C; G# w+ K5 Y9 Q: q, u5 S5 lfunction moveBall() {
" n/ e+ _9 e8 I   if (superballRunning == true) {
8 W' q1 {* s4 `- l* `, a      calculatePosition();) t$ [6 |( y4 z# j+ F$ Y
      if (document.all) {5 {' q( i2 }' E& x" S6 @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) `' l" y1 Y5 a  H& [: `* s, p         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 M6 Z1 o& j& Q" x* A. V         }
' c( m: O  W2 q" L( m1 ^! L$ E# x      else if (document.layers) {
6 S* C/ ~4 v. E1 H& H         document.layers["supertext"].left = xPos + pageXOffset;7 Q3 \! K5 S3 f7 O' F5 f: i; y  S
         document.layers["supertext"].top = yPos + pageYOffset;
- v7 Q8 k( _6 W' p0 q: |         }( _' f% k' _- w2 j5 W1 w5 x  q5 ]
      animatetext=setTimeout('moveBall()',20);
  H5 c8 [! n% W  G" W      }3 `; ~9 ]; I, i9 e) Y! Y* K0 U: ]% T
   }
7 ^. G% U+ O$ @6 X6 C+ B, D0 f/ V! P6 E- ]4 o! s# J5 R
function calculatePosition() {
0 Y! H  N1 v; J) X3 c+ N3 c" l& ~   if (xDir == "right") {
' }% S% B1 P- \3 M3 p4 n- v0 E      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 N% M6 ^1 v/ q, M) Y         xDir = "left";
  k1 W0 E5 l; D         }
3 q8 [: }) c; O% v      }
1 b; j3 J* n2 Y5 j1 P# ?' x   else if (xDir == "left") {
5 a$ M5 S( ]4 ~: n, v* O( S      if (xPos < (0 + BallSpeed)) {* M" [( m6 E: P8 @  @; O
         xDir = "right";
$ y! k/ G" c3 A( K         }
$ x* p4 D. V! B; _      }
1 a4 y) ~1 ^& G. s   if (yDir == "down") {
  O% O9 Q* U: e1 L      if (yPos > (yMax - contentHeight - BallSpeed)) {; \1 P. x7 S- h8 r
         yDir = "up";
( c3 M' [% t: q, G: O- }         }+ P" P, @! W/ b9 Q5 R
      }7 g. ~4 J) Q0 c" q/ ]; g$ x- u
   else if (yDir == "up") {
6 x5 u2 ~  c1 ~( w' I4 k      if (yPos < (0 + BallSpeed)) {
; n$ m3 L! d- `! h  c: C0 @! H" @         yDir = "down";, C+ a- P8 a7 `$ A- j
         }+ G* z. t0 ~* I4 K1 s5 _; K! u" \' T
      }1 b- ~- c! ?6 }! @
   if (xDir == "right") {6 q8 s' f. `6 Q
      xPos = xPos + BallSpeed;
) H+ u* f; M; F      }, @8 y8 ~; Z) m/ z. ]' \
   else if (xDir == "left") {
' k' k, k+ q8 \0 }      xPos = xPos - BallSpeed;$ J/ k( g$ i% ]; B* l: u
      }5 l  i- w1 B* g$ [0 K
   else {
6 ~1 ~, P; V& ^! w      xPos = xPos;
: u8 u& I* ^/ N. i      }
3 v6 ?# X3 A" r) ^7 [& x. a6 m   if (yDir == "down") {* w5 M. ]8 C  y" h+ J  ?/ L
      yPos = yPos + BallSpeed;
5 z4 Z! d7 p6 i! {: E/ d      }% [0 @+ C) \, H5 T7 p: ?
   else if (yDir == "up") {
5 G- c$ v0 }) G! N1 R      yPos = yPos - BallSpeed;
8 L3 x* O, E6 t; Y; n      }; Z1 |  }4 Z4 y
   else {
2 x$ y5 g6 o  `/ x1 R) D      yPos = yPos;
! U# F# M, e- U+ e) Q      }" Z9 O4 f( r& |7 E- S
   }2 @, h/ c5 W) ]# f$ c

9 \! p8 \. t7 S& P8 V3 w5 u9 M! Dfunction hidetext(){* Y1 V1 L7 j1 K! q
if (document.all)3 G2 v" ^5 S, I# C! B- e
supertext.style.visibility="hidden"! U. W$ s; v1 g! S
else if (document.layers)
' |0 o* F' b6 ^3 P8 i& sdocument.supertext.visibility="hide"
' C# l+ }: ?" x1 KclearTimeout(animatetext)
: M' F) r! I9 p}
* [# `. P+ \7 T! k1 n1 v0 O
9 }1 h( x2 A( h7 {: L( eif (document.all||document.layers){) d3 D. a7 g$ i( H5 f! ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 ^0 V2 F: U* g4 R* I- |
window.onload = initializeBall;8 \1 u& j+ {% ^/ z2 _7 @
window.onresize = new Function("window.location.reload()");) t, B4 S' W* G/ h
}3 D" E9 y! G( V6 L8 g. ~
; y$ H* e& r- i; O. @: x
</script>