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

zw2004

<style type="text/css">
1 `/ Z$ J( [+ O2 F7 d4 Z#supertext {/ g. t! N- ]6 X' N  H
position:absolute;
* ~* Y! O: V- X/ N& J3 P- w1 zleft:0;8 x# W( l1 Z) f
top:0;" W5 N9 V+ {. Z: l- }
visibility:hide;1 r4 l- n! N, H" F' [# O. V6 K/ j
visibility:hidden;
1 Y% g) p; g9 a: w) E}
6 J: W; V" c3 A$ v7 F* X</style>9 H, h8 P% n6 \" {6 x
<script language="JavaScript1.2">' t( U* q, r; @6 }6 s3 D/ b* x
<!-- 改变下的字体的大小。颜色-->
( F" f5 Q0 v. ~4 A8 u/ K9 u4 h! L; g3 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" L; ~  U+ a0 [+ j; o: }  X: _var hidetimer='';
5 p4 F: Z& n8 U<!-- 改变下的弹跳速度-->
! E+ ?; q8 O" `5 gvar BallSpeed = 20;. P7 X' ]7 T' L% {+ j
var contentWidth;
6 n) G" @, A) E3 gvar contentHeight;
, _/ `7 F7 e# X& ]7 ~/ c6 E  rvar maxBallSpeed = 50;9 l: R, R2 x% Y; Z8 \. {: p0 h" g2 f

) u' C" [/ p0 n5 {5 n! b3 o9 x$ g& p4 S
var xMax;& y7 @. p+ w" _+ P. t% X% y8 j
var yMax;7 X* `5 t: L* P& O
var xPos = 0;
/ R4 e! W" w  _/ Lvar yPos = 0;
; x5 [1 T4 K6 Kvar xDir = 'right';/ C; c( m9 t3 c$ o, ?
var yDir = 'down';
! T! c" ?$ O6 ]var superballRunning = true;$ P5 J  l4 ~3 J- u2 O  h
var tempBallSpeed;
* ^! d4 U# Q* D! I- w  pvar currentBallSrc;4 y: q+ \1 Z, F8 e' F5 ?! ]3 G
var newXDir;7 @5 @7 ^7 l/ N2 X+ d
var newYDir;
' r$ U( e& o& a) h+ S# v3 [8 j" Y+ O
function initializeBall() {3 O- l5 R1 `" E: A% {& Z
   if (document.all) {
( N  x" _: e# i9 k9 R# J8 @      xMax = document.body.clientWidth
+ u, D- R# p) D8 O" p/ w& _: i      yMax = document.body.clientHeight5 o7 ^2 F; F1 B6 E8 l, g) G
      document.all("supertext").style.visibility = "visible";$ k) E, O8 x2 _$ `/ S" `& l- I
      contentWidth=supertext.offsetWidth
9 K: S- k, s: u$ J) A2 v3 h$ r0 D/ Y      contentHeight=supertext.offsetHeight9 Q1 V6 Z  @6 J" T( Z2 y1 A
      }
' y; u+ c; `- H0 L, m   else if (document.layers) {" j( j: n5 U1 ]( ~, m1 ~2 C
      xMax = window.innerWidth;
# ?( q3 y0 c- F" b: |. N      yMax = window.innerHeight;
% w$ m- t7 i, P* o5 I      contentWidth=document.supertext.document.width4 m8 h1 i1 T# q) z& q
      contentHeight=document.supertext.document.height
4 O" a2 G. ~" v4 [5 T4 k0 D      document.layers["supertext"].visibility = "show";+ J: [" E3 D( B1 Y8 L( a
      }# A6 ^& ?* k2 B2 x- y
   setTimeout('moveBall()',400);" ~7 f2 X  S+ V9 \: t
   if (hidetimer!='')
' u' e) b( V' y2 u   setTimeout("hidetext()",hidetimer)
1 s* U% J) a3 T8 Q2 n0 c! d1 ~   }) q" ]7 m) r/ @& S! `3 P

  ~5 R8 H8 Q) Y/ Yfunction moveBall() {% o; h/ m1 E" d1 U
   if (superballRunning == true) {
) o3 ^. y% a+ o1 V      calculatePosition();$ t. d( Z3 d8 }
      if (document.all) {
( [. L& }! @8 S  u1 S( d7 c         document.all("supertext").style.left = xPos + document.body.scrollLeft;# Q% K$ e' _) |" x: L% Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 q. B9 K1 `+ B0 a& M3 @' _; E3 v         }
% @+ N! _7 m7 O# G. D! J5 w      else if (document.layers) {# l; O1 \9 M3 [+ K0 U
         document.layers["supertext"].left = xPos + pageXOffset;4 c7 x) }+ k# s' t
         document.layers["supertext"].top = yPos + pageYOffset;
9 r+ C4 m+ a% l( A         }0 B5 O8 R' j2 Q4 [! y* r! z5 ~3 a8 D
      animatetext=setTimeout('moveBall()',20);' S* S* H: Q* j- j7 z1 T0 [
      }* @3 S. Z0 g( f( Q5 t
   }
) E9 p& v  A% I! L8 K' F2 ?8 c6 O" C$ E1 l: F! f) k
function calculatePosition() {
1 D5 K6 v+ y; ]5 m4 h/ J9 O   if (xDir == "right") {
7 e2 {7 g- v) ^$ K( J      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ [% y$ ^0 ]% e6 W         xDir = "left";6 r) t* P0 M: P0 x! l' d( M* ]
         }
; u* b2 f1 J% C4 ^7 U$ D      }
6 \7 q- C+ \( Z; w3 c6 K. v6 j   else if (xDir == "left") {
" N* f+ v7 F9 U* d8 t      if (xPos < (0 + BallSpeed)) {. ~! o, [5 c7 W4 Q& c* `. b
         xDir = "right";9 v8 p, q3 G' G
         }7 J  X# F" F2 G/ n
      }
4 F/ E8 ~1 A6 j* G% m! Y  L# m   if (yDir == "down") {- V* P1 s0 `9 T. h$ R
      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 s. e/ A2 Z5 p' d6 U' a+ ^         yDir = "up";
1 X) t8 M( h, ?  m& b) C         }
' Y4 F0 P6 P* f( ~& w* _$ ?  W      }
- o/ @$ F6 S5 D  v   else if (yDir == "up") {. Z- M# q, f) \2 ~1 n0 ], B$ q
      if (yPos < (0 + BallSpeed)) {
7 E5 A- v; f# m* n         yDir = "down";
6 `2 E' B1 P) U6 _& q% H9 a, |2 w         }
$ ]; [0 b& _; F. Q( o/ [) G8 W      }) U# X0 Y/ Q! n2 I
   if (xDir == "right") {6 w3 b5 e; U$ d5 Q9 N4 l. X
      xPos = xPos + BallSpeed;- m  |2 q4 @$ P5 C) N9 }
      }' T) F/ W9 Y$ o$ y' \
   else if (xDir == "left") {
& Q+ k+ Q7 D! T! Q  q# b, e      xPos = xPos - BallSpeed;
/ M4 i  m2 _7 R. ?7 x+ E      }1 l5 _; g* `% P8 z- \; ?
   else {& m! m2 H4 |$ q
      xPos = xPos;
3 U& g6 g1 T  E0 ]  [$ p      }
0 e3 c& U6 E. }5 G$ @9 K: d   if (yDir == "down") {& w; i2 @0 t5 ?/ f8 B
      yPos = yPos + BallSpeed;& w4 s3 D" E6 h2 j
      }; M7 ~" W- ^4 W- H$ D
   else if (yDir == "up") {; T, b8 h5 p# l) a3 v8 W8 `  o
      yPos = yPos - BallSpeed;" i4 h0 C7 }- V" J- }
      }9 M7 C1 p, w: g4 x9 ]5 \
   else {! s8 r. W3 l. D( r
      yPos = yPos;5 T& E+ Q$ f( N+ v
      }
/ Y2 ]6 D0 F$ K9 K   }
2 P& C0 X% s9 o3 K0 M+ J7 C. I7 O6 {8 ?! G: C
function hidetext(){# e( U/ e/ o0 S3 J" L/ M) j6 L
if (document.all)
/ ^0 F1 d9 b: C6 q3 n! H2 M/ Psupertext.style.visibility="hidden": U* R( k8 e: S1 ?0 L* i7 t$ o
else if (document.layers)
" i3 e' b8 H/ i$ s4 V4 mdocument.supertext.visibility="hide"
. n8 h% L/ g  o2 |5 C& m. N/ r7 WclearTimeout(animatetext)" t4 P: r; E7 c) G/ E
}
/ m3 c# n: |  b
* t8 m" V* i  [( }4 pif (document.all||document.layers){
$ R- G1 N8 A8 x  K4 Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), ^2 R( x/ U  ]- z1 [
window.onload = initializeBall;3 M' d7 w) l- u  F
window.onresize = new Function("window.location.reload()");
" _/ h6 N! g4 m; n% l}
. U/ N9 V- W: V" F' t: ?: B9 N' }" h% ]- Z8 [
</script>