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

zw2004

<style type="text/css">  m7 t% Z' n4 y* g" w
#supertext {9 l6 N9 v5 {8 a4 w! o9 U
position:absolute;( f: u. T  p  ~
left:0;
5 r% \  c; ~3 p" N& Y$ x$ O* Ltop:0;8 [0 E3 x9 R) u2 n. ]7 \
visibility:hide;0 h! K1 k' R' U$ g0 V9 f3 A
visibility:hidden;
$ y$ e  }: ]/ x+ A/ k}
, y0 R7 u6 Z: d# T8 n/ Y, M</style>
% \, P" l4 y' t4 R, }<script language="JavaScript1.2">& q# }% X* ]- j1 x! {9 D
<!-- 改变下的字体的大小。颜色-->
$ E- p8 o) H9 y) U& H2 lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; X( q) ~0 W# B6 A- h& x+ I
var hidetimer='';
4 k6 K; `. I$ z) f<!-- 改变下的弹跳速度-->
: V3 G- A3 w* ~4 Q1 z4 u/ Uvar BallSpeed = 20;
% l7 H' n- D  X- x" |/ \var contentWidth;9 n0 k* m: X& X7 p3 S
var contentHeight;
* {' m  X" [* c0 C& l6 gvar maxBallSpeed = 50;& t+ O* }+ H5 _$ a# F; A

; L- {: T: M7 D: l% n# s
1 q. j. L+ @( M, M8 F& x) kvar xMax;* y" q  G$ }6 O1 o5 k
var yMax;
$ i+ P- v+ P6 s: nvar xPos = 0;
2 l! p; L: T) _- a; Nvar yPos = 0;
8 a, f( B2 V* A% q  fvar xDir = 'right';. i8 I: e3 U2 O+ ?+ }" a4 @
var yDir = 'down';
" o, H, }. M( R% z1 }2 `9 F; Cvar superballRunning = true;. Z1 S( F+ {/ p+ y5 u
var tempBallSpeed;
( }3 C; Q& X. n7 b' svar currentBallSrc;
! H9 x" j9 J' _; C% w# l; ovar newXDir;9 N4 d  p( S% H# D
var newYDir;5 @- _; T; g3 @  V% a. U+ }
6 F: M. o; T' C7 m0 w4 W0 Z9 O
function initializeBall() {) y6 A; i$ l6 ~) K# T9 O
   if (document.all) {
+ C/ Y" I, c$ O# B9 G      xMax = document.body.clientWidth
7 n8 }0 x$ y& d& w, ?      yMax = document.body.clientHeight8 L( X, e& K. R2 n3 G9 s, A4 S5 u
      document.all("supertext").style.visibility = "visible";
2 ]; n! V# T/ }; u7 O* @      contentWidth=supertext.offsetWidth
4 Z. e3 i  J6 k. [( {9 i  b      contentHeight=supertext.offsetHeight# P" j6 P1 b5 G( f
      }
; |( [2 ^& q- {+ p+ l" [. L5 V   else if (document.layers) {
' b# m; [; s6 d      xMax = window.innerWidth;
. L) }; Y, ?! P" z6 k% w2 R      yMax = window.innerHeight;' f8 \$ I0 x% q% k' V* t
      contentWidth=document.supertext.document.width
5 l; ~" J. S1 Y, I- g5 K      contentHeight=document.supertext.document.height
5 {: o  M: n# [, u      document.layers["supertext"].visibility = "show";
7 D% O( a+ ~6 C1 a7 S* T, C      }$ B& U) i5 C7 @% F& ~8 g
   setTimeout('moveBall()',400);# A, D9 Y4 w  F- Y1 u
   if (hidetimer!='')
, h; m1 g/ Q/ t- x4 O% c1 |   setTimeout("hidetext()",hidetimer)/ w: D" N: r7 g+ Q6 }5 e
   }! F! m( B) D* [2 ~  q! l8 Q) q

3 ^' m( K# G& P7 \4 a- g- m4 Tfunction moveBall() {
1 v+ ]4 ]% \* S+ P; x8 Q6 A   if (superballRunning == true) {1 @6 }% C0 y8 y/ h& ]* n
      calculatePosition();
2 c( h" c8 T& K! ]      if (document.all) {
! G) q1 n5 L+ }; n3 C7 }0 |9 ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;# u3 d) @: e2 a3 X4 K* O' [
         document.all("supertext").style.top = yPos + document.body.scrollTop;' ^( I0 f9 G% E4 Q( H. D# ?4 R, F
         }# ~. |* F! n) m( W+ i, S
      else if (document.layers) {0 r, _$ S7 A7 Q0 X9 Y0 u
         document.layers["supertext"].left = xPos + pageXOffset;
( u. h+ V) K1 J8 J# Z/ @1 P/ U         document.layers["supertext"].top = yPos + pageYOffset;0 `. e1 r! ^9 W' W8 m4 b
         }
- E1 q( ?5 n1 f$ _0 {, E      animatetext=setTimeout('moveBall()',20);  R3 ~+ u1 H6 K% m- X' H% r& k
      }
5 K# V8 ]1 i7 K4 _9 W8 i; \% ?   }
+ p' ?9 n7 `! [7 [9 ?3 y, h) Q& R5 d7 m
function calculatePosition() {- l+ T+ J9 B8 h1 w
   if (xDir == "right") {
/ W3 o; |! l9 Q9 R; K      if (xPos > (xMax - contentWidth - BallSpeed)) {
" P* X+ c% ~( k4 K3 ~, c         xDir = "left";
3 D2 a4 f" p  |. x: _' [% o) J         }8 Q# L5 Z, C$ [; T) ?$ u6 p5 o
      }
/ s! I1 p( c* q+ R   else if (xDir == "left") {
6 v( a4 p' o/ u, X' o      if (xPos < (0 + BallSpeed)) {8 `# @. _! `5 z6 h
         xDir = "right";
% D$ s* \- ~2 T. L5 w8 [         }0 M/ w* G( O3 z) J, t! |$ J
      }
- w2 V$ t, \! N( r" i' ]- W% [   if (yDir == "down") {; k, x3 x  @; D1 Z: D
      if (yPos > (yMax - contentHeight - BallSpeed)) {
) ^5 M0 d4 K# m# r         yDir = "up";* v+ j% T* m8 ^6 p
         }4 @0 S9 z/ O+ H" h, A( Z
      }
, p' o4 v6 o6 Z# ~" S  v/ @$ _$ \   else if (yDir == "up") {
& \  m8 x7 y, l7 d: |; p' t      if (yPos < (0 + BallSpeed)) {# U% [( Y* J: U5 l
         yDir = "down";
- X5 T9 L1 G( v1 i, |2 z- u$ `         }
8 E% O/ b3 C+ t8 M" }0 O      }
' C3 b6 r8 S" r- s# h3 S  p   if (xDir == "right") {
, L. N% Q, [# j' i# z      xPos = xPos + BallSpeed;9 q; Y+ P( t" {6 r, F/ z
      }
: B, w0 T0 W% x! [2 T1 v   else if (xDir == "left") {
' s  f, ?: _/ |# E( R% ^' {" C      xPos = xPos - BallSpeed;
4 x& L; E& H" H7 |4 I      }# t- M; T/ z$ @$ x# D; d* I
   else {& ?& f5 J6 {) g( l) z- T
      xPos = xPos;
' c: d  H" T! D- d/ X      }
: w& b( |, D! a4 I9 T   if (yDir == "down") {
- W1 b4 W/ s8 F      yPos = yPos + BallSpeed;
( }, M2 T  Y! t      }
! x& D; D; u6 O3 ?: C$ ]   else if (yDir == "up") {5 T( [2 ~) M9 `! Z
      yPos = yPos - BallSpeed;8 W+ C: L) k3 F" Z* \
      }
  j: L1 P" Z9 P/ b0 W& Q; ?0 J7 H   else {/ Z5 g9 n; R% v2 C/ O! U
      yPos = yPos;
" v. l( v: X' \. ~1 j3 U- e- I" h- d      }
' A' T. ]5 n; G4 I/ I1 b  Q9 F/ c   }
3 R' u/ l# K$ E
" O& G- J- K8 q* P  ~7 Bfunction hidetext(){- f' f1 x* t6 _$ c; _+ J5 f' k
if (document.all)
& E5 `2 C) |+ d7 Usupertext.style.visibility="hidden"
$ l. J) D3 N; n* g& d/ d3 X+ delse if (document.layers)1 I0 p* D2 L  p5 T* ]
document.supertext.visibility="hide"9 F; z% E( }7 p7 K) X. \. P! M
clearTimeout(animatetext)- {1 Q, Z0 M6 [9 S0 u/ w" {3 B/ k
}9 ~' j0 _5 x* e8 T
& q, ~  Q+ A% }9 S+ j
if (document.all||document.layers){; @8 C! \& _9 n5 T- y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# O' a5 ^- X7 ]" I5 H2 ?+ `$ K+ Lwindow.onload = initializeBall;
: n; t& S! ?2 Wwindow.onresize = new Function("window.location.reload()");$ c% w( _1 `& e( [5 r( `) t6 y2 U
}
# E* ]- o) y8 F( J% L' g  u! [  m6 Q8 s' T. U1 t( G2 s
</script>