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

zw2004

<style type="text/css">
7 R1 S' `6 b. V3 d0 t#supertext {
$ @, Z2 I- _: \; L$ qposition:absolute;
1 x! {3 d* ]! @$ mleft:0;3 {0 C0 i6 Q  w2 E% z$ E* `. i5 P
top:0;7 p2 x4 _) ?$ f: @% ^
visibility:hide;
; H4 y3 _2 M- }visibility:hidden;
: A, ]4 i7 D( Q# f& C}
% y8 A" c" v) D9 B$ Q  M</style>
3 c$ i4 M3 [2 e  c; s( c9 C+ T<script language="JavaScript1.2">5 C+ v) U6 ]& y( Y( C& ]" h
<!-- 改变下的字体的大小。颜色-->
8 \0 B. P: K- G0 r9 K9 Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ e0 a  o6 d7 x, G, Y- I0 y/ }5 J
var hidetimer='';
  X( o4 S5 I2 f: o: i/ W<!-- 改变下的弹跳速度-->
9 D8 ]& s( ?9 J! u0 t' evar BallSpeed = 20;
3 w5 ]/ x' T' W% c7 fvar contentWidth;
, e/ ~, F4 e$ {: s% U1 z% x9 wvar contentHeight;9 V. r" Q2 R$ q2 R! S
var maxBallSpeed = 50;
% \# g4 T% t" [& a) g* Y% z+ ^& j4 i

4 ~0 d/ E% U7 M* B6 zvar xMax;* G0 A7 f% @0 a) g
var yMax;* p, J& F5 d: d5 M. d- \/ o
var xPos = 0;# E+ i8 M. Z# _! \3 U% P
var yPos = 0;7 J5 b( L: V) Z# Z
var xDir = 'right';
$ j' P7 [& E8 n  l. o5 Y: a1 wvar yDir = 'down';; G* B! Q5 x: c) V% t0 C; C
var superballRunning = true;
: m3 R, G- I0 Z  H$ a2 vvar tempBallSpeed;4 ?" ~  |: W! z& t# J
var currentBallSrc;
0 T- n" J. k6 y: Ivar newXDir;% P6 b$ [% h% w4 A" X
var newYDir;
3 F3 b# \' e* U3 j
, u0 q6 E  f: E* F' ~function initializeBall() {
) j" t( k" f# c& `   if (document.all) {0 r2 h8 b, p1 P8 s
      xMax = document.body.clientWidth
7 X' A, d$ O* l0 U      yMax = document.body.clientHeight; Z! E. I- Q( V, d) a
      document.all("supertext").style.visibility = "visible";# v8 {6 P: n, A' z: R1 m& |
      contentWidth=supertext.offsetWidth/ X) l" v, n' ~$ Q2 L, r
      contentHeight=supertext.offsetHeight% M6 l# F3 Q" j& M& c  [& ?# l2 G
      }' ]7 ~4 L" C* l4 T. x7 h4 v: Z( h
   else if (document.layers) {
, g, F' Z, h* I; z0 ~      xMax = window.innerWidth;: r/ v, ^; S5 \$ ?
      yMax = window.innerHeight;& W. l3 |. x: \0 h6 N
      contentWidth=document.supertext.document.width
' z1 Y, O$ F! ~3 J, U4 P; W      contentHeight=document.supertext.document.height
* d. r9 P- {, m! g( r" r      document.layers["supertext"].visibility = "show";
0 V$ _7 V( E: N9 E! s, r: \      }8 V8 e& W* T  v8 N( u. r$ a
   setTimeout('moveBall()',400);/ x  t* h' U1 S
   if (hidetimer!='')0 l  k1 Y; E7 O6 g
   setTimeout("hidetext()",hidetimer)8 X0 j: W/ w) ]7 J3 }- m! T
   }$ [% ]- u& l; M# _% R2 m5 V& ^0 C, n" X
( M+ J5 B( i" a! k
function moveBall() {# x# y6 p) J$ w, E8 e
   if (superballRunning == true) {
9 m2 V& k0 Z! ?# Y6 Z* }      calculatePosition();8 ]3 R& r$ E3 i
      if (document.all) {/ a& v  [! b0 B, H( Z' o* d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 _, o* j) C: ~6 k1 Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! q& @3 s! ~" C! f0 R9 k, a         }
) f& [) \5 F% G4 v- `) x      else if (document.layers) {
* |" V) E$ b+ ~% Z. @% E) X0 Z         document.layers["supertext"].left = xPos + pageXOffset;' z2 j/ b3 v8 r1 U/ b! ?
         document.layers["supertext"].top = yPos + pageYOffset;+ t3 s6 z* b8 s! p) y& u/ ?/ S
         }: ?: Q" p) E. O: D3 s
      animatetext=setTimeout('moveBall()',20);: @3 u! d* f$ E% K
      }
- @7 ~. u' G- r4 @   }
. ?. Q1 M' @. W$ ^* y7 D
1 J9 w8 {. |" L6 xfunction calculatePosition() {5 P6 o' _: X6 _4 K' z3 [
   if (xDir == "right") {) ?& n3 x% ~; a& u
      if (xPos > (xMax - contentWidth - BallSpeed)) {- @2 l1 q& i6 @, f8 Z' a" U7 F
         xDir = "left";2 k: \/ P. m: @! T: k
         }
: f; q$ G! Z  S  Q      }0 E( p# k# H- z* P- Q1 S) D
   else if (xDir == "left") {
  [  a. s  s/ Z- g" ]      if (xPos < (0 + BallSpeed)) {; ^7 l9 B4 m" H6 d$ h: _) ~; l! @+ J
         xDir = "right";8 h+ q0 z% W# I+ s: @
         }
& z$ u2 v- J9 d) F( V      }: }' s5 S) @+ ~4 w4 f
   if (yDir == "down") {
8 P6 H2 ]$ f6 X8 O      if (yPos > (yMax - contentHeight - BallSpeed)) {  k8 g+ e$ t& i& J( ]1 l9 |  r, D: e4 x
         yDir = "up";
/ F7 r8 h, U; Y1 p         }
5 T8 d+ {" o9 ~4 F      }( I; ?9 f% z5 b& ?8 f, x! l
   else if (yDir == "up") {
7 C! p+ @) S. m( F( K      if (yPos < (0 + BallSpeed)) {% Z! w0 j" ]2 g# L$ {
         yDir = "down";
8 k. [% C" w, X" i         }
- m0 k) W2 e) W1 u- p  }2 y      }
( {- l( w) v$ H- ?   if (xDir == "right") {
! [3 n3 l* z; q, C+ Z- g7 w. V& z      xPos = xPos + BallSpeed;. v) j9 O. O% G
      }
: E( Q% C' G& t5 m  e8 c9 F   else if (xDir == "left") {* F, ~, ]% j& u0 M
      xPos = xPos - BallSpeed;
: d  m3 h+ L, R9 p: D* C9 G      }
! V; R8 Z. X/ j% o; q   else {
7 \  B6 D8 r( D2 z      xPos = xPos;
# c- _, H0 z) W: K# }3 T5 u      }
( h& b. y6 k4 y* s) ~& H   if (yDir == "down") {
# w* l2 e) p# r8 F3 [  |      yPos = yPos + BallSpeed;
/ L8 i" p  `- r' o. s! @      }! D* r6 I+ v& I% m- }9 [
   else if (yDir == "up") {
" e3 r/ p9 @7 [      yPos = yPos - BallSpeed;. ^2 D0 @; R7 l$ }1 M- \6 |2 e
      }9 I1 _! E5 x3 ^+ D  L' s
   else {' B2 |5 x- D  ~* k" @
      yPos = yPos;% x; ~7 ]9 \% |; X
      }
) v6 F( @, `, p- v$ @* W/ f   }" T! V& v4 V2 n( E
5 I; H8 x" ^- b
function hidetext(){* @' Z/ x: g7 N( k: @, t
if (document.all)$ q4 _/ Y: O  Z4 a% V. ]
supertext.style.visibility="hidden"
, U, k, X: Y3 L/ k/ c6 Yelse if (document.layers)
( Y+ h4 q3 c: w6 j+ H+ d; ?document.supertext.visibility="hide"
4 ~/ }9 a2 l3 v/ k) GclearTimeout(animatetext)* ]* S, H! v- W9 c
}- H; K3 ~) F; e0 F0 b& q
; {! |! x- Y3 g
if (document.all||document.layers){
% a# `8 h4 a4 w- a1 ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ J* }, P8 Z' p* ?# j
window.onload = initializeBall;
3 \8 ^8 |5 V$ \( P9 c0 u9 @window.onresize = new Function("window.location.reload()");* f: ~5 n9 }( M' l! u% o. P$ d0 C
}
( ?. K$ @: W; a: y, S7 k8 v% \+ l: ?
</script>