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

zw2004

<style type="text/css">
9 o8 \% [& b0 F# O0 s' E6 K) M#supertext {+ B: u+ Y+ m/ P6 R1 T2 e8 D
position:absolute;0 v; r' T8 t* J
left:0;) Z+ F3 S- g! i
top:0;
$ T2 Z! C( c% fvisibility:hide;$ K9 D* Y# G9 T0 ^6 o  B
visibility:hidden;
3 F" x  l, B2 z( |& j6 L}9 }7 [7 F' |' C
</style>5 w2 U" s: f  S2 e8 l
<script language="JavaScript1.2">
5 n! n1 f6 J" b: `6 a- a<!-- 改变下的字体的大小。颜色-->
* [( [9 Q7 I; i0 jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': d' G  w# c2 p8 U" Q0 y
var hidetimer='';" [$ C) J8 L  t( j( y, i" A: h& ?
<!-- 改变下的弹跳速度-->
( o4 L( M6 s0 l5 n+ u; Nvar BallSpeed = 20;
: r. ]" ]- o- Lvar contentWidth;
8 s, O( g% A' H9 e" J6 r8 Tvar contentHeight;
! h3 A% B" ~5 G; J1 ]$ bvar maxBallSpeed = 50;
1 j; P: P: ]- k8 c7 J  v: L% n5 R. q7 ~
3 Z0 @% I( p, q* r
var xMax;
8 S2 g3 E- }9 |+ ivar yMax;
  q0 v. v4 u9 vvar xPos = 0;1 S* L& [2 p* k3 E. H
var yPos = 0;
$ B" T  ~% n, p: uvar xDir = 'right';
2 S! L& [  h' `0 M4 B, s. avar yDir = 'down';
4 B: H! T4 s& {7 Rvar superballRunning = true;( L  i- M& }! ~4 e/ R
var tempBallSpeed;' b, j) P  r& o
var currentBallSrc;
& g3 s8 ]: q- h3 T7 r! m: f) D- Ivar newXDir;; T, }* A4 Y; y
var newYDir;
: a- Q# k  }$ c( f; Y- ^$ l4 H. b; z4 v: w" \$ T: Q
function initializeBall() {
! z% d9 `  D6 F* B, J8 q   if (document.all) {
7 [( U3 I" F! h: H% S/ r      xMax = document.body.clientWidth% {) c4 a6 c. O
      yMax = document.body.clientHeight) B% A3 y, ^0 X  u6 n4 ]
      document.all("supertext").style.visibility = "visible";' E4 v  p# k1 a$ t  r
      contentWidth=supertext.offsetWidth3 q4 r( H" N/ z2 k. E7 O- y4 Y6 x
      contentHeight=supertext.offsetHeight& F5 f5 j6 d+ A8 \, z
      }2 W2 z: a1 {% Q1 Y1 |  E. L
   else if (document.layers) {0 j+ p5 c* Y" i
      xMax = window.innerWidth;
* u8 @- c! [" q6 I4 Z      yMax = window.innerHeight;
' d4 K. H. }3 L3 \7 B/ h      contentWidth=document.supertext.document.width6 q  g+ ^- ~; K% K
      contentHeight=document.supertext.document.height' s' k* m9 E" l5 y- T$ x
      document.layers["supertext"].visibility = "show";8 I+ o  @' |. v& V0 W; {; L" l, M
      }  E4 j0 q  Z2 f, Y; G) P9 W" Y! q
   setTimeout('moveBall()',400);
- s% W/ w) ?' e$ K% _3 v6 m3 B# [2 k, A   if (hidetimer!='')
& t# i# O1 \+ P) n* o0 O   setTimeout("hidetext()",hidetimer)
/ k  r( a% \2 v0 s+ H. N   }& s$ {7 C* {: ?$ L/ c' x7 h
' c! K% H) u3 W& \* B+ ^
function moveBall() {
% a9 V) J3 N( p" \: f2 w   if (superballRunning == true) {% ~( F) \5 ~2 x7 r4 o1 J
      calculatePosition();
% r" D. r$ `4 e4 g% E      if (document.all) {
5 g! H! w! H( x- n; t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 j" t) I8 T& r" [0 K  v1 o9 P         document.all("supertext").style.top = yPos + document.body.scrollTop;2 J2 `3 J# f9 d, ]( a  `( Y$ e
         }! C5 H$ W9 J% Q+ |- T" n
      else if (document.layers) {
3 d; w! ], }8 d* n1 m( I7 u         document.layers["supertext"].left = xPos + pageXOffset;
1 ~4 o6 \0 A" w1 m2 F2 p! t         document.layers["supertext"].top = yPos + pageYOffset;/ T( s  _4 G: d6 f6 t# F8 e' A
         }# T2 H1 f1 p  q1 U, T
      animatetext=setTimeout('moveBall()',20);
8 \2 n+ L+ e3 N/ S/ z3 w      }
5 Q! T: T( ~3 S/ P   }
8 T5 Y7 t% c) L: H- r7 Q$ x* Z1 d% T' n9 ^6 x
function calculatePosition() {# H0 O1 o: O5 b6 J; i/ _
   if (xDir == "right") {
) t3 t% J+ H+ t( A. ?6 y      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 ~, h3 J3 @4 l3 R         xDir = "left";: p* f- m/ r  P4 @7 T
         }
$ U" O8 t4 E: P, o- w$ i+ [$ G      }
! A  A5 z  u/ {7 A4 ]# s   else if (xDir == "left") {5 H& C6 o, @8 w! h# W0 X( g6 [
      if (xPos < (0 + BallSpeed)) {
* G1 s" q( [/ O( ~  f- }         xDir = "right";
$ j, u+ B/ J: @         }
$ Z6 u% b( o% k      }; j0 K/ V: C5 J" D
   if (yDir == "down") {" J( `& T! ^: F4 `( l3 c4 w# c# w
      if (yPos > (yMax - contentHeight - BallSpeed)) {* v% C  i9 w; C
         yDir = "up";
% u9 x  s# t  @# ^7 B/ e         }# x0 I, X. j7 M2 O
      }& \0 ?/ W* D, W4 u: T$ D
   else if (yDir == "up") {
1 K# R" U9 J8 E5 @      if (yPos < (0 + BallSpeed)) {- [  l8 |( v# I
         yDir = "down";+ p0 h! N+ l! o/ _, Z+ [) w0 n$ Q0 o
         }
( k7 U, g; j+ O  M7 ^      }# M9 b& I* `* L& U/ F
   if (xDir == "right") {
/ `' D: j& v9 _& S4 O* O      xPos = xPos + BallSpeed;4 u1 B; H1 F7 `, F
      }- e, m1 u8 R, c& I3 S/ b  ?8 k
   else if (xDir == "left") {7 D% M" M9 `/ w+ v0 I4 @! a* k* v
      xPos = xPos - BallSpeed;0 c3 _8 x$ R& H" Z+ W: `* z
      }' V  N! j$ ^5 z4 j! W7 f
   else {# ^3 h0 u, n2 u; [0 E6 c. @! \+ l
      xPos = xPos;
. a8 j2 ?  f/ y( T      }, ?# u" l8 e5 ~, x
   if (yDir == "down") {# A" [0 o  l3 |. p
      yPos = yPos + BallSpeed;* G! V! U7 ~1 N9 O/ m4 G* S1 Q
      }& W+ p( t8 x# |
   else if (yDir == "up") {
6 m9 m: ?% Y6 H* R: x      yPos = yPos - BallSpeed;, A3 ]9 Y( B4 w# F  @
      }
/ e2 _8 v1 r2 {0 f8 A   else {
; J5 E8 p* _( X3 c* i      yPos = yPos;' _* X' s0 Q+ B* X) j
      }" e8 t7 x8 r1 l* V3 Z+ T" \; \
   }
2 ?8 T/ Q- l0 ~3 Q8 B3 |. N5 h; f" g, ~
function hidetext(){& A# ~" i5 U5 `4 S8 l7 N
if (document.all)* K# S0 A  b# j0 w. I
supertext.style.visibility="hidden") I6 O9 s# ~! d. W( ~/ N
else if (document.layers)
, z: R  q! ?# s4 S% @2 Q, y' C8 Jdocument.supertext.visibility="hide"# e- k" a4 L  y& @; E) Z" u+ L
clearTimeout(animatetext)1 G1 F$ z& r. i$ X4 J# }
}" m  ]' V% k5 L$ A
- d5 H/ q  s4 l  f5 x3 w
if (document.all||document.layers){4 q1 j4 E+ b$ H: a5 E+ V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  G- {+ L" |6 ^) p/ P
window.onload = initializeBall;
" M2 F3 c6 g8 g) j, m4 Xwindow.onresize = new Function("window.location.reload()");2 [9 l+ m: H, L, a) w5 `$ d) q6 J
}
1 z; n& g) P" s4 p) c/ e, ^4 b4 L2 S' W; k0 Z) T# R
</script>