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

zw2004

<style type="text/css">( A+ p9 g; u1 ?2 Q; J: S
#supertext {- c" C4 h5 x$ ?1 V9 j
position:absolute;% J- B  _( p6 T) T
left:0;+ u7 F" B+ ~. D
top:0;" y5 y4 p$ }+ V' _' `
visibility:hide;% G: Q3 Q7 s: x" r
visibility:hidden;. i9 b3 n5 P4 v" }
}
* _& c7 E: D, c1 i# t) {2 F5 Y</style>
/ \, @3 h9 D; F: `* D) e2 t<script language="JavaScript1.2">2 m* s% A& P5 K( o6 d' _
<!-- 改变下的字体的大小。颜色-->
, I; S1 r! `; V2 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& O& w& U. Q7 f: I4 Lvar hidetimer='';
' B, E, v7 x6 I' B, H! W" l<!-- 改变下的弹跳速度-->/ b3 q8 B( q* E. X) w
var BallSpeed = 20;. D" ?, |5 ^5 w% i* S  i
var contentWidth;
) r9 T- n- s0 R7 K: I) g' p6 V3 yvar contentHeight;
9 J. Z8 \! V+ U8 M5 f6 E: U+ Tvar maxBallSpeed = 50;
( T0 @7 @7 b+ V3 l: X1 o
: {0 M2 a; X/ q; F5 z+ y
6 ?/ \# \  V; p1 zvar xMax;
4 q& e' ~8 e) d1 u" @var yMax;: H0 p; v$ e5 F" a
var xPos = 0;# m) r& k+ ?. t3 q& {% j( z
var yPos = 0;
1 S( ?( p0 u0 B5 ]4 Nvar xDir = 'right';7 }; N  b- k5 u8 z
var yDir = 'down';
! {; a) `0 }9 I9 qvar superballRunning = true;
3 Q5 V  O% }1 I3 F: ovar tempBallSpeed;9 g5 g( Y. f& v. Z# N: }
var currentBallSrc;
1 E6 e! _7 S& x% m$ Svar newXDir;: I9 |, u$ Y4 f7 x) ?( L
var newYDir;2 A+ y9 R- `; x# u' @3 D

2 w) Q8 K& D) ]" i7 N  {function initializeBall() {
2 x8 v" ^. a8 \! N9 y3 E1 I   if (document.all) {5 F' _; H8 i0 Z9 h3 L" \' R, Y
      xMax = document.body.clientWidth
) R, J$ F4 ]& r4 g      yMax = document.body.clientHeight6 l$ ^: \# @( H6 V
      document.all("supertext").style.visibility = "visible";
$ Q+ `- x7 Z; R7 H, q* ^      contentWidth=supertext.offsetWidth9 q4 o% Q8 L9 [( B: o. X
      contentHeight=supertext.offsetHeight
. {6 c- I! F/ Y0 M. ^: w      }
" x3 c' K: O: E- Q3 ~, m+ y   else if (document.layers) {
1 j  d# B2 g! L& c& }      xMax = window.innerWidth;$ |/ _9 R- r9 W9 Y4 ]
      yMax = window.innerHeight;
8 K) D. L" j; E: g: q8 K" G      contentWidth=document.supertext.document.width0 `2 q4 d  G9 z& B( p9 V7 r9 k. P
      contentHeight=document.supertext.document.height  T. l* f* j& ~' y0 e* g
      document.layers["supertext"].visibility = "show";
8 ]6 z: a* y5 H* h9 [/ @# l      }! `2 B+ N' }0 j
   setTimeout('moveBall()',400);2 z+ o) P7 u) @1 v) L
   if (hidetimer!=''): S5 p9 f' ~7 D
   setTimeout("hidetext()",hidetimer)
4 n6 P1 t$ U% X0 V0 F# ^- i   }7 e  V% h0 @9 c$ Y' Y4 p
9 _7 S1 l! W3 L/ l; q. i
function moveBall() {! C7 S8 @, J# u) @6 c  l
   if (superballRunning == true) {6 q) W4 Z/ f/ q
      calculatePosition();; J( K- w/ Y6 L# r- ~5 }6 J1 O3 R
      if (document.all) {
6 u; R* _' g6 T. F1 w, V         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. Z3 F3 n4 G& `0 {( G: }         document.all("supertext").style.top = yPos + document.body.scrollTop;5 h1 o& c% _5 \
         }
. a& [; e0 |. \+ }* i1 Y      else if (document.layers) {
0 l# c4 }" }' Y6 V         document.layers["supertext"].left = xPos + pageXOffset;, m6 m8 f8 l/ Y7 [$ ^2 k' f
         document.layers["supertext"].top = yPos + pageYOffset;
8 Q( e8 Z: a7 ]/ W8 @         }  O  b3 E' z( w& Z
      animatetext=setTimeout('moveBall()',20);
( d  d% \- s7 Z+ ?$ Y      }+ [. w' I8 f! n4 o1 _3 [( n0 a
   }7 i' |) }- N4 Z( R
, ^+ F3 k( L$ a8 z' t! i
function calculatePosition() {1 b; m0 E- z; S' ~
   if (xDir == "right") {
2 j' b+ ]3 ~5 a      if (xPos > (xMax - contentWidth - BallSpeed)) {( v) U$ g! s$ s1 p
         xDir = "left";- v8 g" L4 C& K& Q- h- w
         }
1 s' X4 P8 i. B      }
) p1 V; }: I6 }# j8 z% T   else if (xDir == "left") {6 P" E# m6 V! F. D2 Y5 f' _7 a
      if (xPos < (0 + BallSpeed)) {
6 R) w, P( R( m9 T* J         xDir = "right";) y$ X  v. O7 X8 m
         }% g9 a- n* j  c* ?$ n- e2 j) i
      }
4 `1 H/ ~; C; R/ X3 t   if (yDir == "down") {7 c/ Z2 x) Q6 E  N* W  W$ q) ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 Q) j3 P. B" S; [8 x
         yDir = "up";$ h; R; J; ]8 [
         }2 Y0 [9 X# S7 K5 v
      }
" |$ k8 `, X2 a5 f$ g! Y. I4 i   else if (yDir == "up") {$ ~$ o* _; S- d  H/ Q
      if (yPos < (0 + BallSpeed)) {- a, o) a1 L- |; D  Y9 f1 _
         yDir = "down";) Q* a: X* [" k
         }
# |; X/ S8 o( i0 K0 U      }/ @5 p5 d# }7 J, j' b
   if (xDir == "right") {+ f. Q, M: o1 ~) P1 {2 M' f
      xPos = xPos + BallSpeed;
7 ~: I$ U% e* g6 @# b      }0 T7 C0 j( J1 |- }' s
   else if (xDir == "left") {
: r" {) d5 b, r# D      xPos = xPos - BallSpeed;
8 Q' r6 G  J" D% H* R, i( R: x* _+ e      }
) a. r- b1 z# Z: X   else {
2 N1 i5 A9 H, |  u      xPos = xPos;! l% n8 P# m, _' g. }) Z: X/ x
      }( ~% _7 T$ H1 ~2 B
   if (yDir == "down") {
8 z% f/ ^' s2 N8 y( `& w      yPos = yPos + BallSpeed;* }7 V* E$ o4 G. ]
      }
/ T  y9 m1 p) n3 x) g) _0 X! P+ _* B   else if (yDir == "up") {
9 c. G- [9 [; f& {2 h7 `# E      yPos = yPos - BallSpeed;; v! `/ w0 z: c" y
      }
2 M: Y# g& \% D  |$ |$ ]* J  c   else {
- k& v7 F, Z! u% h/ p# s8 ]      yPos = yPos;
7 K1 {, K0 `! o: B; `) D6 ?0 w      }
9 z# B$ m" q' g$ j   }
, i+ G1 {, ^6 P
: b4 f( k& R- ?; Ifunction hidetext(){7 D  l9 a! _) ?. g1 \+ {; ]
if (document.all)
! x4 [+ ]& l( M5 f4 g4 e! |' Z! nsupertext.style.visibility="hidden"
% o, ~' B4 B5 W! Q; Kelse if (document.layers)
( F) U) L. Z7 k4 l; U* {4 \* ]: @document.supertext.visibility="hide". [" M. M+ |9 o3 K. v) w
clearTimeout(animatetext)
6 v6 y' m' b# p0 |4 R( K}
0 R+ `8 _! p$ Z$ N$ z5 U. ~* X& o! m: _
if (document.all||document.layers){4 ?0 H' D# u7 ~0 k' H2 W* I$ r, u+ I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ m+ O9 b5 T; Z& @; V( `2 Q
window.onload = initializeBall;
! Q8 X1 o, ^4 }: I5 D5 U6 @8 b# Rwindow.onresize = new Function("window.location.reload()");; t) K, `/ c$ U# }: u) o
}
' j+ m5 a' \2 V' _, ], {
& U- j: G! P2 z# ]0 q: K5 |# Y0 O</script>