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

zw2004

<style type="text/css">+ z$ i" B# Q+ I5 f9 M( K
#supertext {
- ^" t2 B; r6 ^1 bposition:absolute;1 S% V$ }7 B+ Y4 q+ U+ p
left:0;
. s$ F9 i( ]" ^# V2 M! Q4 J. Y8 n3 mtop:0;
, I- C, i) N7 R/ @) ^6 Y# ivisibility:hide;- y' l5 {, G7 y! p4 U. X
visibility:hidden;  [, {! A! K1 {
}( H' `$ Z' W4 x7 z2 |3 f
</style>% R$ @9 o2 y- S3 t( K' z. S3 j
<script language="JavaScript1.2"># W4 _& I+ e; q- Z' W
<!-- 改变下的字体的大小。颜色-->4 n2 z/ T7 V3 P+ N3 i3 k: |: I6 T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 A& z! \  Y2 j# [
var hidetimer='';. |4 Q' C' x; G% s) W
<!-- 改变下的弹跳速度-->) ^! k2 ^# A: v0 P+ @7 m. p7 q
var BallSpeed = 20;
3 Z* v/ r. e3 q8 ^/ kvar contentWidth;5 c, k2 e: t- F, a1 Q5 T
var contentHeight;
7 j) n1 p7 p; t4 z" tvar maxBallSpeed = 50;
; S& {6 N" e- I3 W2 j' Y/ o' X( L1 e5 e- u6 Z3 @
  z1 f% h# c% d; t( b* \- q
var xMax;/ D/ e5 r+ _5 U- a0 I5 X; Q
var yMax;& D# i+ W0 G; {6 N1 r5 K5 B" {
var xPos = 0;$ O! }7 E# X  l! s6 S
var yPos = 0;0 f5 z! C/ Y; [6 ^+ Z+ o; r
var xDir = 'right';" ~* U% x& Y  ?# j7 N
var yDir = 'down';
6 j) x9 y0 [: y8 svar superballRunning = true;
5 y. ]3 N) D( y3 O8 c. R: Pvar tempBallSpeed;
3 \6 Y( G8 ~4 Dvar currentBallSrc;2 w. e" W8 j6 ^$ @5 ^* ^0 r: e
var newXDir;
, }9 n) j' S3 |; K9 jvar newYDir;% \. a3 M. ~5 E4 d9 ?
6 w/ X  |/ u' g( D
function initializeBall() {3 H0 T( |# ?0 H$ d; k0 x/ y
   if (document.all) {
/ b& b- J/ w6 T  ?      xMax = document.body.clientWidth
  P1 R9 m, M: }" Z' B1 ^      yMax = document.body.clientHeight) U4 j+ y' ~6 L" X' V
      document.all("supertext").style.visibility = "visible";$ n  ]! h$ S5 w7 |; w( t0 l2 U
      contentWidth=supertext.offsetWidth) E' q, n0 b& d& F
      contentHeight=supertext.offsetHeight  V, S4 t: W! B' M& |: @
      }/ A: V2 y2 u! T) e4 N
   else if (document.layers) {
4 b" T1 q& N9 x8 g0 M      xMax = window.innerWidth;- d2 I- B7 w6 H- |
      yMax = window.innerHeight;) e* Z; H! _' u' s( z
      contentWidth=document.supertext.document.width
' U* ?# _, E- e0 d" c; L) S6 J6 K      contentHeight=document.supertext.document.height
2 P: Y2 |' N" s7 V$ J; {6 P7 n+ Q      document.layers["supertext"].visibility = "show";
. d2 s7 k3 a. C: g& o, r      }
7 R/ e! i6 B- h2 \   setTimeout('moveBall()',400);5 l8 [+ m* ^5 x4 d* _0 y
   if (hidetimer!='')' j* U( k. Y8 {6 ?4 G4 H
   setTimeout("hidetext()",hidetimer)
9 i" |' Y% j0 Q' h3 I: N6 Z   }- E! ?' ?+ o4 `/ [! T$ d/ Q

. G& X. u* ^3 P% ^$ |  jfunction moveBall() {
4 M- A1 B$ v7 R# b" ?; E6 [   if (superballRunning == true) {
1 q+ V( u* n+ X9 f: s5 K+ t  ]      calculatePosition();
; [7 s; t+ e- Q) u1 H" k* S, G/ _& m6 g2 X      if (document.all) {- h& t3 G, Q0 ^8 ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 R- Y4 m" X  u. x" m3 X; x         document.all("supertext").style.top = yPos + document.body.scrollTop;
: z( [! E5 t% A$ p$ I0 F         }! ^! {" Y9 z8 g; Z% ]1 X: |
      else if (document.layers) {
4 e2 \3 _4 t9 E. }) S6 b' }6 H: z         document.layers["supertext"].left = xPos + pageXOffset;
+ S/ F5 T' x2 A, w         document.layers["supertext"].top = yPos + pageYOffset;
( C- G$ z0 Y6 Q. B. m* ^) `7 X+ J8 a         }8 s* h5 d8 d; C/ x' _- n6 ~2 v
      animatetext=setTimeout('moveBall()',20);
: j. a1 G  N) {' N4 `4 C      }3 E0 i9 y  E; _& w) x1 O
   }& C9 ^, m" `% V

1 M9 J7 C' l: i; \function calculatePosition() {0 n, s% i0 n0 S6 S1 V8 B! p
   if (xDir == "right") {: Z8 f, ~6 ]' {( f0 F
      if (xPos > (xMax - contentWidth - BallSpeed)) {) Q# x* o; H9 a  X( `/ s
         xDir = "left";5 D& \  s. `' s' `8 z
         }% G2 W! j, F0 v6 g7 r: o/ p
      }
' H, z- H0 b5 i! u- f! C   else if (xDir == "left") {
) R9 S+ v1 B. w7 [; F5 v+ `" _/ c4 N      if (xPos < (0 + BallSpeed)) {
! X  J  t% a6 V" d+ R* Y' D; y; R# }         xDir = "right";; K/ {2 n" O( q9 w( E( X; M% ]1 P
         }
9 N0 W' s$ P" N      }
) O. ]5 H  a- U  u  {+ M   if (yDir == "down") {
5 }8 J! d: {. G; L% W$ u: t2 N! r      if (yPos > (yMax - contentHeight - BallSpeed)) {
# f' j; ~$ ^- }         yDir = "up";# o, J+ v- K, Z$ m9 F
         }9 H8 _7 u  r( k6 V( z2 R1 d6 T/ d" Y! Z
      }0 _$ \+ n/ ?: G' U3 Y
   else if (yDir == "up") {
* l% q3 O5 l# @3 e% A" X      if (yPos < (0 + BallSpeed)) {0 z) M, P( y8 }
         yDir = "down";
% D5 _# J& t$ O) w9 [         }9 r; h6 d7 B8 B9 [' f
      }
7 k$ o9 j7 P- P& ^. g   if (xDir == "right") {  H7 R5 q# j- I3 ~6 m# ~% Z
      xPos = xPos + BallSpeed;0 W0 _; i' O9 F/ P2 j
      }4 ]. t# S$ v7 c
   else if (xDir == "left") {8 n( r3 t4 \9 W) E: p( \5 S/ o
      xPos = xPos - BallSpeed;
! W; Y$ U" ]0 t. d      }: f+ _* G# Q) z
   else {4 @+ O# |5 F, l( X! R
      xPos = xPos;" f7 r5 R0 ?9 U+ N& a( F
      }
$ _4 _2 Q2 _/ C& ]. V! u: ]   if (yDir == "down") {$ Q- A4 @) k8 i# ?, t8 L! Y
      yPos = yPos + BallSpeed;7 n/ A$ S4 Y% @6 t, e( M7 T  x0 `, M
      }
% L% C* f2 V$ I- f( L; |# N2 m% `   else if (yDir == "up") {
4 t$ L6 H  x5 Q& m      yPos = yPos - BallSpeed;( z+ j3 E, |- [0 e, L. S: L
      }
! `! a7 \# B. H# H- X3 f% g   else {8 A0 j6 e6 \( e
      yPos = yPos;
: K) U) s* x" O" m# d" S& [" d; F      }
! P+ m6 c6 m6 `% M/ }' e   }" J2 I& v/ l) a

- T( X- K# C# g. h$ H5 T2 y1 Ifunction hidetext(){
/ s. U+ N" m; j: Iif (document.all)
" t5 Z  k) }" m" B) y3 L) d# Ysupertext.style.visibility="hidden"
0 E* c- y" N9 E: }0 Z1 E7 nelse if (document.layers)/ {; v: o* j! z, k  U. d
document.supertext.visibility="hide") Y; g/ x1 }! O; o
clearTimeout(animatetext)
% O$ u7 U# j8 p. J2 e}( _2 ?7 Y( i2 x7 J4 M* z- R7 u+ f
9 X* x- x4 V% ~. T2 a8 A% t) H
if (document.all||document.layers){
3 [6 s+ [4 L8 y8 L0 qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 w; G/ @% x8 gwindow.onload = initializeBall;  k! B0 C0 P7 T6 {
window.onresize = new Function("window.location.reload()");
4 l( @/ T' ?# R, M4 J4 p$ g}# r  U* K$ W+ U8 P8 o6 H1 ?* }
$ `3 E4 @9 X6 m' b( `* w8 x
</script>