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

zw2004

<style type="text/css">, H1 p& R  z7 n: [1 @, F1 u/ U, }/ m
#supertext {1 H# S: t' {; a/ d* i& ~
position:absolute;
: C& v" f) P. P6 b8 T  J* Ileft:0;$ ]' f0 [9 _: A8 Q6 r" G" \+ s
top:0;8 K" x; l9 }& U2 n" c( k
visibility:hide;
0 t' F& W0 J$ i4 \$ svisibility:hidden;
4 f0 c$ }5 `0 u7 ~4 u% V}
' k  h7 Q9 _0 U, r1 z6 u</style>
% Z6 \% }( S& M( B$ I( \8 ]<script language="JavaScript1.2">* J! r1 G" |5 [& H( U; m$ U
<!-- 改变下的字体的大小。颜色-->
1 b  ~7 i  V' P0 D+ B; B  Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  u4 R& l0 i8 E- n
var hidetimer='';+ w. m+ z5 A  @& U& e* |$ t9 k
<!-- 改变下的弹跳速度-->
- o" z( X7 o! ~  X' ]" zvar BallSpeed = 20;/ d" _9 Q1 u$ l! Y: K2 {7 e
var contentWidth;0 Q8 n* m3 \7 P: m& F% g  ]& o
var contentHeight;
8 o2 h$ M& M% I% y" h  F+ ]var maxBallSpeed = 50;4 q5 v8 p. J: T( m' a" q- H0 U' t

4 B0 w' s- y* \3 B3 C& l' N
& R* ?5 x0 O2 W# nvar xMax;
! J3 O8 }) h% j% Pvar yMax;
% V+ N7 C) ~" A9 ?& x! pvar xPos = 0;
3 Q- i' y1 ~, Q& x9 p1 V! B* Cvar yPos = 0;
1 l. n- _  L9 j3 c9 evar xDir = 'right';. j( f0 P0 _$ d, R+ c* \7 q
var yDir = 'down';
6 M; D) Q9 v; d8 E" Xvar superballRunning = true;1 |8 T9 d/ M7 W1 }; |3 r: W
var tempBallSpeed;
7 O. n3 B  q6 Dvar currentBallSrc;9 _& K  @8 U$ Q7 ^4 s/ T
var newXDir;
# _& K) P  K3 T0 z7 ~2 Vvar newYDir;, S5 L! U2 G' c/ F7 Y

' Z* \$ S, I5 ~7 Xfunction initializeBall() {
. q$ H; D  g3 t2 U   if (document.all) {" J: T4 p8 P! {7 @1 M/ O* u7 v
      xMax = document.body.clientWidth
* W- q# ]0 c; H0 g( j9 [, e      yMax = document.body.clientHeight% C6 S! Q$ a$ k+ m
      document.all("supertext").style.visibility = "visible";3 I) t6 ~) \! o0 d0 u# B& i
      contentWidth=supertext.offsetWidth. w; H3 }7 ~9 k; Y
      contentHeight=supertext.offsetHeight
4 l, D- X  g+ ^      }
4 e" L9 }4 h+ G/ T; W0 I0 [   else if (document.layers) {
$ S/ s- `% e9 E' J6 C/ _5 O/ i      xMax = window.innerWidth;, C. W- C, v9 `
      yMax = window.innerHeight;/ u4 T& y8 Z$ o
      contentWidth=document.supertext.document.width
* {3 V4 r8 m5 m  Q+ x      contentHeight=document.supertext.document.height
- R* {3 g- e! B' z! q      document.layers["supertext"].visibility = "show";8 H6 p) q& C' F; Y
      }5 H4 V$ q! [4 q# Q. `
   setTimeout('moveBall()',400);
# V8 y  u. y0 L6 `* F   if (hidetimer!='')0 T& d0 t) z7 T) O
   setTimeout("hidetext()",hidetimer)3 c/ J9 F8 k3 r) a# C4 v
   }
# a/ T5 ]: f+ _  F; Z4 B) X+ H# F; E( z) Z8 z* r2 H8 C
function moveBall() {
8 R* d( z) O% P   if (superballRunning == true) {
( M. a( ^) }; b  r# H( t3 J      calculatePosition();5 u  a$ ?$ d' }1 [& Z1 `3 P
      if (document.all) {& z0 d3 y+ H, S3 d2 S5 U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% y6 s, M3 K' i0 ?         document.all("supertext").style.top = yPos + document.body.scrollTop;
, s& _. ~" f% M3 [+ X( \' z! I/ b         }, r8 j9 _1 z& ]2 D
      else if (document.layers) {, ^" V4 o3 G, l
         document.layers["supertext"].left = xPos + pageXOffset;! n7 E. y' \% W3 H# G. D
         document.layers["supertext"].top = yPos + pageYOffset;$ H" Z7 [8 [4 [, ?+ J1 j
         }
" Z! s* W) W, V( Q, e      animatetext=setTimeout('moveBall()',20);
/ c$ ^( V4 }* F0 ]5 e      }$ C% C4 X* Q9 N- i7 n
   }9 z6 J/ m) T, b; w. q! C6 O0 w
. f+ v6 ]4 A4 w8 `# c
function calculatePosition() {- f$ }- ]7 L2 e, c
   if (xDir == "right") {
% [/ n1 T# {. a, |- W$ q      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ P( ], U4 @& b7 V1 Y0 H' v         xDir = "left";
" R% G0 W7 l' F9 Q# H         }. H7 u, ~) t3 R' B+ H. p3 u# _7 e
      }: R7 O+ X9 V5 a3 x
   else if (xDir == "left") {  ]8 y8 `0 I4 T: Y! c. ~9 x
      if (xPos < (0 + BallSpeed)) {
6 C& f( n* Q. a9 O  v, N, l- U! i$ \         xDir = "right";
7 p, {, S4 ]" z         }- C! V3 j& m& @; B9 l2 H
      }7 r% u* g6 g; o% Z# ?
   if (yDir == "down") {
+ U3 y  `, O8 `      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 w+ a& S# a  x8 }" X9 A# y         yDir = "up";2 \5 K- L1 A6 _' ]/ A2 H/ v
         }, E8 [; M1 \% D0 @6 \" B% y7 c( A5 z+ @
      }
2 M" G' s+ J% g5 y, G+ t+ x   else if (yDir == "up") {
: y8 Z8 N! J- l' L# i( [      if (yPos < (0 + BallSpeed)) {
- N2 f- j: V9 ^* ^0 x( u3 U         yDir = "down";8 u/ T/ y& L) X
         }
  }( e  d0 ?+ }+ [' \8 ?) ^  y! w; M      }
, `, ^1 b1 B0 G   if (xDir == "right") {
$ t  h: G. e$ o7 r# u  d; T6 q  h      xPos = xPos + BallSpeed;7 v. e9 w7 E+ e. C( H" n/ s
      }
- B) `. P: b- x* M$ k  j" o; z# `& D1 a   else if (xDir == "left") {9 q2 o: Q0 d- Z6 x: p! \, m+ }
      xPos = xPos - BallSpeed;
% t# u' `( q. d) G( U! o8 ^0 M      }3 G+ ^$ N+ M3 x6 K
   else {) L# _# G% S! N; d: A$ i/ J( x
      xPos = xPos;% ?: g$ a, N$ V) B" A
      }+ \0 F" K  v3 `. x; K, k. C
   if (yDir == "down") {
; E1 w6 H' i8 c: m/ {' B6 G! h      yPos = yPos + BallSpeed;
& x! D/ D  [8 ?7 P      }, p" I4 t* h/ G
   else if (yDir == "up") {3 E; _2 K) h  K$ j
      yPos = yPos - BallSpeed;
! J% I' q3 k9 W; f      }
" q% X% G6 b) g5 a& s! q% _   else {
* t# u  v; k7 S! p9 [$ ]      yPos = yPos;
( T6 }$ a* {5 I; T. D0 A      }
" {" b$ \; J; F   }
: ]; e* h- q; p# c  `( Z; u/ D* j! A3 k3 G5 U# |$ i% `
function hidetext(){
. h+ U/ |3 f9 V  T1 m1 W& Z+ wif (document.all)
& c; ]" R( m/ Nsupertext.style.visibility="hidden"
$ n7 c% F5 g: B% J- o- d; @else if (document.layers)
) B# y# {# `# H8 a# X% I6 Pdocument.supertext.visibility="hide"% X# S& w& p9 l2 u
clearTimeout(animatetext)
" N; L" D; p+ n3 k  L4 q7 ~}" l+ R* _4 A' P" h4 `
, f1 W/ T$ n( q. w# R0 A, f, ^
if (document.all||document.layers){; E+ p& d+ M( e  g6 z, @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ ^$ E6 p# S$ Z
window.onload = initializeBall;
: ~% w3 A( q9 A4 Rwindow.onresize = new Function("window.location.reload()");0 P0 v; Q/ t2 z5 a) C: c
}2 o6 H, N9 Y. Z$ i  t" w) u$ e

  V* l: Q1 X: T8 i, y! ]</script>