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

zw2004

<style type="text/css">! H3 u+ Q1 H9 \- p/ e
#supertext {
  u# Z1 Z9 A4 l* xposition:absolute;+ _0 n( v* b6 q7 o7 W9 x& y
left:0;
% ^: X& a: T% v  a! V0 [top:0;( _% g0 d+ y  s3 J' e1 }
visibility:hide;
8 O! m' _7 a" R% Bvisibility:hidden;
+ p2 d5 U. i- a$ o) p. J}
5 V! Y, u3 g6 E$ I</style>
' n3 H2 V% s7 G- G/ o<script language="JavaScript1.2">3 Z! ]8 Z2 P$ W6 O; X/ E$ C  E
<!-- 改变下的字体的大小。颜色-->
# |& g- R0 J* ~. A7 uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: f6 J$ V& y; A3 avar hidetimer='';
8 J2 e6 T5 L1 \8 p1 r7 h<!-- 改变下的弹跳速度-->
) b" Y* ~) O* Q2 Yvar BallSpeed = 20;+ I. Y5 t+ L- j+ m9 U
var contentWidth;7 y( [  M1 r: x$ Z! K- t
var contentHeight;9 A/ q! I% `, i8 A6 e2 [. L
var maxBallSpeed = 50;" H8 N# I, y5 Z+ P( U& n2 u
9 ?" o3 {5 d6 d

3 p) B% a2 r! g# ivar xMax;
2 d/ X6 g0 L; W  R( i& rvar yMax;* [% Y2 B; X1 y% S) m% a
var xPos = 0;' u0 l2 E6 b. Q7 T
var yPos = 0;& |  z& G" }8 k4 b# e' q
var xDir = 'right';+ q) |8 v; e( L+ i/ i
var yDir = 'down';
; M+ \. T* `! e" X6 Gvar superballRunning = true;
" h; L$ a' r6 _$ Zvar tempBallSpeed;
9 _# }6 y# Z& O& }/ @1 z. dvar currentBallSrc;
$ P8 y' s0 H' qvar newXDir;
3 j* X+ V) \1 _- ^var newYDir;
6 k4 W9 E' f( U! X+ }4 |5 m, e7 D; J( H
function initializeBall() {
# }. @7 j1 Y6 L7 P4 p   if (document.all) {8 i' ~) P8 C- c4 T, {* c
      xMax = document.body.clientWidth
! y: z' w& q( A4 o. D      yMax = document.body.clientHeight& q5 k, X6 S1 S% Q- W0 O- ?
      document.all("supertext").style.visibility = "visible";+ d0 ~+ N, v: ~' a. |8 f$ A+ o0 O
      contentWidth=supertext.offsetWidth" u/ u8 w0 I" T7 V/ L" C- W& A
      contentHeight=supertext.offsetHeight  o1 `# Y; c; A/ X6 W
      }
, u  v) x5 e0 E5 S/ K% ^   else if (document.layers) {
8 y5 p7 j% l) `/ N& F      xMax = window.innerWidth;
8 ~6 M  i* n7 Q9 i3 X: z5 D      yMax = window.innerHeight;
4 K4 p2 C7 C1 F3 m5 o* K5 q      contentWidth=document.supertext.document.width
7 d; j2 q7 @) F  E/ Z2 x      contentHeight=document.supertext.document.height
! p4 S7 K' k$ `$ `& j. v$ S      document.layers["supertext"].visibility = "show";  }. R9 E+ p; I/ u
      }
& {2 ^. A2 n4 G1 D$ L; k! n2 ^   setTimeout('moveBall()',400);
" t6 z6 N1 {  j* t9 D! o   if (hidetimer!='')4 p2 N3 \% O8 r4 N1 y( u
   setTimeout("hidetext()",hidetimer)
. N6 S, Y3 h" U# I  w( B( w   }
2 F; W! s, r6 n3 F; g+ c" u3 j/ B9 e9 s$ c7 |& l
function moveBall() {: V$ t! f% g5 \* F# v
   if (superballRunning == true) {
6 M% S( h6 Y8 B5 W$ G9 Y+ B      calculatePosition();5 A1 J: ], f" l7 v
      if (document.all) {* h" V6 e8 q+ g2 K2 l5 \
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, y4 k6 E" F' a' X         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 ^( W, x8 I* Q         }* R6 b& d  C, H% x
      else if (document.layers) {" k3 g) E6 y% Z
         document.layers["supertext"].left = xPos + pageXOffset;
) P. O* s1 L. v6 f, w5 U5 h' d         document.layers["supertext"].top = yPos + pageYOffset;' T7 z# M0 i2 w6 w, F6 G& m
         }
" X% }( ?; o* Q/ `$ p  U      animatetext=setTimeout('moveBall()',20);
8 F" S1 w# b! \- c) _( o      }
+ O1 J( P, N  O0 m% o; U1 a# J% G   }
: M, }$ w8 w, A! p" m
0 G. B& u" r4 r0 I3 D6 h- jfunction calculatePosition() {
8 O  C, Y+ g% c7 K4 ]   if (xDir == "right") {0 M& f" p6 w1 F5 N
      if (xPos > (xMax - contentWidth - BallSpeed)) {' a% x3 H: a' M. x1 @) x8 h
         xDir = "left";
! J! @- R8 o; o% b& j. A         }- M1 y$ s/ a9 n- g
      }
% I8 k) R& s/ ]+ S0 X: C   else if (xDir == "left") {4 k2 \9 H! I' K6 j, h
      if (xPos < (0 + BallSpeed)) {& i' V' q3 S; W8 p7 [
         xDir = "right";
% G" M# d+ g9 b  ]         }
1 W8 U2 V4 ?) M4 l8 D) \      }
; D' V  e1 `0 P& X  |/ l/ X   if (yDir == "down") {" g) s9 ~, e# C
      if (yPos > (yMax - contentHeight - BallSpeed)) {. d2 B) U; Q  v% U. }
         yDir = "up";& M& D$ B4 q/ H5 U
         }
2 G& r/ k7 r1 b/ r      }" i/ e0 b" ]' F1 f8 m8 N7 a
   else if (yDir == "up") {
3 L8 N0 ?  x* a7 y. a, W4 c! k      if (yPos < (0 + BallSpeed)) {; i" [1 C, C% f
         yDir = "down";# `9 W$ ?' D0 o  h( w. M2 g
         }8 Z( G# n: S5 @" ^
      }
  t. `! Q) K0 p( M6 I- O6 F  e7 Y   if (xDir == "right") {0 n" |  @9 z5 m1 }
      xPos = xPos + BallSpeed;
& S' b9 O0 n0 \8 ?1 E4 b3 E      }$ c; l& H' ]8 ?5 |6 a/ g1 @
   else if (xDir == "left") {9 a8 K2 Q% L) p
      xPos = xPos - BallSpeed;
/ C5 o5 G. \% D2 R2 ~      }  [9 x8 s/ ^  S* i* u
   else {" S! m  M( t; U1 C  k
      xPos = xPos;, Z0 v8 L" [/ p0 A! S0 M
      }; C8 C2 L& ]% r9 f" H. j8 o& v
   if (yDir == "down") {$ K* Y/ h4 j& G
      yPos = yPos + BallSpeed;
/ ^8 m( ~' Y* ?      }; Y- c1 P0 C! s5 A% _
   else if (yDir == "up") {# ~; ~; p: l* C) d1 v1 h
      yPos = yPos - BallSpeed;
2 r7 M( l: O% ]$ E/ i      }" W  f& x" ]" j% |. O* S1 q$ R+ X. ~
   else {
) [( L- ^1 O% V' k0 q      yPos = yPos;# F3 I) i* E: i
      }% E+ b' E9 q( I' G
   }
. d* U/ c; J2 e9 y; |6 u- T; K/ h/ T, @: j4 z: a; g7 \
function hidetext(){
) \6 H+ K! j; {+ z( N' yif (document.all)$ G3 ^5 I" R8 N, k# C
supertext.style.visibility="hidden") G5 u6 O- ]3 f
else if (document.layers)
8 _1 @2 b1 w" E. `2 V( z* gdocument.supertext.visibility="hide"# b2 }4 O. \/ _4 z$ I- `! _
clearTimeout(animatetext)
% @7 H3 @( s- t/ j7 g( s}8 Y& M9 |+ Y5 Z/ X; \' P, i3 |7 J

* }) Q% a" Y& ]& _0 d3 X  iif (document.all||document.layers){+ d9 A3 N" K* Q9 @0 l- w
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 y$ O0 O7 l% u3 mwindow.onload = initializeBall;: E+ {" [0 `6 \, Z  {1 V# c$ n
window.onresize = new Function("window.location.reload()");, Z2 O& |& Y' F7 \
}
% f1 p! q" E5 O& z) @- x
- l) K; Z% E8 m, m! p</script>