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

zw2004

<style type="text/css">
; e" I5 N, t4 X$ z#supertext {
8 P8 f4 G0 ^7 E& \/ Eposition:absolute;
1 p* e2 n; Q* sleft:0;( ^0 Y* k+ D$ K/ u. N2 Y2 x
top:0;8 I# B/ H1 C4 o4 t
visibility:hide;% F. j8 m* s6 ~$ E
visibility:hidden;* m: ]9 Y$ Y* }# U/ Z
}
$ C) B* }* e" q7 x/ z</style>
6 k0 z; [( X4 \& v" w: T# a<script language="JavaScript1.2">
7 y  C/ C. G9 n4 ?. O' C1 F<!-- 改变下的字体的大小。颜色-->( P2 G! }3 Y. y/ |$ `2 }* s
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', i/ u/ r3 l" Z
var hidetimer='';7 b9 ~& F6 G$ [3 I
<!-- 改变下的弹跳速度-->
2 N% K9 F' M- O8 a$ R* Wvar BallSpeed = 20;, T  q0 `; g. S  S* X6 x# ?' k7 }
var contentWidth;* b: t0 o) [4 V4 L4 E5 i. b+ o2 {
var contentHeight;8 O  O4 A7 M# G7 F2 W8 N/ Y
var maxBallSpeed = 50;: m- C9 X4 v% @0 X+ v

) n: E! m" C. D- S# H! x: E; ^: I
& v: r& _  p& Pvar xMax;$ [) k/ m! t: n1 X; w' M
var yMax;
5 o$ u5 \& W+ x% p: J. cvar xPos = 0;; a* V8 K3 E# H
var yPos = 0;
2 ~( O7 X8 J5 q7 lvar xDir = 'right';
8 B! N$ D6 A- S' Avar yDir = 'down';
7 T% M$ L. r7 \* x7 x- }3 @8 H1 Avar superballRunning = true;
3 d% ^7 t4 P3 W/ P( W- {var tempBallSpeed;
9 g% u% |4 w$ gvar currentBallSrc;$ d5 ]8 G. |% g! ]2 Y5 [$ u
var newXDir;* g# y7 V4 a8 j' L* y* j3 ^
var newYDir;
- |- L1 k# d# m( ]$ T  |, N2 l3 y$ t) b) J. o* F2 ]
function initializeBall() {2 K* u9 f4 G' `" c) O* M
   if (document.all) {0 {  }6 ~2 Y4 \; F8 n
      xMax = document.body.clientWidth
; r% B. @5 J4 s% @      yMax = document.body.clientHeight
2 T! q  Z" c4 v% A& i! a      document.all("supertext").style.visibility = "visible";
+ _* G! _1 F1 {7 I; M; w3 ]      contentWidth=supertext.offsetWidth
- f" E( H. l9 c6 ?( j: \  r% B      contentHeight=supertext.offsetHeight4 `) e6 V; Y6 g0 Z: M, F: `1 Z
      }7 G" t) T( l* @! ]' T
   else if (document.layers) {
3 [" o( O0 M4 A/ u+ Z      xMax = window.innerWidth;
; D1 x( D' b. L( r! C      yMax = window.innerHeight;
- h6 s0 z/ D1 J1 O4 `      contentWidth=document.supertext.document.width
( T0 \) l$ j" r. o4 t* R, G, G+ d      contentHeight=document.supertext.document.height+ l, N, r, c8 F  F) V" C, z+ ~# ]( o/ U" s
      document.layers["supertext"].visibility = "show";
: i& r* R& E8 `! y      }
+ Z3 W" G( }# ^$ F) K   setTimeout('moveBall()',400);
+ v- b  `% L5 `3 V1 q, [   if (hidetimer!='')
2 k* x7 E% l+ Z   setTimeout("hidetext()",hidetimer)' L" I. Y9 U4 C6 \6 I5 W9 ?
   }. `) b( C; S: a
  {, |$ d: ~! P) v3 O$ f0 b
function moveBall() {7 M  s. A5 @1 N. B
   if (superballRunning == true) {& c: q8 }0 s; ]; \  U
      calculatePosition();0 d: @! k$ B7 H5 g) d* T4 |  I
      if (document.all) {" Z7 x; u  f+ w& C- Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 @+ [# v' Z0 I: W' _+ g/ Y2 t0 d         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 U1 V5 g& Y( ]& p         }
; B9 L5 e" Y0 e% m$ f: ?      else if (document.layers) {
* g  j  g6 {; c1 x: g3 o) O! g         document.layers["supertext"].left = xPos + pageXOffset;
! ^- d1 f, y9 D% J/ E% V$ U) I; c         document.layers["supertext"].top = yPos + pageYOffset;4 r  b- p/ S% h# A( _3 n
         }! ]/ T/ g5 W$ B! R" W% C
      animatetext=setTimeout('moveBall()',20);
9 x  N' s& V3 l( m      }
: ^- [0 B: Q! y+ R   }- x! f$ C* a; I- r- u
3 Y0 }  Y: `; ^+ _* {$ `6 f4 ~
function calculatePosition() {( _$ C& Q7 U. j6 S
   if (xDir == "right") {# d6 F+ Y. j$ C7 s' |
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# c2 M% f& h4 Y4 ^7 t         xDir = "left";5 l0 Q3 }" K* w+ E0 q
         }
- B! K; A! s+ A; p      }. t+ e: k( v# A3 s4 J- Y1 t. d, ~
   else if (xDir == "left") {
; l! P/ s9 ^* P/ u0 p4 B' B      if (xPos < (0 + BallSpeed)) {1 ~$ Q) ]: Q  m+ r3 B
         xDir = "right";
3 G' F" l7 r: _4 P8 j         }/ p  Q4 W0 N0 A) J
      }
& M6 _4 i( \- Z5 N3 j+ Z   if (yDir == "down") {
) O* w4 w: s9 O      if (yPos > (yMax - contentHeight - BallSpeed)) {
! I" B# d4 F) Z9 |8 @+ `" M& z7 B         yDir = "up";
; s0 f' W( h# [! k; v5 J; H4 w8 x8 T9 N2 c         }
' d! W8 ?+ M% Y  }+ e% `  t      }
% _/ u# E5 H7 }1 g   else if (yDir == "up") {8 G, `* w: i- h0 V  _4 v
      if (yPos < (0 + BallSpeed)) {1 m5 m& {6 X' y' E! ^$ r7 |$ V
         yDir = "down";
2 N5 |6 t% P7 T. [5 f& N2 Z         }
) g, L$ g! ~& @6 Y+ I      }! @( ?' U% T) ~: V( O+ N
   if (xDir == "right") {6 l* q1 X2 ~- w2 x, [
      xPos = xPos + BallSpeed;
9 ~/ @7 C- h0 G" H4 a  E' Y- Z) O! ?" r      }
4 B) a) n4 y" i( \" s   else if (xDir == "left") {, Z2 I' z8 \$ M; d: A, {. G
      xPos = xPos - BallSpeed;
3 a2 m" _( c0 B. G1 U% |5 W0 c      }
* `6 t5 k) t/ x- h6 F   else {0 D* q; P7 J. ~' e6 `: \, @& s* m
      xPos = xPos;: ^4 h  b: Q/ X9 r" ]4 w
      }
8 ?5 O+ i( O% m1 i) g: s! [   if (yDir == "down") {
6 h4 d, k5 C6 W) D( ?6 h& u      yPos = yPos + BallSpeed;. `  t- Q; }. ?/ h* {7 z
      }. {& O$ l- D5 s7 E7 s* n/ X
   else if (yDir == "up") {
2 I+ }! I5 V9 G' {, X      yPos = yPos - BallSpeed;% T, G5 Q" r, v% U! s1 z8 p/ s
      }
; ^0 ^- V  l, c7 `0 J4 g& G   else {
) e. U5 {3 j2 N( Q. ~; @1 s      yPos = yPos;$ I2 Y5 ~, K$ i
      }
6 R& c0 m5 F) w+ A8 M; a- Y   }( k2 ?3 r. K, p% G( e" X0 {
+ M3 n, X! ?- X% G. }
function hidetext(){
" z, t. S& M) n8 }* v" eif (document.all)
0 u4 M' K; V% ?; osupertext.style.visibility="hidden"
) X' p1 v1 \- r( A8 f0 e7 delse if (document.layers)0 f) {, k( M4 m$ a
document.supertext.visibility="hide"( l' k# ?7 V3 E7 ~( r
clearTimeout(animatetext), f+ q: K% p7 \. _& a* J
}/ V6 g$ x. ~$ J, E* G, y
5 k7 r4 P# E, P0 V; b6 m2 f
if (document.all||document.layers){
" ~; N4 @9 k& l# l+ U+ fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 _; H8 A6 d/ o. p2 `. J( qwindow.onload = initializeBall;2 Y: O8 d4 b. M, v1 t7 Z
window.onresize = new Function("window.location.reload()");: T  }6 i# f0 _# ^' s$ Y! l+ b
}, A7 g7 r, f: y+ i0 S

$ l) y. S* U8 d3 c* M" M</script>