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

zw2004

<style type="text/css">
  u: c5 o4 ]7 E; p#supertext {# a$ w4 G# k0 S+ L
position:absolute;- {! d2 b) @# S  B! ?' z: B
left:0;
0 K' b5 ~, a" d- z! O5 c6 Ttop:0;
, u, }6 \; G% c2 x2 Q' o6 }visibility:hide;- F' A# d+ X& L& `
visibility:hidden;5 n% t% i/ v  j) J) j
}: [* F5 d! K3 f8 b- H& g
</style>
% `1 w4 ?, _& I5 k0 X4 X8 \7 }" O<script language="JavaScript1.2">" i' I$ L; [& k* S. M2 _+ q+ W
<!-- 改变下的字体的大小。颜色-->2 d% E7 v4 L* |/ O6 ~5 l
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 B6 K% [4 g& X
var hidetimer='';
# S" E- z6 `2 e8 t. p; ~4 A2 t<!-- 改变下的弹跳速度-->2 T; a  ?) R: W( A
var BallSpeed = 20;
" o" \; L' d8 I+ Y& `+ zvar contentWidth;
# W; g6 x( P8 N# y6 u' k/ d( B- Vvar contentHeight;2 `( y! {7 S% P
var maxBallSpeed = 50;1 c* T8 c- {3 L) p, U& o# T

4 M% m2 T) y3 _+ p1 E4 h8 |. ?  Q8 a- `/ C. q
var xMax;
, F- M1 q" t) N. {8 e0 u  Kvar yMax;
# u% X8 s" [* `$ u5 @var xPos = 0;
2 R9 K3 E4 y' m# Bvar yPos = 0;
: Z, D( C) L1 wvar xDir = 'right';
$ Y% m# m5 ^* b9 F$ R2 Dvar yDir = 'down';& }/ e$ w1 H, l' T' X
var superballRunning = true;
6 K/ N, ^* Q: ^! A. V0 I& evar tempBallSpeed;
4 f/ v# |& i( k/ T1 e( Mvar currentBallSrc;5 s. {: r7 m( b: z
var newXDir;
- K/ a: r- }  B. w# X  ivar newYDir;( A. t) d/ j5 L# f; j) i& s
! o# W* u( k- w) [5 f$ }# x7 N
function initializeBall() {
0 u8 p) v6 f6 i! h; b* b; W4 M   if (document.all) {% ^) e" t  w6 S
      xMax = document.body.clientWidth8 d- o! \) P$ f3 l+ h: ?6 d% j
      yMax = document.body.clientHeight7 Z1 f/ `' q$ ?" n/ l
      document.all("supertext").style.visibility = "visible";; Z. d/ a& g: w. ]
      contentWidth=supertext.offsetWidth1 v3 @5 c% u- R7 p& C' \. x* M
      contentHeight=supertext.offsetHeight
8 w( E5 n1 c, N! |5 ^5 D      }* ]- g# W3 l- U3 H9 J9 Q" p. Q. M: |0 O
   else if (document.layers) {7 y8 v, m6 M; p4 Y/ X. E3 F
      xMax = window.innerWidth;( ^1 b7 }# j  F: E) `1 J
      yMax = window.innerHeight;- \4 \* k% m# [# u2 T
      contentWidth=document.supertext.document.width
, S* e; w9 [7 I5 r* s& R% v9 Y$ s' y      contentHeight=document.supertext.document.height
* b$ q/ u6 a( e$ v. O( y# E; M      document.layers["supertext"].visibility = "show";3 V( w4 a5 J: }' N5 w/ U
      }
* ?0 o0 {' e2 Y$ a% s   setTimeout('moveBall()',400);8 E1 z% `; k! Z% j; c  o2 c& o
   if (hidetimer!='')
' ^3 ~7 ?0 x( C# T" g   setTimeout("hidetext()",hidetimer)2 l3 K( F9 X5 w1 A1 N9 Y
   }8 |( u/ U% T5 ^+ ^  p
* M( h$ L% Y; U$ r# {
function moveBall() {
- a8 @3 m) b: n/ @   if (superballRunning == true) {
; ?+ Z1 J' m9 d4 S0 R) N      calculatePosition();$ F7 ~7 e) T+ \1 o  u8 `9 ~
      if (document.all) {* D- S- b# }+ p
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& `5 z3 t0 }: h3 q7 c         document.all("supertext").style.top = yPos + document.body.scrollTop;
- B" Q! v9 U1 o" y         }1 U) T  A3 E* l: i
      else if (document.layers) {& l: J1 T& v3 P- a: i  f
         document.layers["supertext"].left = xPos + pageXOffset;6 h, Y# p$ D  ~/ J9 n! j
         document.layers["supertext"].top = yPos + pageYOffset;
* A5 H4 b0 f+ X+ I         }
; T% g" A! `3 T; V4 q5 ]      animatetext=setTimeout('moveBall()',20);
, e; K* P: Z/ S- |      }7 T; w: i* A1 a
   }
- U) G2 z9 ?& T* V/ Z/ \, R0 c# N/ s: c- x6 y; a% R8 C
function calculatePosition() {9 p" n. s3 a, j; k$ s- |+ J
   if (xDir == "right") {
7 Z9 x& R. k  j" e      if (xPos > (xMax - contentWidth - BallSpeed)) {4 \" u. q# a( V
         xDir = "left";2 _& \; _+ o& \- N9 i$ a; r
         }
, A* f7 f* r5 y; f2 H+ Q      }
* t5 i+ {' O3 ?; h' D/ {   else if (xDir == "left") {7 k  q5 ~5 X5 _$ X, l- m
      if (xPos < (0 + BallSpeed)) {
6 ~  ]4 q* ~9 V+ e         xDir = "right";
  M! L, a" }) |# l- K2 h2 S         }# f7 x. y7 J4 P8 d* a$ s
      }
' X, g$ Y2 _5 O   if (yDir == "down") {
8 G+ }& A, x* _  c      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 v& l7 n- @+ j. e" w* v" a         yDir = "up";
, _: E# J! H( M" b  Z. c         }  I+ d8 K& ~6 S# N. M
      }
# x; o* @. i, N" V   else if (yDir == "up") {" Y$ N: P1 h) i$ c! u; A3 d
      if (yPos < (0 + BallSpeed)) {- S% a0 B$ y% o: e) ]& X
         yDir = "down";! P9 D8 a% A3 B' ^& L
         }
+ R5 I1 O& g" L3 e6 l  L5 B, T. C      }+ X8 I6 ~! U' I. P" h
   if (xDir == "right") {
6 \7 ?0 H+ j! Q9 ?* X9 A* S. O      xPos = xPos + BallSpeed;
) k7 v2 m7 d) C/ H9 e$ r      }7 R2 A& f* e8 O- a7 z
   else if (xDir == "left") {
; U, Y% e" x7 J6 }& L8 D      xPos = xPos - BallSpeed;  A0 j9 Z2 _6 [- t/ ~/ ?
      }
* X8 G" Q; ^1 L# d% P5 i   else {
: ~) E: i) K! r, T% Y      xPos = xPos;
' ]( o$ B- B2 c! L      }
" f. j' ?7 J' a3 U1 Y- B$ r3 H   if (yDir == "down") {
3 {) u  r5 q( @6 B% m% K      yPos = yPos + BallSpeed;2 S# p8 ?' O. E: [
      }  I4 W1 }3 @8 {. h; x5 M1 Y
   else if (yDir == "up") {. |, S+ Y! A; U: M- Q0 t$ i/ B
      yPos = yPos - BallSpeed;  \3 V& Y) k5 ]" y% A7 T
      }" @8 i$ o! |# N  O) Z- ?' `/ [
   else {+ G+ a! x  f) T
      yPos = yPos;
! y! t, ?" h3 A( s! G      }) F: j- u2 P* `: s. l: O8 q
   }
& r6 W: J. T. b; H1 R
$ g, s! j1 n& H; j+ j2 tfunction hidetext(){
. t& }+ A$ K8 Wif (document.all)
5 `4 u9 B0 B/ O" A% Csupertext.style.visibility="hidden"
0 L$ \) Y" W3 G  w$ d5 Y8 K0 t" Welse if (document.layers)
# X; I$ x: F3 q7 J6 U$ hdocument.supertext.visibility="hide"
& {6 F9 i! B9 {$ j2 [0 u- m$ w0 eclearTimeout(animatetext)
3 ~" u+ {$ q) c) I& U}7 r, c- D6 b8 f% j9 w
: [6 Y6 `2 p5 f/ p
if (document.all||document.layers){7 \" V3 N& a) o& m# i2 f0 g4 ?- R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( M: ~( n5 E% H, ?' y6 ]  X6 Q
window.onload = initializeBall;! d% M! n( [4 |: B, b
window.onresize = new Function("window.location.reload()");" [2 }8 R, j$ p4 t9 @
}4 c/ K* b5 |& |; a
$ X; N3 t  _/ M( o" c. s8 V6 j' L
</script>