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

zw2004

<style type="text/css">
* ^  B  e) ^* ^# }2 G$ _  O9 b# k#supertext {
5 u& h  [. A3 j0 C( P4 [6 G8 hposition:absolute;  c. s9 |5 h$ n. E, @
left:0;/ k! s0 T2 ?. ~: w! k- G3 y0 X$ G
top:0;
) I& m3 U' }7 d* Uvisibility:hide;+ q+ ~4 O2 `6 q
visibility:hidden;8 s' G# @$ i0 r& m
}0 x7 ?; A1 \6 o' S# T( L' i
</style>, l' }* ~2 r2 ~# \2 Q
<script language="JavaScript1.2">
) [' a- a1 ^6 k" h<!-- 改变下的字体的大小。颜色-->
4 i) r- R7 c' }9 C0 nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 ^" j1 Y* A. ~
var hidetimer='';; v) @6 E" ~# \: V3 X
<!-- 改变下的弹跳速度-->
; o* h, U2 @3 s3 M: Wvar BallSpeed = 20;9 S1 U$ Y- U( V( d: b
var contentWidth;
& b/ N! y8 \  E! A  P4 ovar contentHeight;
  E- ^$ g6 Y3 c/ k0 hvar maxBallSpeed = 50;! U: Y- b' D5 c- w. Q, }. s

9 E0 n& [# B  D; @. J+ s, F5 w9 s6 D' h; T  O5 C
var xMax;+ ]6 `5 r( F" b6 b& \) e
var yMax;
4 N6 H" n3 t! ^8 U8 _6 mvar xPos = 0;
7 S3 [1 s" Y1 svar yPos = 0;
3 `# X  B" f9 b/ `' Gvar xDir = 'right';7 d+ x; U2 V3 Q0 F3 u" h
var yDir = 'down';
) T3 R& u4 E: H: S6 l  Z+ gvar superballRunning = true;0 ^4 D# v  M, a$ v' ^  B
var tempBallSpeed;
& ]* j8 n# q) j" K9 H5 vvar currentBallSrc;
2 V* P! A1 H+ E; w6 o( M9 zvar newXDir;
* Q9 v7 t( O8 M% bvar newYDir;
5 u, f4 U- p! j( D, C; n8 ^& \8 z/ v9 b: z% ~9 ^, M6 w/ I) n
function initializeBall() {
* q  j5 {! q  ^. N% K' a3 T   if (document.all) {7 {; [+ N+ t1 ]: x
      xMax = document.body.clientWidth6 i/ e: \$ C6 ^- x. `) n' Y; K
      yMax = document.body.clientHeight3 N( V( a: o7 l+ j5 ?
      document.all("supertext").style.visibility = "visible";
# l5 D( Q  r" b8 b4 c. G      contentWidth=supertext.offsetWidth$ V% u) C$ ]! C! ]4 S2 h' y
      contentHeight=supertext.offsetHeight* e$ u$ b! T3 u6 S; M! P) B+ D( O
      }
6 P9 m7 o& m: w   else if (document.layers) {
  W7 B5 V- f$ O$ B      xMax = window.innerWidth;: L. V4 k8 P5 n5 Y" p
      yMax = window.innerHeight;8 V6 i  p1 R. s2 [
      contentWidth=document.supertext.document.width
9 }$ \# A1 ?  N* f) b      contentHeight=document.supertext.document.height
# m8 V4 y; {9 q9 c      document.layers["supertext"].visibility = "show";' C' _0 v- ~5 d4 [2 u3 o
      }
4 X) i4 z7 C% ^   setTimeout('moveBall()',400);8 m- M9 [7 r% B3 y
   if (hidetimer!='')
, q) |) E6 b2 y7 w1 d   setTimeout("hidetext()",hidetimer)
: M- J- y8 y: C3 [3 v) S: u& ~   }
0 C* W& a) T9 w) ^0 h' V2 K2 o  P. _( \. n4 }  I" F  }. r
function moveBall() {9 k" y7 g, h4 Z) M: E6 W
   if (superballRunning == true) {
4 p; i5 Z' }! l      calculatePosition();3 R  D) _0 m$ k- P4 m# T, K
      if (document.all) {% d& Z, B( D  D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 p  Y) u5 b' _5 U% U7 o" m6 @
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 d2 j6 E7 U- Z5 Q* s5 M& I
         }1 F" j/ }* z8 R" n+ @
      else if (document.layers) {- S9 g6 u. O# j6 x7 C+ u3 h
         document.layers["supertext"].left = xPos + pageXOffset;( p( W( G9 n8 L% H# d3 n  u
         document.layers["supertext"].top = yPos + pageYOffset;8 u& Z( D3 \8 ]; l
         }) ~! s: |5 \( @7 n0 _! c. f: D
      animatetext=setTimeout('moveBall()',20);* I: ~- W5 I' o6 ^, U
      }' [" x; E# q$ s5 D: I. C* `$ Y& q
   }4 \$ P! b7 p7 k

% S& j( h) e' g* \  j5 qfunction calculatePosition() {' S8 E+ s2 K) q  c& o' g/ I( S, X3 S
   if (xDir == "right") {
9 p' W9 w9 ^) D9 z      if (xPos > (xMax - contentWidth - BallSpeed)) {4 F; F/ b3 k, \. B# o
         xDir = "left";
+ e# M/ [* [. h/ ]- ?         }- I8 |; V3 }+ O' A8 {0 U
      }2 r9 g. ?: T9 ^* q4 c3 u3 I
   else if (xDir == "left") {" X" p. O& g4 `6 j$ W" _2 O
      if (xPos < (0 + BallSpeed)) {' E1 h6 t6 C7 O
         xDir = "right";% H8 a; u1 Z+ v* Z# b
         }  Y% i& O9 t+ m& {/ {
      }0 U) U% @3 d1 p* Z) r) Z% G, j# i
   if (yDir == "down") {7 ?9 G* f6 S7 m9 z, H
      if (yPos > (yMax - contentHeight - BallSpeed)) {' J1 C' M- i7 P/ {
         yDir = "up";
( T9 a8 b* O3 t% d$ r' d& {! O         }
, c" U( j9 B! @      }* l  J" t8 H) @0 z; Z0 K
   else if (yDir == "up") {& `7 r- o: f3 W
      if (yPos < (0 + BallSpeed)) {
2 C$ m  N8 K- r# l$ y         yDir = "down";
. X9 y5 O! Z) N; `# w! T         }
3 X7 ^0 R( N' U8 }) ^      }4 Y5 G" O2 \8 f" L
   if (xDir == "right") {
# n6 [# L8 c$ E      xPos = xPos + BallSpeed;
  {0 s1 ?/ |7 Z( y      }
0 v% y, F* Y3 k) m6 x" Y   else if (xDir == "left") {
. q% `- T9 B# _9 F' G" Q  _  D      xPos = xPos - BallSpeed;
* q+ P6 U$ A' {& C2 Y3 v- n      }  E; L$ f7 E; a8 T4 x% f$ {
   else {" A. {( j$ W# M
      xPos = xPos;( r/ x# o& g9 {( l
      }
1 x8 k9 l/ ^4 c8 V% \3 x   if (yDir == "down") {6 D% q  P" t  O/ M; v& @
      yPos = yPos + BallSpeed;: D  b: }5 n! A3 r7 T/ p- {6 [
      }
8 s+ B1 x6 w, m9 i' V# q, X   else if (yDir == "up") {
( }4 |% ?0 e" f" e8 A      yPos = yPos - BallSpeed;: o2 V$ P# i# m7 W' Q4 o3 u3 ~8 P
      }  ]- h  j) b6 o) y
   else {( |3 S  C9 K5 Y/ }7 a* a0 L
      yPos = yPos;* i2 Q# j& r) K' Y, W9 }5 G
      }4 O$ \. X4 K. {+ F
   }
+ x9 W" p: F2 P9 F4 v3 _6 ?& V$ P; u6 h% H5 G
function hidetext(){, k; H8 e* ~- _
if (document.all)4 K; x6 y' J/ \! U* N! U) l
supertext.style.visibility="hidden"
7 ~6 Q/ c6 K# U& j2 P$ \  ielse if (document.layers)
  T1 I9 T7 ^( e8 ?document.supertext.visibility="hide": }3 G1 ~) H; u& Y
clearTimeout(animatetext)
* Y1 A/ l. v, r1 P" j}7 F  z3 J7 I8 k
2 p0 t  w7 o& ]
if (document.all||document.layers){
7 \' x6 W7 n  Y$ h: Y% Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ ^  [3 w. ^% c1 z* ]# zwindow.onload = initializeBall;
) z( k$ ^0 y3 k' s' d! nwindow.onresize = new Function("window.location.reload()");; t# i3 I6 X1 F
}! O- N# I6 m8 `8 n' e  m( ]
0 H9 d2 T. }1 O; q8 i0 ~
</script>