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

zw2004

<style type="text/css">0 c3 x( o: F- z- ?
#supertext {
9 f9 x! Z1 R8 l. ?0 G5 I4 qposition:absolute;5 q4 v- O/ a" [; b, {, u% [4 x; y5 e4 _
left:0;; _. ?, L) `: w
top:0;
1 |* N% j3 d2 K1 e& {) {, a- x. D( O6 Avisibility:hide;
" D: Y+ R" C2 j' fvisibility:hidden;
1 z  Z) b( i2 u9 \" F2 \2 I}
8 Z( ~+ ~: K( t</style>1 F" o8 `- u) h- t: d% u/ X
<script language="JavaScript1.2">, i" ^8 S. m! v! S
<!-- 改变下的字体的大小。颜色-->' w4 V7 t: w6 f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- G$ D# E5 t- t7 Q: ~7 H+ `var hidetimer='';' ~( G3 F3 }% W$ H; A" U
<!-- 改变下的弹跳速度-->+ U8 W6 K5 J( E# i" S
var BallSpeed = 20;" Z0 K8 U8 `5 J. t$ f
var contentWidth;
) H! c, P, }% }. u0 H; E4 C7 xvar contentHeight;
9 x$ H+ |% g" T' V% [9 Rvar maxBallSpeed = 50;* ~% g- X2 k3 I" O( C. ]

# E* f4 _) l% d# W3 J  Y/ @
6 ~7 T$ a2 H/ C- A8 a' Wvar xMax;
& j# G! f# h5 g7 m3 ivar yMax;( `# J/ ~. J4 l! y$ U, n. w3 s
var xPos = 0;
/ ]; W  \. R0 zvar yPos = 0;* F% _: A7 H7 j0 r1 \) G
var xDir = 'right';
: x( [  j; [5 ~* D7 k1 Vvar yDir = 'down';& G+ I+ ~% q0 ]8 D: L9 T
var superballRunning = true;
% h% w+ V" Z$ N- @var tempBallSpeed;) P! y& P4 K1 [
var currentBallSrc;
; D: P( t2 t9 y* q/ W8 gvar newXDir;; {2 V1 n6 `' D" q
var newYDir;+ S/ Q2 s: F: v; v) U$ J' b

. I! L/ d8 x) N$ c' Jfunction initializeBall() {
0 ?, J% k- Q- h   if (document.all) {
( A4 {7 z! s3 s; C" F& u" R      xMax = document.body.clientWidth
! `' y$ @# L6 b& M) P/ a      yMax = document.body.clientHeight
  j( r5 u! _4 a7 s- t      document.all("supertext").style.visibility = "visible";, E. q8 z/ n0 q( q+ l6 o; C
      contentWidth=supertext.offsetWidth
- J, a# o  w7 ]& U1 m2 ^      contentHeight=supertext.offsetHeight
0 U3 U" k/ {+ U4 m% s( L      }
" i, C5 v  Y. r   else if (document.layers) {
: c& k1 U) _% {; X# x      xMax = window.innerWidth;
1 Z. S0 J6 w+ h5 T; E# U+ {      yMax = window.innerHeight;5 ^" k0 B" x# V, P9 L
      contentWidth=document.supertext.document.width
9 t/ M' ~( R& w  F6 j) ^, O' i      contentHeight=document.supertext.document.height) Z4 ]1 {/ w. _# m& {/ j) b  F/ ?
      document.layers["supertext"].visibility = "show";
1 f9 a; k+ V( E, k+ j# s      }, q: F& B2 k( K2 K! |
   setTimeout('moveBall()',400);
1 p3 q/ I5 }7 q2 Q   if (hidetimer!='')7 e* @3 ]4 N' s3 o6 J! z
   setTimeout("hidetext()",hidetimer)
( t  o0 g8 J  d' V" @   }) L% F+ B3 O, O

6 l+ w; K4 X8 @" z6 o$ A& I, Xfunction moveBall() {
/ k% o  \( ]& s3 C+ Y' r   if (superballRunning == true) {
& [5 @2 t( R0 M2 M( U2 S      calculatePosition();
/ \, @1 H" }- C' R5 G      if (document.all) {
7 x" }! _& ^/ ?3 T/ Q, G, l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' D: C1 F! ~: |  @. m+ m( {: a         document.all("supertext").style.top = yPos + document.body.scrollTop;
- \) \& r$ i7 V" @' l5 e% F) a- W         }. c: R% b- g, h4 A* Q3 M1 Z1 L
      else if (document.layers) {; D. ?2 h# c# e0 A6 `
         document.layers["supertext"].left = xPos + pageXOffset;% j$ t# E7 `' k- v# x& A' F
         document.layers["supertext"].top = yPos + pageYOffset;- O+ t& H/ k/ D) w5 f2 A( ?3 v2 T
         }
9 c* N; S' [7 g- p9 J% s. V      animatetext=setTimeout('moveBall()',20);) z! u4 @! r0 a: M8 e2 L
      }6 @0 M  \# Z* m/ R1 A* i
   }" x- L3 q# G) j2 t, o! y4 s* E
% J3 u9 ^2 E! p: K* ^
function calculatePosition() {! Z) Q  y5 e5 ?5 R/ x7 H4 t/ X
   if (xDir == "right") {
5 V) V; U5 o1 Z6 N      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 o" B* w9 K" y         xDir = "left";
8 V, h0 {" H: r         }
! j* _4 o6 c& Z: M5 Z9 i      }1 o: L6 |+ E& J, e9 y/ W- M2 l
   else if (xDir == "left") {+ ^& X3 K. }% T  ?. U5 |
      if (xPos < (0 + BallSpeed)) {
9 O" k4 r& n3 G( |6 p* w/ C- _         xDir = "right";: _# }% B5 m4 Y
         }& R; s* ?+ c3 @% b- c! k7 Z
      }
2 k4 Y6 E2 l  S0 l$ G' x   if (yDir == "down") {
4 F& x1 j; Z# O# u) ~. D7 M8 s      if (yPos > (yMax - contentHeight - BallSpeed)) {8 |* r' J) @' k* b3 c- X9 {
         yDir = "up";6 A/ y* g& J0 v, k* k
         }" P+ \" T; \. ~# u
      }
1 @1 x6 z1 b; ^7 @. t8 g   else if (yDir == "up") {7 |' m& R" ~, ]/ G( E$ O, f0 [5 M! r
      if (yPos < (0 + BallSpeed)) {3 `7 i3 c  ]1 m! E) f
         yDir = "down";
+ ^4 E3 }" c- c( r4 h4 ^' r) w         }
6 [) M- y% z  J/ g+ L* t1 H0 P      }
' h9 \4 X% @/ P" k! e4 h   if (xDir == "right") {
) Y1 q: m* S. r' p7 R, B# Z      xPos = xPos + BallSpeed;
$ C0 T, u+ x' ]6 S1 `. Q      }# D. [% c1 j" a+ z
   else if (xDir == "left") {
3 H/ h! f0 l4 h4 y      xPos = xPos - BallSpeed;
9 N3 I: w7 E/ i* t      }$ x$ s4 k( [2 B. S5 i  H* F2 t( ?
   else {
1 N" g* ]6 O% C% D      xPos = xPos;
( V! U3 k" \, v1 W      }# t* g( b, T) {! D
   if (yDir == "down") {9 K! D  n1 v5 r% K
      yPos = yPos + BallSpeed;" d4 i! X( W9 F( Q& s1 b  ^
      }) `, ~( U* T/ m* V: I  L
   else if (yDir == "up") {
8 o# b9 A7 R6 K# u: g      yPos = yPos - BallSpeed;
* g: S/ j% S) @2 G! L      }
, m: S, v! E+ w8 N1 Q. n   else {
8 B& R3 n1 ]" g' i# T5 M- c- {      yPos = yPos;" i& P' B; C  D) b5 S1 r1 L# @
      }
! S9 h: @) g1 P1 k/ U   }% c0 i! v. n* {, a. V
  R+ @: t& B! K9 \
function hidetext(){
4 N" s/ k5 j+ v7 b7 c  aif (document.all): S/ V6 q, a1 F5 K$ m
supertext.style.visibility="hidden"' v: G1 V, c7 c4 {8 ^
else if (document.layers)( ]0 }  |  @3 I% u
document.supertext.visibility="hide"5 }7 j) w: s1 G; V, P& m
clearTimeout(animatetext)
3 b' P2 D5 n& o- r" O* Y}; T: f0 O" W& X- N. n  g& d
+ k# w' K, c; s6 V. x  B
if (document.all||document.layers){
; I  r5 d( W/ y* d& k% j8 m( |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 M0 g7 L' k9 l7 G* J# qwindow.onload = initializeBall;7 L" n2 t2 M  }1 U8 c
window.onresize = new Function("window.location.reload()");! d# m' b7 g& Y# M/ f
}
' f6 Q/ x5 s; u) X9 c% j  G# y5 H- e- c$ j0 L' O9 o4 H
</script>