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

zw2004

<style type="text/css">9 i& X  ?( P2 c
#supertext {
. b# d4 b7 u% h% k5 uposition:absolute;) L' H( G& Z7 Q& D, c
left:0;$ O2 _% G3 o4 a- }1 S) Q/ [9 |: {
top:0;' N7 L, j# U1 `" l0 z
visibility:hide;  x2 b4 P. Y( R. J& t$ i% y0 t+ v
visibility:hidden;0 w1 {( c/ [" k: D
}
; U: p* a/ {; L! ^</style>
% \2 B1 ~% C9 E  ~* X3 k* \<script language="JavaScript1.2">
" P4 I9 }8 T( ?6 [4 q; x9 S& v<!-- 改变下的字体的大小。颜色-->
8 Z. A1 B6 v! hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: |( \% ?2 w# ?0 c2 |var hidetimer='';0 t6 N5 C! K. v* R; R* u. w2 F& e* X
<!-- 改变下的弹跳速度-->
+ l7 B) k- m, j% _4 \var BallSpeed = 20;7 X/ q2 c* G& D8 S
var contentWidth;2 ?6 D) C  ~3 K9 ~, @. N! I) c
var contentHeight;
3 T' M# b3 K+ Q# E6 w* v; b% Uvar maxBallSpeed = 50;
7 e8 I+ P8 r% n; ^  ^6 S+ O% ?2 _/ Z% Q  V+ b9 w
: D8 }8 ~: y5 O! i( ?5 S% X9 x
var xMax;8 O) D  [6 q% W7 z( ~; ~  O
var yMax;, e) G& j! {5 {" u/ ]* ~
var xPos = 0;
, L; V6 W: C4 Y3 nvar yPos = 0;
+ _$ `1 B3 O7 u( X3 ]6 A' B) vvar xDir = 'right';
" N: p/ U) R  r( J1 Kvar yDir = 'down';+ o5 x% t) s# X6 d1 u
var superballRunning = true;% P+ h0 t* F0 L& N
var tempBallSpeed;
' ]! I  ]( D9 F- ovar currentBallSrc;
! [5 l3 C9 o  Y4 f5 Tvar newXDir;
1 K4 m7 X9 f0 }! ^9 d  d8 pvar newYDir;  y. Z! O4 |( t! d, Z0 u+ z. C: z

# ]& P* W: P, D+ W  x$ ofunction initializeBall() {
" D4 r  B: J1 O+ Y4 E5 C* V   if (document.all) {4 i) i- k" |1 |' M" ^3 e/ V
      xMax = document.body.clientWidth& g7 Z1 E% k% @
      yMax = document.body.clientHeight
, e9 ]1 f1 ]- F) P: b: U& {9 Y      document.all("supertext").style.visibility = "visible";0 X" R7 T8 P) ~* R3 L1 _0 }
      contentWidth=supertext.offsetWidth  c& C9 G+ t5 D
      contentHeight=supertext.offsetHeight
: {7 ]* Y) E+ R, B, H      }) ?# Z, }  @7 u) C' _, h
   else if (document.layers) {, \5 H) t# o9 |, v
      xMax = window.innerWidth;
% z! `* \+ A: M& l& k      yMax = window.innerHeight;
. `5 s/ P9 u. N/ g      contentWidth=document.supertext.document.width
" K( ]) n+ q1 F. P. l  e      contentHeight=document.supertext.document.height9 l6 c' i0 e9 Y1 c
      document.layers["supertext"].visibility = "show";
( G  D$ a+ l  G( H+ |( H/ `8 [' c      }
. ^6 B: i$ V9 A/ g# c% a" u   setTimeout('moveBall()',400);! r+ v3 C0 a* p- v
   if (hidetimer!='')% Y* i9 q/ j  i1 h
   setTimeout("hidetext()",hidetimer)& h5 H& I  |2 v3 N" {1 v. v# P2 \
   }
! m7 b& o* [5 m1 T
  D0 E" C6 l! r4 j( c9 t' pfunction moveBall() {0 c& z+ i# \- d7 h0 ?, Z. r
   if (superballRunning == true) {5 @: I+ A2 z2 e1 z' V
      calculatePosition();0 A% G& D4 `& f( }9 ^
      if (document.all) {# Y4 d  y9 [1 a" o# G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: o. g- f2 c' K7 D         document.all("supertext").style.top = yPos + document.body.scrollTop;
* ^5 D6 c( _9 @         }
5 i3 s) e8 E( }  [* ~3 _      else if (document.layers) {
1 J# t! q1 x" j2 w# ]         document.layers["supertext"].left = xPos + pageXOffset;
, s% e6 g7 m' z3 T( J- d         document.layers["supertext"].top = yPos + pageYOffset;
7 O# l6 {/ E5 {0 E2 P         }* n' V; ^7 y- M# v  `0 n) V" v
      animatetext=setTimeout('moveBall()',20);
) a" b) Z% l8 i      }
8 m3 d" g0 A# m: K  C; |; W% w   }8 k& O( H+ X! O$ r2 P  I
* s- u/ Y/ x7 X
function calculatePosition() {
; ^* y# T- m1 o% N   if (xDir == "right") {
. q5 L, k) @8 d      if (xPos > (xMax - contentWidth - BallSpeed)) {) `+ E0 Y3 m$ \' ]  y
         xDir = "left";
& b5 M# N1 I* y         }% b# q& F5 N! S. c$ P
      }" y; @4 @( d8 m- {' t2 ?
   else if (xDir == "left") {
8 [* g6 `" ~, n1 L6 r      if (xPos < (0 + BallSpeed)) {) V9 H* D6 W* E6 {( S9 t
         xDir = "right";
7 ?! }/ S4 p: }9 ^9 j         }* s, [$ P) o; t/ J# w- n# a) O5 P9 R
      }8 C+ o" h/ T, P, S/ w* I
   if (yDir == "down") {
3 `( J- ^$ \0 R      if (yPos > (yMax - contentHeight - BallSpeed)) {
' }+ _( Z6 B- |- h+ r         yDir = "up";
9 U6 t/ Q7 r0 \& G         }
  C* D4 i* Z% W% R      }$ ~. q1 w) B+ P; g5 d6 E
   else if (yDir == "up") {! _' I( i& _) h& X# t
      if (yPos < (0 + BallSpeed)) {2 h% g/ U+ b" l: Q, l
         yDir = "down";' p  A" a  h$ F: G. U* H5 n  E2 s" U
         }
& f$ M' R  x3 F! O" N3 N      }' S% X3 R0 H8 ~  S5 a
   if (xDir == "right") {* N+ p1 H# f* O3 V4 s& |
      xPos = xPos + BallSpeed;
% P6 w  E9 Q" v# P      }
* j) w5 s# y3 t3 {9 ~8 z# u' j   else if (xDir == "left") {: m& p% q# ~4 n5 o
      xPos = xPos - BallSpeed;
4 }5 a( s8 w8 N) @: U$ {0 ~, t      }
( W, p4 }' ^4 Z   else {! S1 E8 i4 [8 ]2 c5 o! _
      xPos = xPos;6 ?- z5 @% q, Q2 I$ I: d- ]
      }
4 Z# q) x4 A& Q3 k  p   if (yDir == "down") {
' |6 ]2 F6 @+ B6 ?      yPos = yPos + BallSpeed;
; @4 b- d! ^3 p2 I8 a2 t5 D      }: T& A0 c$ O4 q: @# m2 I
   else if (yDir == "up") {1 R( r) y8 q. D# d
      yPos = yPos - BallSpeed;+ V  m! s# C7 y% `% H# M" G
      }& A4 ?/ S9 N! X# {* d4 l; |
   else {+ `( ~4 W% M0 V) [( G
      yPos = yPos;5 _+ L" z8 [% S+ X
      }  o% j/ I  ^) z. }2 z
   }
: _' k  u' h/ h/ m  J
2 t, P& }. ]& L( L! n6 xfunction hidetext(){- u* L* P( _5 X" t; {. `2 }+ l" N
if (document.all)
/ }4 n' J+ d1 ]  }. ~' `4 Gsupertext.style.visibility="hidden"0 M# R7 h  U1 `7 R: o
else if (document.layers)8 j; O9 X- M4 C; Y! y. e2 L$ S& {
document.supertext.visibility="hide"
+ b* a% U* |! y7 ^% d$ hclearTimeout(animatetext)2 W* Z% q* P/ Y6 C6 z) @3 y
}% Q: w9 v. v6 C2 u0 d, a- Y4 W  N. _

8 Q# N+ V6 h7 r2 z0 _0 F# Sif (document.all||document.layers){9 ]4 r% D) y7 i8 g3 `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 W6 o6 C7 O! k
window.onload = initializeBall;4 M" a2 V2 A9 {& ]: j- c6 e
window.onresize = new Function("window.location.reload()");# u  ]0 r' Q7 b, a
}6 J9 U1 N& U0 ^% {# U& G
1 L; {) K( @% v% R2 Z
</script>