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

zw2004

<style type="text/css">5 p, |8 J: C% S/ ^
#supertext {
$ G) I( U! d5 X8 ?3 uposition:absolute;
! Q& S7 ?' a1 T* \9 J$ b  D* @: Kleft:0;
- f7 M; o: w8 T+ n* y+ i; g" }( itop:0;
9 u' G7 w1 {1 t6 j( j& s% bvisibility:hide;+ ~$ A% C! u! \6 z7 z1 e
visibility:hidden;8 k/ v& v% `, H, H: l5 g3 P1 @
}
6 }# Z. R; L1 e3 m: H</style># d. c! u6 z# I; N' X7 v
<script language="JavaScript1.2">2 ?( {" n. g. S: n' G' Q5 d$ j9 i! R
<!-- 改变下的字体的大小。颜色-->
5 ]( H4 |4 `$ K, Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; q& u- h# z; D* S2 b; F
var hidetimer='';3 n. z9 B% K  I. J2 n7 b5 k# C
<!-- 改变下的弹跳速度--># _# v. T) X; g7 z
var BallSpeed = 20;
/ e( a% L! t5 ]) O+ Mvar contentWidth;
% S* w4 Z0 v; ~2 K# j) |var contentHeight;- j7 S2 U3 c- T
var maxBallSpeed = 50;6 o7 X6 X$ X. O% P

& M) C: [, W+ w/ j9 l9 R6 D
, Y: C0 V6 V% l0 pvar xMax;+ y0 L% I3 Y2 m) B: U  `
var yMax;
( j# g4 r$ \/ s( f5 @4 Evar xPos = 0;
3 `. ^: t6 m6 m6 U" X2 k# ~var yPos = 0;
: \' J" L* n, ^7 w% y0 W! ~var xDir = 'right';
4 u. g( g2 O/ `. ivar yDir = 'down';, H! i' A2 C3 M. P" Y* }2 X6 L6 I
var superballRunning = true;
$ `7 [; U3 B/ n+ U! K7 Mvar tempBallSpeed;
! N! K. ?4 e& V4 Svar currentBallSrc;1 i, V* Y. a) S$ B, c  Q8 p% V+ X
var newXDir;
% E) D# F1 e' ]8 O$ }var newYDir;
# a# ~$ W0 T. q" \
9 r$ i; Q& J4 x* w# K; jfunction initializeBall() {
0 `4 g: k% l: `1 @  b6 o# I   if (document.all) {
/ t5 Z1 @9 C; C0 m' O, c. ^5 P      xMax = document.body.clientWidth3 g4 `/ @& W- J0 J* K# w
      yMax = document.body.clientHeight
) j$ ^$ e5 p8 B" h" I      document.all("supertext").style.visibility = "visible";& p. d* F. B+ x
      contentWidth=supertext.offsetWidth
" Y, ^" H7 ]+ x- @( d* o8 K3 Q      contentHeight=supertext.offsetHeight
0 S: \) \7 G. @+ B( P. r9 |      }
! k+ u5 v# G; j6 {/ p8 Q3 ]   else if (document.layers) {' s) o' b! B  P; @* R1 s
      xMax = window.innerWidth;
( V* k" x4 o) V3 b" M      yMax = window.innerHeight;4 a- ?( a/ i* p. ]0 a# z7 {
      contentWidth=document.supertext.document.width
" h5 I/ l0 l" {. \      contentHeight=document.supertext.document.height
- Y5 A. D+ h" y5 a7 j% K      document.layers["supertext"].visibility = "show";
8 {" X2 S0 ]2 u! m      }
- V6 w2 F: w5 r& ^! I  F   setTimeout('moveBall()',400);, X/ K( u2 i, C( ~% u) a$ z# M
   if (hidetimer!=''). y$ s  s4 P2 n) @, l  a$ j1 ^
   setTimeout("hidetext()",hidetimer)
- k1 F: E* U& A) I5 n  }9 k! T$ Q2 p   }- R0 e- [/ q$ g
% C  y  ^4 {, j5 e2 L" t( ~& B9 E
function moveBall() {
! B& B/ D* m) g& C, ]   if (superballRunning == true) {" f; o& g+ T1 Y0 E6 W# R. h) [
      calculatePosition();
1 F# ]" [% Q* @' H9 L      if (document.all) {7 p9 I( }: a% f- Q. N9 u
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  @) Y7 C4 [0 e3 i. t
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 i. D, K+ G! d3 k  h% Q( y4 p
         }% m% R- b6 J- ^% |- ]
      else if (document.layers) {  @6 i1 G0 ?- O! }' n; @! w6 [. L1 G) a
         document.layers["supertext"].left = xPos + pageXOffset;* [4 k. o% H$ X1 P( O% V- Z, h
         document.layers["supertext"].top = yPos + pageYOffset;* `4 ~: p  w  u+ H9 d5 ]
         }
: Y3 N( R+ m$ [& r9 K. H      animatetext=setTimeout('moveBall()',20);5 [1 ~. `, w1 D# G1 B3 h! V
      }& F& h3 E! ?+ y" C) k" h! Y  k) I
   }
9 t* R, c7 }% o# o2 j
9 d  p8 G/ Y4 C  J- Lfunction calculatePosition() {  N8 u, W# h) _
   if (xDir == "right") {5 U7 r- ~% [+ U  A1 z7 b
      if (xPos > (xMax - contentWidth - BallSpeed)) {& E  B  K& c+ B' j7 p
         xDir = "left";
. t+ k, J- @5 p' t/ B( _/ h, F8 e$ Y         }6 w0 i) @  ?2 r
      }
) Y: @+ ~  F& k/ W   else if (xDir == "left") {
1 F4 J* V% w" V* _. v5 y% o3 Q8 {      if (xPos < (0 + BallSpeed)) {3 E: t) q; M4 c0 {) N6 m
         xDir = "right";
( x+ p- y/ _" l9 z         }
. m2 x+ C2 ]' L2 N* z* G& g: J      }
# D5 ]" G$ S( E- G* n   if (yDir == "down") {
) J$ }* D6 O: L& H      if (yPos > (yMax - contentHeight - BallSpeed)) {
* R; j! N. ^1 O! u' T         yDir = "up";
4 I2 }& y+ k7 O& C. c         }' W1 ]0 U8 D# P* n: r
      }
' Y4 L; \! {. ]  z4 P   else if (yDir == "up") {6 `, ~# G; K! q- V
      if (yPos < (0 + BallSpeed)) {
9 O! o& Q3 l# h3 j0 o         yDir = "down";
& v/ `! L6 b* o- g% P+ A         }
& k0 g( X' X. _' H$ e      }
; F4 g: J% H# w& l9 f* |8 k  z   if (xDir == "right") {( E: ]3 c" B3 ]% c2 R4 q( |  F, N2 a
      xPos = xPos + BallSpeed;
: A! y5 h# ~( [+ H( O  n, }      }
; K! u& [6 |0 s% [8 d   else if (xDir == "left") {
) W# h$ s& ^1 v0 a# t" \      xPos = xPos - BallSpeed;& r2 b* W$ }) Z: T- U1 v
      }. ]2 O$ E6 K, K0 p' I
   else {2 J& l4 w0 `# W" b
      xPos = xPos;
' b; T# q9 ]/ B3 B5 J& R      }& R$ \4 M  l' V/ w
   if (yDir == "down") {, s% P2 f$ c& m# d
      yPos = yPos + BallSpeed;
0 W7 p* P% L7 _1 B0 G      }& g8 ]' `9 k  @' {2 q
   else if (yDir == "up") {/ s- d; @8 i. N; J* s" d: x7 l
      yPos = yPos - BallSpeed;
: V. K+ v( E# K8 `      }7 G, |+ E" u6 Y, L/ T1 V# g
   else {
( @% Z7 _. B: A1 L0 h$ w      yPos = yPos;
/ }4 Z2 {6 [. \1 G7 J      }$ x3 |+ z) L; M5 z' |! L) k) u
   }
; B2 P( M" ?- `
- |8 J9 [# m/ D, q7 ]; ?6 M0 nfunction hidetext(){4 S* P0 ^6 [4 z
if (document.all)
# W0 B6 I+ ~, P3 G% Osupertext.style.visibility="hidden"  h* a$ k; w7 a* K
else if (document.layers)7 Q* W- v+ Z& r9 `0 v' W) @
document.supertext.visibility="hide"& P( E; s" ~) E. b# y  s
clearTimeout(animatetext)
' R: ]& ]+ z8 r3 y2 ~) h5 F}. w* @+ Q# ?: b3 y  B

' X* V. Y$ M7 E! qif (document.all||document.layers){" g" n0 @* j( B& y- D. N, Q. _2 \
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): N; B& v) Q( r% {3 J
window.onload = initializeBall;
# _$ M! B& \; }5 \% nwindow.onresize = new Function("window.location.reload()");) i' s# C$ T! x" E3 u" |
}
3 ?8 o0 F4 p5 ]8 A2 ~& D7 W, h0 ?# U6 t3 O
</script>