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

zw2004

<style type="text/css">
& x9 n1 x1 {8 k! U6 K#supertext {
8 D* D% F( w- q: hposition:absolute;( L, E1 H/ G$ s2 q1 {% W' s" s
left:0;
$ _8 e7 }3 v7 K8 ~top:0;$ x, \( C1 U  I* n& m
visibility:hide;2 A% @0 G0 ~  y# F, w  X. u) C2 Z
visibility:hidden;( |  V. W* X$ q* c2 P. r, l- B) a
}
% [" N2 v+ F( R- c# k' m" M" q</style>
& u4 g4 Z$ C  {9 ^3 T# c<script language="JavaScript1.2">
' K$ |3 k4 U6 R<!-- 改变下的字体的大小。颜色-->% s8 n& m9 t$ U  Z6 W' r+ `# Q# U
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 c" h2 d3 Q! @- T, P: N6 M5 Ovar hidetimer='';# {1 i& u/ S$ p1 K8 D# l0 T
<!-- 改变下的弹跳速度-->
( S* Y0 {9 M2 N+ b% Z9 V) svar BallSpeed = 20;
8 R0 _% K$ N5 O3 evar contentWidth;7 _, A' e+ P# O% C3 E
var contentHeight;0 Y8 l8 }5 d, g, [4 Z
var maxBallSpeed = 50;/ n& n4 n) o: O+ Q' o# Z

0 u( |& _2 B- K! p; B# }
7 p( @- F* x. c- d3 K$ x) h2 uvar xMax;
# ^# S$ l+ B, B1 t; ~# f* R) ]var yMax;) w1 R  _1 @% j5 x: y
var xPos = 0;
1 [/ o" `6 o  x/ ivar yPos = 0;
! w" ]' G  ?9 gvar xDir = 'right';
) {& a, Q% g! j  r/ Y6 U% G, bvar yDir = 'down';
- u! C9 N! m3 S) @' E# U  N4 [var superballRunning = true;
& o1 r; b  f9 R8 Ivar tempBallSpeed;
) O$ b5 [5 h2 U0 D' _- cvar currentBallSrc;; O. ~! a: w* r) r9 C
var newXDir;
. [( T. f9 M* W; b. M7 \- _var newYDir;
& \* p  W, L. g" ]* T7 y
7 P' s; w2 V8 I: G* }function initializeBall() {
8 o, y% |, H5 y" [, P   if (document.all) {
& t5 f; H9 B% L, |/ x! s( _      xMax = document.body.clientWidth
% m% H1 \3 w" I% ~3 x      yMax = document.body.clientHeight' k; L* ?% I! C- a  s# Z1 H9 K2 j
      document.all("supertext").style.visibility = "visible";; F1 |0 Q. s, o% i( m0 {6 z3 X
      contentWidth=supertext.offsetWidth
( n, v5 k; |7 @      contentHeight=supertext.offsetHeight
# t4 _+ [5 t. e      }
; T$ [6 p% i4 p1 N   else if (document.layers) {
( L% t: `0 W4 [2 I5 F      xMax = window.innerWidth;
9 C! l# y4 x0 e" W* `+ R      yMax = window.innerHeight;2 }2 C: L* ^( W2 l# W6 ~
      contentWidth=document.supertext.document.width
+ Q6 N, f" p% Q2 l8 u0 S: z      contentHeight=document.supertext.document.height
) s* p, F5 d' v! K3 S      document.layers["supertext"].visibility = "show";) V7 y( F3 g, M+ L9 r
      }
2 Z9 L' Q* W3 Q" l2 r   setTimeout('moveBall()',400);
5 e3 g/ s) n( m# H4 K2 J3 ], A# d   if (hidetimer!='')2 j% W) c/ N9 a5 r9 g! s' @
   setTimeout("hidetext()",hidetimer)
2 t* v) d6 M) |) `2 g, N   }: j. t0 s0 @, x4 D( g
3 G; j% [/ v) A& x' {  m; v8 W
function moveBall() {. T  @) d0 e  E  Q7 O
   if (superballRunning == true) {$ T/ i; O3 c+ K5 U/ W2 A% h4 w
      calculatePosition();$ r( X$ E( }% k. `3 Y
      if (document.all) {/ z) o! b) r9 T' p5 h
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. j/ l6 }$ _* D% T6 g% U5 e& K         document.all("supertext").style.top = yPos + document.body.scrollTop;$ ^5 e- o; O7 ?; K$ s" l
         }
3 ]; }" ~' h' v6 a      else if (document.layers) {
3 Z9 o; X1 u- S. W$ ]         document.layers["supertext"].left = xPos + pageXOffset;1 G+ z' h7 D1 u' h2 ~# p3 n& R$ b
         document.layers["supertext"].top = yPos + pageYOffset;
0 n0 x+ J3 [7 N8 `9 D         }. {( J9 s/ V" D, _- u
      animatetext=setTimeout('moveBall()',20);  E2 Q" x& s: k: R8 S
      }
6 o  a* _& S3 x. ?: d, O   }& ]) P" s# Y# `! [3 o# Z0 x

' a3 z3 I8 q: m1 o; [, b7 K! pfunction calculatePosition() {& n, l0 j. g6 Y/ C* m2 w
   if (xDir == "right") {; E, v/ f* l8 S
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 @6 B* q, v; A9 K  Z! U( P" \
         xDir = "left";0 y, @% |- j  v3 |3 N/ Q
         }
; v1 r) u( d) I5 D+ U' {      }
# Z$ P. X& G4 s" m& o  M   else if (xDir == "left") {" ]4 @. O2 i& I
      if (xPos < (0 + BallSpeed)) {9 v* e( Q& v6 O0 K( P: G- o
         xDir = "right";! j$ T( Y$ k6 [. I# I) W% U6 Z
         }: d5 g3 }+ N# R  s
      }3 Y0 V8 r( S8 T/ d+ `& Q
   if (yDir == "down") {
! |. f1 o& C( X/ p! G9 ~1 |      if (yPos > (yMax - contentHeight - BallSpeed)) {; D' ~# X, f) G+ @9 t  o; M7 q
         yDir = "up";# o0 Z8 _6 f9 h
         }
1 D: Y. L  {6 w$ [      }
) F6 I" S& E4 \& z/ @/ F   else if (yDir == "up") {2 S% @: X6 v0 T8 E; ?3 `% ~
      if (yPos < (0 + BallSpeed)) {
  V0 u% E  T& k) Q9 B         yDir = "down";
! b; d6 I" n3 ?( a         }& f9 M% N  k& [/ r6 b1 {
      }4 ]* R. y- q# s) Z; A% O. Z
   if (xDir == "right") {% N4 I5 d! ~+ F0 G& `& k! Z/ R4 t
      xPos = xPos + BallSpeed;
5 z1 b7 L# @# [; Q5 {      }
0 f4 M. g  a( l. u# J   else if (xDir == "left") {
6 R+ Q" J) \3 O% p      xPos = xPos - BallSpeed;
& V# O! H4 ]. R2 o% z! v, j' D      }) G5 b3 ?- M. X; u; D% t( c- g/ A
   else {" L" ]/ O( y4 ]# ^" W5 m' B4 B
      xPos = xPos;% B& T1 `3 {, Y; e8 \7 W, \$ C2 D
      }  |1 z: d. c* e/ Q* B0 o' O4 D
   if (yDir == "down") {
# d! x2 @7 |$ O9 m* S/ v) _# g; q      yPos = yPos + BallSpeed;  ^4 K$ m9 j2 z7 c
      }, y8 o8 X; U5 u1 z0 h, M0 q# t/ X
   else if (yDir == "up") {
7 ^5 D/ Y  Z2 g9 g      yPos = yPos - BallSpeed;  C, q' w9 s! A5 @) i1 \
      }% \9 v( S5 E8 }( |! v
   else {* X% A6 l& ~# E2 r3 g
      yPos = yPos;
7 _6 K  g/ X! Z) c      }
) h1 f5 K$ M& S8 A   }/ N( r/ H4 S% v8 B
3 j( Z/ b+ \9 e3 a) f4 A2 r( C. z
function hidetext(){
- J) O$ V! ?& J, a* f9 Qif (document.all)# `. j" \0 \& W# Z* e
supertext.style.visibility="hidden"# N. B5 E' j+ l
else if (document.layers)
" h1 C; o+ i0 K5 [document.supertext.visibility="hide"+ `( S: f/ q' x6 `" z
clearTimeout(animatetext)& |& M8 u! A* Q( s6 F) F8 F
}
: S% k. I' W- _4 A1 {" v! ~4 e! \$ T$ @. e. d* `5 Q. _
if (document.all||document.layers){4 P4 ?# K$ t  A6 v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ h6 V& d- U) F- Rwindow.onload = initializeBall;* f' ]! G- G1 v" o5 y! f; U' X' R
window.onresize = new Function("window.location.reload()");
  ?' i4 W; D5 v" y: ~}' [6 X6 H2 }' R; L/ H" D6 z# ~

9 u; v6 H! m  [. K</script>