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

zw2004

<style type="text/css">( Q- g) |8 w2 t& q& c8 B
#supertext {: l5 S. k7 Q) n/ z/ K; O- f/ p
position:absolute;4 L: F0 ~8 x" {" P
left:0;
1 q" j$ Z! c  ?. p+ z  t- btop:0;
+ e' g4 z! `3 s8 T: O5 ovisibility:hide;' p6 }  W, }) j0 B" b+ n
visibility:hidden;
" X" F. W5 r4 K2 `0 g}
6 p1 R: J4 u, |5 Z</style>! P* [( g- R$ R. C3 I3 p
<script language="JavaScript1.2">5 Q1 N9 ^/ H( Q* e
<!-- 改变下的字体的大小。颜色-->" z" u7 l! W% r6 N! K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' T. B& w8 q+ [0 B0 h3 Vvar hidetimer='';1 r3 K8 X$ ^, `2 j& ?
<!-- 改变下的弹跳速度-->
3 a4 G/ u, Y; d  fvar BallSpeed = 20;1 r1 o2 _2 Q1 n* A' ~' z) \
var contentWidth;( K5 a% |2 p0 K6 Z
var contentHeight;
: R: N) g2 }  X- s6 W: g; b; C$ zvar maxBallSpeed = 50;1 q4 c7 b. r5 {: O
9 E3 ?6 H- W2 h+ C. b4 s
! y+ @+ G& X8 a. s7 j0 c/ r. [
var xMax;
+ }# F, A5 d' e: ~3 p: z% ^% Vvar yMax;
( J5 ~( g" A3 i8 z5 Z: [: J: Y4 |var xPos = 0;8 W5 k5 z6 Q3 O
var yPos = 0;" }4 q" _# @1 f
var xDir = 'right';7 ]! K# D7 `5 J! c
var yDir = 'down';) L' E: y! M2 Y
var superballRunning = true;
% c+ m' Q2 S9 M% wvar tempBallSpeed;" [, T6 P* l9 ~; H5 {, W; P
var currentBallSrc;
! J4 _4 [) `* }/ O2 q. K8 n- rvar newXDir;; h; ~- A1 f6 j1 D( E0 p
var newYDir;
. J6 ~2 o6 y2 w  q8 ]2 S& T' T! w5 [, {! \. K& Y1 A( g4 c
function initializeBall() {" U9 f. @7 ]% \/ \( T7 a( V5 R" i
   if (document.all) {
& a2 w; D" V* z  o, }% ^7 i      xMax = document.body.clientWidth
& k7 T; x' N$ L: V. n/ l# F      yMax = document.body.clientHeight
3 ^7 H- V2 k- E, l# U      document.all("supertext").style.visibility = "visible";" D( B5 D2 [+ H/ Z( h
      contentWidth=supertext.offsetWidth5 z) u9 _* o( R1 p
      contentHeight=supertext.offsetHeight# e8 R+ [( d  |0 [/ K
      }# ]# n8 ]7 D) r) f
   else if (document.layers) {
3 X3 P( S7 L: f& w3 n0 ]9 f& v      xMax = window.innerWidth;4 {4 O0 L5 S7 H" ?
      yMax = window.innerHeight;7 I! E" X" X4 H2 r' _& ~
      contentWidth=document.supertext.document.width
8 t0 O6 B- f1 S* C      contentHeight=document.supertext.document.height
5 ~# L1 E1 u% ~8 H. r3 y1 T      document.layers["supertext"].visibility = "show";5 I8 x8 X8 h# q$ I  Z
      }
+ s/ b0 A# Q& y$ N  E0 e7 e   setTimeout('moveBall()',400);
3 @$ e4 M; ^7 g3 X/ _   if (hidetimer!='')
( S* v0 E) L9 Y/ m) P- k   setTimeout("hidetext()",hidetimer)6 r  L- p, ^- W) u0 b5 y+ N- B* M
   }0 X" x; B0 ^# K/ B, w! O2 o5 v

- v2 ]7 I1 d1 P$ o  T+ }function moveBall() {
9 y* I; u. B, z   if (superballRunning == true) {
4 ?+ {% C; A3 ?      calculatePosition();! m4 C0 A0 a& h9 Z$ e1 C! b7 X1 ]
      if (document.all) {/ o) q$ L8 J" J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 f0 L" i( _7 M+ W8 g1 _
         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ r; w! i6 e9 b: S; j  r         }) e- B& [7 k$ f
      else if (document.layers) {
% P: M- r. z* Y! _         document.layers["supertext"].left = xPos + pageXOffset;" s5 @/ O6 H4 |' ?2 D
         document.layers["supertext"].top = yPos + pageYOffset;: p7 f- L% u5 g  I3 Z1 }
         }
/ J6 `9 [4 W" B1 m$ a      animatetext=setTimeout('moveBall()',20);
( k# t5 n8 w0 Z7 k5 K6 M0 A      }7 y0 N) E% F0 R9 J) k$ m( y
   }
) d) c5 a7 }1 v3 v) S, _: Z6 e9 j( b+ w
function calculatePosition() {* O( [& K: p) w' _
   if (xDir == "right") {0 }8 t6 J: g7 L! l; `5 W9 t
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 X# K4 h! f7 \8 X% N         xDir = "left";9 B8 N, R* _: ]( m- a$ [# k
         }! p1 ~" V. y. Y) m" z9 [/ \
      }
* R% }+ T; M7 p5 j5 N/ j3 u   else if (xDir == "left") {# \% p! M7 m0 B6 @% c' |* Q
      if (xPos < (0 + BallSpeed)) {
: s+ H  h. J% |7 ~. g         xDir = "right";
6 l" Z0 i% a& N0 P         }+ j! Q' T8 C* M) {2 o
      }
9 p' m8 C! V! K* e; I   if (yDir == "down") {
: U4 u: F& D& C0 a4 s4 h. I      if (yPos > (yMax - contentHeight - BallSpeed)) {
. r& k0 z3 F$ L) `  f         yDir = "up";& _3 p, K# @! J9 V7 n
         }
; t/ a7 m" K0 V% Z6 _      }
# @3 u/ X/ h9 X; k5 [: f   else if (yDir == "up") {
% A( |5 E  u7 E9 R0 [; _      if (yPos < (0 + BallSpeed)) {& {0 }( d! e9 S6 i& l* u. X- y
         yDir = "down";, G7 R: S: F  p9 ^( w) o* W. s
         }
  s* x* k; n/ w  p- C      }8 U4 [: u7 q( Z9 [  y; H! X) k
   if (xDir == "right") {
+ l) J, C9 A; W      xPos = xPos + BallSpeed;
. x* ~9 d/ u5 S6 W: [      }
/ q+ @0 ^' c& q2 [; q% k  Z   else if (xDir == "left") {! B2 }5 c0 }5 O$ P( h( o0 ~
      xPos = xPos - BallSpeed;
4 i1 H! i+ r' q/ B' v7 U      }
( {3 Q/ `( I1 v% ^# a0 R   else {
( Q- ~9 A  L: E; h' r; B      xPos = xPos;
4 s4 _: P8 M( H/ r      }
$ E0 [9 m3 l) U8 V* S   if (yDir == "down") {
- f/ A' Z" C4 r( I) ~1 H      yPos = yPos + BallSpeed;1 k1 E+ P' Z0 F9 {9 P$ O  Y, F5 p
      }3 I/ i- z( M8 G% g# r3 u
   else if (yDir == "up") {
) y  A( T. }6 U' l% D      yPos = yPos - BallSpeed;0 M/ G$ x( [* D2 g) V' M
      }4 I  F- i' _4 S4 ]/ s
   else {
' j# l0 Z5 A% @6 b      yPos = yPos;# i5 ^( h9 u0 B% d2 n3 v% j* C9 o
      }
! N. Q, B! }+ B( `9 z3 b   }% \' J6 K, J2 r3 t1 F
# `" @% [+ U0 t  ]5 G' x7 {
function hidetext(){
0 [/ X/ W! B2 Sif (document.all)
  X1 o8 O+ ~/ C9 Z: Fsupertext.style.visibility="hidden"
; r! W6 n3 y# Oelse if (document.layers)
' Q4 q- v0 Y0 Y! P! Y- R! ?document.supertext.visibility="hide"
5 Y6 W$ F$ ]& f6 i# X8 N4 DclearTimeout(animatetext)" u6 _6 j0 {: b* B- }0 ]' i( w
}- x& r! }: m9 F4 n1 x+ m) E; D/ {
. L2 M' k/ T: M; M
if (document.all||document.layers){
7 r& g4 y4 h4 ^. \) pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# o/ x7 @% M% n* B! e: C( l$ k
window.onload = initializeBall;
+ }4 X7 d  ^8 B- L+ \7 Uwindow.onresize = new Function("window.location.reload()");1 u( e0 c* U0 m  U1 f
}5 V% ]1 N6 l* O/ h

1 I9 i2 U3 N& k% U8 n3 V: ^</script>