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

zw2004

<style type="text/css">. r1 Y' v' d: \: h5 n" R
#supertext {+ @) `4 Y- g- t9 k
position:absolute;
/ u4 T/ B# H+ {- ]0 S$ @$ Hleft:0;
8 l: K* g+ @' }+ dtop:0;2 U6 l7 ]: ^, D
visibility:hide;  R) z! p  N/ ~# c
visibility:hidden;
) ^/ b9 Y6 ^) b. s% D0 Y3 _4 G}
1 T* i0 f! ?6 O: b+ k: l</style>- P$ r) c: V* m& S' p
<script language="JavaScript1.2">
) Y9 Z7 ]1 C. ]<!-- 改变下的字体的大小。颜色-->
1 v. N, Z/ s8 k0 H( K- f* _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% i5 o! R$ M! {9 M( R! A- Dvar hidetimer='';
* _* d6 C% C0 P2 A  j6 |7 `/ m! T<!-- 改变下的弹跳速度-->
5 C" k; p6 T" _7 j9 Jvar BallSpeed = 20;
0 j8 e' J& C$ W; b# _# dvar contentWidth;
+ O7 J; S; d5 w3 ]var contentHeight;
! I2 `5 Y" w& s5 X' D! ovar maxBallSpeed = 50;
  q. i: u( Y* C' J8 D+ P
& o  X7 z/ K, z3 `
+ n3 u% T2 O+ J; j* i, B8 \% P! nvar xMax;
) E$ |/ d1 O! Q. K8 r% Jvar yMax;' l+ g& ]7 \) G* }' j' B, y! r
var xPos = 0;8 t9 U4 a5 P, j- c6 Y6 x! D
var yPos = 0;
- D3 {2 m% ?+ x9 o# yvar xDir = 'right';$ n$ x$ S2 S" p" B9 H0 o( c
var yDir = 'down';
0 B, |& ?( Q6 c/ H9 |8 L4 `var superballRunning = true;" O% _& t' K! V! z& {
var tempBallSpeed;$ |9 k7 a5 L* r+ J/ p5 j2 y
var currentBallSrc;
/ k& V* K2 @/ _# ~var newXDir;4 ~0 K$ I3 C! _2 ?
var newYDir;
- G8 B. d# ]6 _+ i) g6 j* d4 H$ J+ r- \9 w, E+ _9 y3 j9 n" A: x- C
function initializeBall() {( q. E8 s3 s/ j. V% s: t* n
   if (document.all) {% [% c3 f8 b( d
      xMax = document.body.clientWidth
* W& |( O& D( e7 a5 g: }      yMax = document.body.clientHeight7 e& y- C) g% }( Q5 R+ }& h9 Z+ J
      document.all("supertext").style.visibility = "visible";. ^. o- u4 u4 [1 ]+ A
      contentWidth=supertext.offsetWidth8 E. L3 b6 N+ u# G3 f3 w
      contentHeight=supertext.offsetHeight
" o: c7 R4 v0 w4 N, K      }& k% U0 Z" d  Q) r
   else if (document.layers) {
3 O* p* s4 ?$ \  U      xMax = window.innerWidth;
" J4 Q# ^+ ]4 ]+ b" W' q2 g7 B      yMax = window.innerHeight;7 e- p& @1 |; v0 z
      contentWidth=document.supertext.document.width
% i) s1 z5 d. T1 j9 h( y6 E      contentHeight=document.supertext.document.height
* d  _# d" X- W2 G! t$ y) s      document.layers["supertext"].visibility = "show";, k0 J/ F+ J9 C( Z
      }5 U0 B' m& h: s7 h; S
   setTimeout('moveBall()',400);( g( `4 B9 {) [7 \7 j% j; M
   if (hidetimer!='')2 e, o+ v4 h9 b9 d/ U
   setTimeout("hidetext()",hidetimer): I7 V# ^3 r2 n  E) Y
   }. H) i- X. M( ^: Y0 n4 \" o5 d
  V; |* r8 O* w, m% l( v
function moveBall() {
$ f4 d5 P# O( A" I, t3 q   if (superballRunning == true) {
) p* o! A9 `4 I0 j  x( ?2 P      calculatePosition();. D; I0 H& k( P/ h9 r+ ~- z6 _
      if (document.all) {3 P" K" s1 r7 U, [3 Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;: s+ P0 u$ G7 l4 J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
; t; q) L/ `, ]# ~         }' v- S  _' {$ Y0 D( P- p
      else if (document.layers) {
$ j! F( _! O- f9 H) _         document.layers["supertext"].left = xPos + pageXOffset;
" m# D# \, k. I: o2 }; Y7 a+ L         document.layers["supertext"].top = yPos + pageYOffset;: A% c" X- ]' w5 @3 m
         }" q9 L8 T& z/ j6 ~( D/ Y
      animatetext=setTimeout('moveBall()',20);2 ^1 r; c* A5 x; j, A
      }
. S9 T& Q6 l0 d   }( L8 K$ q+ _" |& E2 U6 Y% O3 j5 j+ s

+ J+ a1 Q- Z7 p- i9 @+ J6 e: Pfunction calculatePosition() {4 K* o  J4 X' `7 }6 s
   if (xDir == "right") {
) B8 ^) j: p6 v4 S% e      if (xPos > (xMax - contentWidth - BallSpeed)) {
& S' r/ i; \$ X+ K         xDir = "left";4 I$ p5 p. F# t6 p8 m
         }
; F* u* l- i1 M% ~      }
" d) o: a- T. [+ ~   else if (xDir == "left") {
0 d* j7 q4 N$ Y0 w      if (xPos < (0 + BallSpeed)) {, W$ a( o  v, J: y9 }
         xDir = "right";" s( ?! w  B5 w9 Y
         }
+ A3 V" _8 k; A      }
0 f7 |* L3 K: v) X2 s9 q4 v   if (yDir == "down") {! P' k6 F" K& y7 K5 ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- S; u" Y: |5 j! E7 e) J0 K" k         yDir = "up";
1 W' X  p0 U' ^5 t& u: A0 m" @/ b; o3 x/ O         }( y9 k" r% d3 e. o9 K& ?% M
      }
* O# q. m" F! \+ D) U" ]0 U$ y   else if (yDir == "up") {
- y3 P( F' @7 E, N      if (yPos < (0 + BallSpeed)) {, A- f  L0 W; q/ h3 u; c
         yDir = "down";" B1 \2 H! G' ]1 Z9 X0 |
         }
( p& f! ^% Z/ T) e  C3 r4 J      }
! w0 e5 C7 V7 {$ y, E' M   if (xDir == "right") {
1 t! ~3 R, O3 t! `4 {2 _$ S      xPos = xPos + BallSpeed;4 d. b# ]& R, H6 g& |7 F  k1 V
      }
5 t2 t$ s  H& Y/ i2 y7 L0 C, ]   else if (xDir == "left") {
/ ]" v( l9 g2 r+ c      xPos = xPos - BallSpeed;0 [' \+ c1 Y& R2 F6 E
      }
5 L3 e1 t6 R, |$ Y) J' l   else {
" c3 M$ N9 A' e* G4 g      xPos = xPos;1 t0 N; K& E: ?6 `+ x
      }' O/ T& z2 b! L( W
   if (yDir == "down") {4 Z& O: y. c5 g
      yPos = yPos + BallSpeed;
! f/ N* }6 H' l      }  i% G! Q8 K+ [9 |
   else if (yDir == "up") {( Y: J2 y5 K0 z& c/ Q
      yPos = yPos - BallSpeed;8 ]* N( d7 q. T1 P. ^- t8 Y) M9 ?$ ]- o
      }
3 O: q* K( d5 V7 n7 R& i7 n! ^   else {
4 Q/ O# B1 x9 R2 r8 u6 ]' d' X      yPos = yPos;
. Q' c, R0 q8 ~      }' V2 u$ m3 Y1 O0 p
   }% Z: @3 z3 _! w  h7 m" B

2 [5 n* f- e6 ~4 a7 y% p4 T! xfunction hidetext(){3 y' Z+ }- U! B
if (document.all)
2 P: ?/ |# ?. Z: D( M& R# Ysupertext.style.visibility="hidden"4 j4 n5 \8 G% \: |& R! T/ P
else if (document.layers)
8 m' B8 X' _$ b' \5 x. kdocument.supertext.visibility="hide"- J% x1 ?6 [& }$ R4 g
clearTimeout(animatetext)
) ~$ n9 j& N2 X- k) C}# M4 x; K8 L$ R

1 ^  y( C0 g" L! Y+ q! ]5 b& Sif (document.all||document.layers){' ?8 A+ z" O7 l& M$ [; b' V, }5 s; k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& U) \3 {/ U  Q; m) S
window.onload = initializeBall;, I1 ~0 J0 y* L- Q
window.onresize = new Function("window.location.reload()");
3 y( x4 k* C" \' B4 j* y. R4 D5 w}" K% H6 {$ k  {% O5 |& V3 o7 u

6 x' ^# S4 e5 Z# H8 o# ?</script>