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

zw2004

<style type="text/css">
& u% c1 O/ x. B; ]#supertext {  j2 g% Y6 [/ s$ n# ]
position:absolute;( T# u1 M2 |( q2 J7 S; F6 K
left:0;9 W+ w0 L# t( P" n* o4 D
top:0;
8 {/ {" ~) g, r& o: ~visibility:hide;% u$ V% j% c. Z. N8 c( V
visibility:hidden;9 E7 F5 P/ P- y. C3 g
}
4 T- s  ~+ }8 x' }) h6 v  q2 e* ^' J4 q</style>6 d8 a- O, _" X& f/ |# ?
<script language="JavaScript1.2">+ K  p  B, w8 R# x
<!-- 改变下的字体的大小。颜色-->: n# J( V/ y9 j3 v0 [+ k# k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 f* k6 J  _, i( Vvar hidetimer='';
% A" J( d/ L" r8 T9 ^<!-- 改变下的弹跳速度-->0 N7 e; R8 B# t! R2 `; P
var BallSpeed = 20;" _3 s% F+ t1 Q( g6 q& ]
var contentWidth;2 ^' L* N) M+ r2 Z
var contentHeight;
1 m2 U5 R7 q" C' h* o# Lvar maxBallSpeed = 50;" w/ h0 j4 B5 @9 e* w
& z" `5 F* u: M0 M$ I2 A

/ [& Y0 D3 \) |var xMax;
% P8 B: h( U+ Z1 H1 C2 dvar yMax;
8 Z( x, `5 l5 L, W0 y! {4 [var xPos = 0;
0 o6 E  L, k1 i' zvar yPos = 0;
7 O" T+ ^. z! o2 a6 S4 i( q! K" Ivar xDir = 'right';
. I6 M( e7 p) `. l% s7 Q: b+ N8 @0 z' Pvar yDir = 'down';
+ q% F+ J" `1 svar superballRunning = true;
+ l* z+ T: Q! X5 E9 Zvar tempBallSpeed;
% F. z1 T0 P# l6 V) H8 q8 bvar currentBallSrc;0 h/ Q) B( `4 N. z
var newXDir;$ v3 k2 H8 {# J, a- V) Z
var newYDir;
* d8 N# a/ ^1 y
& H' o2 L- W$ m8 e6 k2 rfunction initializeBall() {
6 q7 `7 Q' U0 ^! T   if (document.all) {
1 h) j* L! J0 z2 t( G  v6 d      xMax = document.body.clientWidth
6 t" [. h- d1 K- H      yMax = document.body.clientHeight4 k$ {: Y: ?0 R
      document.all("supertext").style.visibility = "visible";; P* M  @7 Z! |0 [( ^
      contentWidth=supertext.offsetWidth
0 c, K4 }  X* c      contentHeight=supertext.offsetHeight
) ]* Z1 {6 v6 e4 O      }/ a0 ?& U1 |: N$ R+ J
   else if (document.layers) {+ o1 y' ~- @" }
      xMax = window.innerWidth;2 |) {& m* P' L( l, A
      yMax = window.innerHeight;
( l) k# N2 G" A6 s6 w8 i: Q      contentWidth=document.supertext.document.width
0 c# ~, T; Z) U- y8 Z      contentHeight=document.supertext.document.height' a; `9 m( o; |' G$ ^# f
      document.layers["supertext"].visibility = "show";
& w! s% u( U8 u9 ~6 G& V4 g. t      }
$ Q" ^! u" K, S9 H3 P( ]) h   setTimeout('moveBall()',400);& v5 N' ]& f$ \: G* t% j; R4 N; t
   if (hidetimer!='')2 }& B# g0 s: f8 V" Q
   setTimeout("hidetext()",hidetimer)# e% s4 }# ]0 v6 v/ O- N
   }
" n9 H% C/ f4 q3 a  ?+ P4 A1 J' @
9 C8 m7 S. `. j+ g+ q* h& m. E1 bfunction moveBall() {
8 h1 c4 _1 m& M8 W6 S9 W) c   if (superballRunning == true) {; Y  ?$ e+ I5 f* Q) P
      calculatePosition();) e, |) l; V/ ]9 J8 G3 s& w4 `
      if (document.all) {
1 I1 J- ?1 C% m% {" R         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ y3 h# Y, E' J) s9 f* O
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! N4 K  w% w4 B3 M: W" d% G         }. A. |( [6 |8 K. C8 h
      else if (document.layers) {8 d) M4 ?2 A0 A- x. c. y% m: e! _
         document.layers["supertext"].left = xPos + pageXOffset;+ Q$ \% `' n6 s1 o$ q5 p
         document.layers["supertext"].top = yPos + pageYOffset;% S5 a7 E6 V; Y, e
         }% d  Q0 z2 x; ]# c8 y
      animatetext=setTimeout('moveBall()',20);
& e2 y  n# F9 G5 j6 J# [3 v      }
# @( \# D0 P8 {# p   }! d" N. F& D! k6 y" j$ {9 v$ W
2 T7 n: y0 |# A
function calculatePosition() {
3 G3 J) H2 d" H* D$ _   if (xDir == "right") {
  N) y" K6 k( X" V- c      if (xPos > (xMax - contentWidth - BallSpeed)) {) K. ~# {$ S3 m* p/ j
         xDir = "left";
4 b5 r: x3 O* D2 C# Z3 t         }& v; K; y2 c' Z/ Q9 S6 C# e. E- T
      }1 G5 O- i" t3 H; b+ x1 E# ?) M+ M
   else if (xDir == "left") {
1 a. V- Q0 A2 F& ]* H' y      if (xPos < (0 + BallSpeed)) {9 c4 a  K, X1 }# E) j. _- M2 ^, U
         xDir = "right";" n/ m3 C( h9 u  l
         }1 v7 [( \* ~2 y
      }2 A+ e% N9 v7 X8 X
   if (yDir == "down") {" G) A4 ]5 k6 ]+ T5 m6 N; i1 S
      if (yPos > (yMax - contentHeight - BallSpeed)) {: L! {- s! }2 m- _
         yDir = "up";5 {- D9 v( M5 q9 D( s3 x& v  H, l
         }2 ], T5 J5 n, p6 I! U# R# y
      }" P3 U% y" @4 V2 ^
   else if (yDir == "up") {; v* U1 v) Z% n" A4 W
      if (yPos < (0 + BallSpeed)) {
$ j5 P& p* }  V; D# {: Y7 \+ y         yDir = "down";
8 S0 R% r, N. e( ?/ g# G9 ?+ r         }5 ~2 M+ T, N& D
      }/ s% c+ d; Q2 w* u( t6 s/ u
   if (xDir == "right") {
+ M  h$ z9 Z' a( s  @  j      xPos = xPos + BallSpeed;' l2 w# E8 Y' E+ |# K/ n8 J: G
      }
8 b1 Y: p4 j8 ^# M- \! R& [5 H4 j* a   else if (xDir == "left") {" R+ Z9 ^0 Z, ?  i* H+ J) }$ v& \
      xPos = xPos - BallSpeed;
6 ~1 k( Q3 y8 F4 m      }
& B5 {' b3 X6 ?' B, H. B/ Z$ W   else {
7 C  v" p# p7 J6 U; n7 N      xPos = xPos;
* k- B! W1 ]3 G      }
2 {* u) U9 ]) \9 w, H+ g   if (yDir == "down") {
& T. D2 r  }0 k6 N; {) U* C      yPos = yPos + BallSpeed;
+ c2 {3 A0 U' c# e" O* S" J      }
! r4 ~* X1 S' u) v! P( f   else if (yDir == "up") {+ g& r( H9 Y+ k6 y4 ^( Q
      yPos = yPos - BallSpeed;2 f  t6 z1 P+ q$ t3 O8 z
      }3 o/ A) v. v: K
   else {8 T) J# {& j! s. ~2 ^3 }
      yPos = yPos;' s2 n8 h1 _6 f. C' N4 w/ c; u
      }
2 B! L' _- U& M$ m3 Y   }5 u9 f! g* M$ _/ Q. ?

" b6 K# W  A5 L' Dfunction hidetext(){
$ q2 U+ H+ J) r2 q: M/ ?, S0 `: `if (document.all), j, {- M. h$ L5 b% m
supertext.style.visibility="hidden"5 M; k) p  k1 ?$ b; q$ w
else if (document.layers)& \! p9 k! T. n3 t8 Y3 A
document.supertext.visibility="hide"
) A: a2 e( x5 yclearTimeout(animatetext)
$ x! \$ o& }: c  C7 o; E}
/ a' x* _. {5 U. F7 F
' r* C0 g6 L, w1 x: e8 x  [1 Wif (document.all||document.layers){: S: |& @! m. d' A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: C6 C& \( ^: l6 p5 x' |" Ywindow.onload = initializeBall;
/ Q% H& k. V& V5 C+ H  Owindow.onresize = new Function("window.location.reload()");( ?+ ?1 x% J# _! K# H: u4 m
}
* \$ T+ E  n; u2 p  O7 n
3 `& c  f7 [7 D# j* Z  \</script>