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

zw2004

<style type="text/css">( M; q0 F0 V  A5 }  M3 H
#supertext {
$ q3 I7 I5 z- b+ N/ h' A0 G5 Mposition:absolute;0 x; c. y" b# z* u( l
left:0;% |  W/ X' E) e4 R
top:0;# p8 L. x# q1 N9 W1 R1 f
visibility:hide;; W; H1 b2 D, [
visibility:hidden;: P; w( X9 D5 J/ _9 r8 H1 j% [3 ?
}& _; a* h* j! U' H3 `! _* X
</style>
; q0 q  d$ k7 o( W/ D<script language="JavaScript1.2">1 `& R: t! R" z7 a: Q, `
<!-- 改变下的字体的大小。颜色-->
6 P: }0 D1 B# w% mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. H' I( r. ^9 `# [4 A. \
var hidetimer='';
/ A8 o8 n+ Y! u2 ~, b<!-- 改变下的弹跳速度-->0 m0 R* z; ]5 g7 `0 h
var BallSpeed = 20;2 F$ s( S2 n3 }/ O
var contentWidth;6 m  t' \) K) K3 n/ J$ @6 {
var contentHeight;7 ?5 I' y" w2 T& H* D' z
var maxBallSpeed = 50;
' Z+ ]$ t9 i/ {. Y! _, H! E& T) m* |7 t# C, H7 ~. o
" j9 ?4 O1 q& Z4 _
var xMax;4 Z9 ^- N; w$ i# c* Y, B  Y# @) s
var yMax;
; w  D7 L/ d5 I0 f% o8 i7 rvar xPos = 0;, O0 w# T  K4 P) \" B, |. L- L7 t) j
var yPos = 0;7 z' t5 R; w* j# J5 p6 y
var xDir = 'right';
, T' M9 ?( S# Z) t- u. lvar yDir = 'down';4 P) F; @6 S! ?7 h
var superballRunning = true;! k- a% \, z# ]& |7 S/ `( V7 ~
var tempBallSpeed;
1 F% j0 F# Z- s7 S' J5 O. \, Mvar currentBallSrc;
* c( `0 V* M3 N% [, l! X. yvar newXDir;
( U3 Q% B5 W* ?) I. h% p" Ivar newYDir;/ i4 ~5 E2 r7 a  J

! ]2 }% J' a7 Z: I3 n! Y: ?function initializeBall() {
5 v0 r( m/ Z: M9 ]   if (document.all) {, U2 n2 F5 {5 H7 v3 J6 f# R% V1 t5 w1 f
      xMax = document.body.clientWidth0 V% o5 N3 x* {9 m9 a* c! {8 U9 P
      yMax = document.body.clientHeight( r0 K5 @2 T1 h- t
      document.all("supertext").style.visibility = "visible";2 f' h2 T# K7 {, D- [6 x$ }
      contentWidth=supertext.offsetWidth
* ~! l- v; y; S. P) |4 O2 j      contentHeight=supertext.offsetHeight
$ \# d' w& }6 ]( Y# q1 ^      }
, ?2 S' F4 H2 `5 e   else if (document.layers) {& y% }  ]) X- k: ]/ E7 y5 n
      xMax = window.innerWidth;
. h. q3 Q$ Y3 U# S      yMax = window.innerHeight;2 D( _4 f4 i4 d
      contentWidth=document.supertext.document.width
( P! W, I" ^1 ~+ m. P. H8 l      contentHeight=document.supertext.document.height/ v6 V  v7 z- Y7 k4 {; o4 ~/ o6 a
      document.layers["supertext"].visibility = "show";
+ f+ m. n( E/ D* r  e/ A      }6 w7 [) _  G/ E/ A  E# p; H3 X
   setTimeout('moveBall()',400);1 I/ S+ ^8 p2 D; P7 A
   if (hidetimer!='')! ~  m/ b3 {) |* L8 s/ `
   setTimeout("hidetext()",hidetimer)/ {1 ^" }- F  Z+ x! l0 N
   }8 Y% s2 b, N- _* x) u

1 B+ {; p* `$ t( Q: I3 |3 Zfunction moveBall() {: w$ V* v- @- ?3 C" f
   if (superballRunning == true) {4 B, h! `! z' W& r. C9 s
      calculatePosition();: Y. S; z: y7 S7 T7 u3 c' X
      if (document.all) {
8 Y/ M0 d& V+ D% T; X% a' C, y- i7 c         document.all("supertext").style.left = xPos + document.body.scrollLeft;( N1 A# X, E3 h- B1 x/ p) A: n
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! ~& O' P  P1 H7 A6 P         }# x' Y5 @# N/ e* a1 G' e+ l. i
      else if (document.layers) {6 j- D: `* l. g: B! d# n- C
         document.layers["supertext"].left = xPos + pageXOffset;
" m3 H- |* y# F         document.layers["supertext"].top = yPos + pageYOffset;
, ]4 d5 d8 n: Z% G" A: Z         }
6 N# `3 @4 e2 T" |5 O      animatetext=setTimeout('moveBall()',20);
; y: i  }. D; V      }
3 j4 ^5 I4 t1 H6 Z   }
1 O  @7 x6 i, e& l
) V+ `! ]# ]" t  y) pfunction calculatePosition() {& `3 @0 N  m, ~# k7 y
   if (xDir == "right") {
3 K+ c. ?9 B% d: t" ]      if (xPos > (xMax - contentWidth - BallSpeed)) {, c) b& w( Y9 h7 B
         xDir = "left";
3 t, B' j% w$ {; a9 s/ M         }# Y$ k. Y, W: x, d7 G1 _, \
      }  D4 a4 M0 [) Z) [' g
   else if (xDir == "left") {9 [2 f3 C& D8 h  G; |3 N
      if (xPos < (0 + BallSpeed)) {
$ C# K+ z8 Z% n. x/ S         xDir = "right";
- i7 |$ Q, C) K) R: N) p- `% @/ M         }
0 ~0 ^2 e* B9 G      }
6 u" d# l$ \) }  {; a& I   if (yDir == "down") {
$ I7 z9 ]9 A8 L      if (yPos > (yMax - contentHeight - BallSpeed)) {
* ^+ p! c. s; B3 x  W         yDir = "up";$ ~0 k: L! q2 j2 V  g0 _0 n7 Z  H
         }- P' u& e. F1 a( Q5 Z5 V
      }  c7 h$ t- o* a5 F2 ~2 ^8 Y
   else if (yDir == "up") {
' R1 W! I' _1 {      if (yPos < (0 + BallSpeed)) {0 A3 U6 G" C8 f, _
         yDir = "down";8 }- ?" w% _  }
         }
  m5 z7 X, k0 e      }
. M1 L: e" Y- U- U- f* p+ A   if (xDir == "right") {
* @* r' t5 z' J1 I7 k      xPos = xPos + BallSpeed;8 Y+ c2 q- A5 s; {+ X; l8 p
      }/ b' ^0 g+ e" z5 ^6 o/ E3 k! m- {
   else if (xDir == "left") {2 q% s0 Z. o  m9 k0 o1 e
      xPos = xPos - BallSpeed;
" c" g# |1 e* R      }
* p0 h5 g* f) V+ S   else {
4 e, b% L- q+ S* A      xPos = xPos;% H+ t& q  a- l7 _
      }5 T9 t8 r. ?( I3 s3 u+ v- ^  ]0 m( f
   if (yDir == "down") {/ P( B6 s6 r- }/ s. N& W
      yPos = yPos + BallSpeed;% V4 I' Z; p! E4 E& l) N# B
      }: o8 V7 W3 g3 k
   else if (yDir == "up") {& j2 }" n9 c) U# ^
      yPos = yPos - BallSpeed;
+ O; x1 z* v  Y& i$ o5 m& K7 d      }% _' ]1 |/ T1 F& }/ y. M
   else {; ^' n) K+ E  b5 L" J) Q
      yPos = yPos;3 D1 P+ D( l* [7 q3 C& b5 q- t" t% v/ Z
      }9 L/ F  o( W3 F1 e4 v3 f; Y4 d/ }5 n
   }
; m9 {5 Y" @% I  m* T1 G) m% G+ B# N
function hidetext(){
) X0 Z0 z) W$ }/ S* t3 |if (document.all)
, `, d- @  j0 B$ \supertext.style.visibility="hidden"; j/ ~" d/ W  \4 e, a3 Q
else if (document.layers)
: _2 u0 S+ V3 z( M8 J/ kdocument.supertext.visibility="hide"2 m9 X: x- t  R' n1 j, U
clearTimeout(animatetext)
7 `7 {* J" z+ ~}
) x6 U- b+ S( V6 @! [$ I
8 j: w! m8 r& m' s) V: jif (document.all||document.layers){
& A2 p8 T9 L+ E3 C7 I4 O8 Vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ Y! g; D6 G) h  Swindow.onload = initializeBall;$ U5 Q+ T, Y/ N! J/ b  u
window.onresize = new Function("window.location.reload()");
3 Q! d, C0 U8 e& c. C; m' J* R* i+ A2 V}
$ N# B7 Z" f& ^
: s! N$ ^6 a# x7 e</script>