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

zw2004

<style type="text/css">/ M8 U6 i3 Y3 A5 d9 p  K' z* x/ L
#supertext {
- [2 e- ^/ a4 h/ T; D' Kposition:absolute;
3 j9 B" ~0 `% Q/ k; mleft:0;* g+ G' \' J. r9 T
top:0;
9 t. z( `, ?$ u4 y1 fvisibility:hide;% k; Z% g) S0 V% J
visibility:hidden;
# e% `' A6 F' M! x4 d}5 C2 P+ r% Z0 O
</style>; ?. M# L0 O6 c1 j
<script language="JavaScript1.2">6 g: V% S% k' {% A/ r3 p; C
<!-- 改变下的字体的大小。颜色-->
2 c8 k* ~7 |6 Z0 w# U6 Q4 _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  s( y* h) r% C& X6 Z8 H; l5 |# yvar hidetimer='';" L, l8 z, M0 k. J3 B1 [' |7 i( Q! j
<!-- 改变下的弹跳速度-->
" V, E2 Z. c8 T" Q. {var BallSpeed = 20;( E1 U  l# f, M' P# e) O
var contentWidth;  I6 W2 h0 v. E; n1 w
var contentHeight;7 o/ L1 e1 H3 ?% ^2 ~
var maxBallSpeed = 50;  D: E$ ~4 U, Z* I) q! ]

6 Y9 d" S) {: z/ x9 W1 O- X% t- J6 r
var xMax;
( d/ f" L2 ?6 `) J* c0 @0 ?' yvar yMax;
, r5 x3 P) y, Y9 b% ^* A4 ^var xPos = 0;; b7 P7 }/ C" k& I  L1 d
var yPos = 0;+ D& @" W% J. U3 ]
var xDir = 'right';1 _) X0 j/ L' Q* k3 \( S
var yDir = 'down';
5 e2 ~) {8 y4 z7 b% w8 ^  q3 hvar superballRunning = true;* ]1 h/ M! Y6 X9 C) U  d
var tempBallSpeed;. C/ u$ r' f4 }1 O
var currentBallSrc;. D7 z! M$ d1 Q' ?
var newXDir;9 B# U- O0 |1 x1 m) F
var newYDir;3 e$ `) \  m! [* a. i5 {/ p# x& c6 l
* u9 h- O2 @4 s
function initializeBall() {  Y( I8 T8 e; k4 ~& r* V
   if (document.all) {, U/ r& }& H. t0 P) P# K
      xMax = document.body.clientWidth
1 \& ?$ I" g+ J7 i4 Q) _6 q4 w      yMax = document.body.clientHeight7 F# Y4 y9 N& _8 n# O4 L
      document.all("supertext").style.visibility = "visible";2 r' J, e% ?. @9 m
      contentWidth=supertext.offsetWidth
! p5 o3 C0 n9 ?- O* M0 P& @  Z      contentHeight=supertext.offsetHeight
8 O" |! j+ r2 e* _      }
; G" K) g1 A( q' J. O# R   else if (document.layers) {
5 @3 W( d; L9 N' u7 a4 O# y      xMax = window.innerWidth;5 U& v3 i' W- M/ r
      yMax = window.innerHeight;
9 ]+ X- W2 }1 D) }" m! o      contentWidth=document.supertext.document.width' a- b3 ~3 v' T# Z8 t# e6 x3 R
      contentHeight=document.supertext.document.height
& [8 y6 f: N  b4 d4 v5 K+ A      document.layers["supertext"].visibility = "show";2 j/ b3 Y; j$ q, D# q
      }$ ?0 K  K( y  M) ^2 A/ R5 \
   setTimeout('moveBall()',400);- A+ F# c$ T' f: w, J# I2 X( I
   if (hidetimer!='')6 x7 c) R) m- U
   setTimeout("hidetext()",hidetimer)+ C; x: P0 t& e7 W3 s
   }
$ q! w4 p4 l! n: A) `5 r$ K4 p
6 ~3 T$ M! n5 n; b1 Kfunction moveBall() {% t: N1 a0 \7 L/ U& K
   if (superballRunning == true) {$ K, s4 X5 y3 Q6 Z% N7 l& o: z: h
      calculatePosition();$ z; a* B# P6 n2 d& \( x
      if (document.all) {( h# b, b# F3 D# p/ Z+ _& D9 Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 |( s4 n% r2 k/ Z. O6 A         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 U& l" M0 T5 o6 @& u+ S* K3 B: J         }
5 X1 G$ r3 C8 l2 A" n      else if (document.layers) {
! J* a1 u* |2 `% o         document.layers["supertext"].left = xPos + pageXOffset;
5 _; Z  k3 r4 G. F( g& h         document.layers["supertext"].top = yPos + pageYOffset;
/ h% S& B) i4 M2 i! K' j8 h( p         }+ i& P6 g& O( F5 _! A# b* g
      animatetext=setTimeout('moveBall()',20);
$ m  s- J3 Y/ S" d) v# k      }
( Z5 e) B6 R/ L1 L6 j1 |   }
, Q# r$ g. A! `% e9 c# a6 R, t, D( ]! m# S; W  @% a6 e- q
function calculatePosition() {" H2 s  K- Z: s$ b# c+ N' M
   if (xDir == "right") {
; u. X$ W8 Q: b3 d2 ^! \8 p      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ }! X2 C6 `8 E' J' P         xDir = "left";
& A8 S; Z, c$ C+ N4 e: d: r' \         }0 o6 h! I6 P5 R- d7 m( l
      }) E3 Z# n' L/ D1 {
   else if (xDir == "left") {
3 m. D! m4 V# ?& r3 ]2 H( b      if (xPos < (0 + BallSpeed)) {
# S+ Y& Y* F! M9 R7 ]* c         xDir = "right";: Z1 V$ A+ p6 @6 t5 K
         }
# b3 N; y  p- y- Q& D6 ]4 D8 W  @2 a( O      }  W' N' K* I: C7 y) n6 J* j
   if (yDir == "down") {0 c; A8 d; j# I  K, V3 C. h+ ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {& H; p# _/ o1 Q% d
         yDir = "up";
+ X4 ~4 F) P0 v6 ], I! B. k         }: D# o2 }8 W& Q1 ~
      }
; E: G" z9 Y6 ^9 |- W* o0 N0 Y' L- e   else if (yDir == "up") {
/ {/ V: T# O( Q( m. N; g      if (yPos < (0 + BallSpeed)) {1 `2 b8 X& e. B) |$ r1 v
         yDir = "down";
/ v  R2 t2 E9 i% {+ O2 ~/ Y         }
' e# w! T# a" \5 Q  [      }' _" }5 q2 F9 x, m
   if (xDir == "right") {# |2 e  @+ s9 x$ q' h0 e" o
      xPos = xPos + BallSpeed;- d4 N, v' C$ v, [3 _
      }
) \6 K; S: m- c3 F+ g$ ^7 ]   else if (xDir == "left") {
3 i$ H8 }# n1 X+ {      xPos = xPos - BallSpeed;8 m( s* ]7 A6 U. l
      }
9 }5 g- b6 V/ A: i4 R   else {
. Z  }+ U! P" ~2 x* x      xPos = xPos;! L  X6 |6 f. P
      }- _2 C3 o: `  l4 C" H
   if (yDir == "down") {5 E. ~7 U/ J8 }" X" a/ L0 V
      yPos = yPos + BallSpeed;! e' S, {' O+ L& l$ J5 |% P
      }
) {; }* q) }8 j& x) I5 w: |   else if (yDir == "up") {
. ]7 A  E, O0 j  K      yPos = yPos - BallSpeed;/ ^% F) M) i- P9 I9 r' ]
      }
+ P' E3 C) q: C( ?2 O   else {& S& J6 G% G2 _+ v& {! T" P0 Z
      yPos = yPos;
  h' Y  z8 A& D% z4 d      }+ Y5 E: W) N% r* q8 Q
   }6 T2 }7 O# ^1 v2 d4 P( G

) }) X, O' m2 n8 Zfunction hidetext(){
5 z6 q7 l$ D: c" Yif (document.all)
3 z; U/ X. R4 U$ g) _supertext.style.visibility="hidden"
8 z' X. g+ f/ d7 kelse if (document.layers)
3 l" A% W$ Q3 m  s, idocument.supertext.visibility="hide"
0 C: Y! l  E% y" u5 AclearTimeout(animatetext)3 m  a! g- u: L0 r( i2 \) b$ A9 P
}
: d  \: [6 x; D! C( _5 o  K$ _! W6 Y# O8 ?* D6 ^
if (document.all||document.layers){1 j" r8 g' X) @! {+ ?( u9 |' h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 ?- D, {) T3 k3 w! {% I3 xwindow.onload = initializeBall;* P- L7 b7 H& V
window.onresize = new Function("window.location.reload()");. y' }5 y+ T3 k" j8 _& x& k* W
}
5 j& o, p$ W& R2 }
* e7 h0 X/ x# J& ^  o% S5 Y</script>