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

zw2004

<style type="text/css">. _& K3 D) _9 L' R1 j
#supertext {3 `  o3 J; j- B$ t+ |/ Z# \8 Q
position:absolute;/ G& ~4 Z. w! I8 V, u/ u* K( D
left:0;
) z- a' C% P3 d  I8 jtop:0;/ H* }! U% U9 M% c" o
visibility:hide;
& S) P& n4 }' avisibility:hidden;5 D5 g5 e) ~/ ~9 `
}
/ w, g! g* b1 q</style>
) h1 n' @7 i) Q7 D" h# t<script language="JavaScript1.2">
7 E. ^" v- H/ u$ w4 [, t8 d/ o0 s<!-- 改变下的字体的大小。颜色-->
3 e6 `0 r; I, r. h2 ]( s% Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 y7 @8 r9 B5 ~' h  zvar hidetimer='';# l! O- E7 _$ U  ?6 Q' m
<!-- 改变下的弹跳速度-->
/ L# d/ p: A  S- o& ~/ Lvar BallSpeed = 20;9 z0 C2 k2 ~2 s& E# g% b
var contentWidth;
6 ^- o# n% n4 S/ w! M9 |5 A7 vvar contentHeight;
3 f' q  q; O- x% D( P* ~3 D$ W# tvar maxBallSpeed = 50;8 a- b  [7 B: A9 C1 M

5 l2 m1 h3 V2 w+ I/ J3 v
7 L( Y+ p/ b2 C8 k  Zvar xMax;
' \3 G* u2 W" T* Z# I. T: Wvar yMax;
, `+ V5 P: C% Mvar xPos = 0;. I0 C. a; u6 l
var yPos = 0;
8 O9 _* E4 ?1 `! t+ _! A1 Bvar xDir = 'right';1 A$ Q  d: ~% h9 Y2 g$ d$ i; t
var yDir = 'down';
/ f; S3 o! X; k7 @var superballRunning = true;
# ]# T' h/ V; ^0 A$ x$ o# uvar tempBallSpeed;. s. I5 ^0 \6 c1 `3 w* x5 J! A1 k0 k
var currentBallSrc;
! N: a% F2 r+ w" mvar newXDir;
  H; L, c3 L* N1 Cvar newYDir;
0 {, b0 ?7 _( L% k& w) E% X$ w) r
! K( m% ?$ f0 B4 Vfunction initializeBall() {
2 r9 W6 C0 n0 R  S' }: I5 m2 m- z   if (document.all) {9 M' `  g' s  l; V/ {* M
      xMax = document.body.clientWidth1 \" r5 H/ e( [( a" @- j/ y+ E0 B, Q
      yMax = document.body.clientHeight, P' m& s) c4 ]0 w+ D5 W9 C; o2 n- I" O
      document.all("supertext").style.visibility = "visible";
* ]# t0 l( w* F0 f0 x8 d      contentWidth=supertext.offsetWidth
6 c5 o  u- e8 D+ }3 o" H& [; y      contentHeight=supertext.offsetHeight# p* T% C; t5 x% J
      }! U# H! q+ g6 K
   else if (document.layers) {1 q: k. V; t/ U/ L
      xMax = window.innerWidth;
% V% c+ i0 ?! M/ z2 B7 e      yMax = window.innerHeight;, C0 A4 ^7 a+ z' |9 N* s& a+ O
      contentWidth=document.supertext.document.width$ }5 ]1 `7 i4 O
      contentHeight=document.supertext.document.height
1 |7 D. r* R' \# V      document.layers["supertext"].visibility = "show";4 f- S& E+ z: F, T$ g
      }
7 v6 D9 p4 ]7 O# W   setTimeout('moveBall()',400);
$ a$ [+ a# q+ _+ I   if (hidetimer!=''); Q. Z, Q1 E5 i; N- q" j! Q
   setTimeout("hidetext()",hidetimer): h" h' k( N+ p2 I# O) i2 U) z- {3 e! Q
   }) O/ M) h8 h* `

/ u, u* z9 P0 q; l- K% P$ Tfunction moveBall() {0 S: G3 Y2 \8 l4 l4 s! ^
   if (superballRunning == true) {
3 D4 R7 g% [7 s      calculatePosition();
' z, I& u/ L6 F: w: k- }      if (document.all) {5 N# [( f& x, H+ R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 G! C9 u5 g$ M' M7 }, `
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ t% V, |7 g- q" ~6 A6 g
         }  R4 o% w2 b3 o7 w; F: [
      else if (document.layers) {+ k7 O. \+ Y3 i
         document.layers["supertext"].left = xPos + pageXOffset;: r4 L) a% {) A6 v; U3 `! V8 u
         document.layers["supertext"].top = yPos + pageYOffset;
3 K( Z) `# ?+ ?  ~: d         }) Q$ K: b$ k3 _4 N
      animatetext=setTimeout('moveBall()',20);. n* _8 W3 d. Q$ ^
      }
3 D" y3 f8 m! P& A1 l4 [4 g5 y   }
( D, n) z" p- i/ h4 k' }7 L5 K8 H4 R# i4 p& e! `  W4 [4 m- H/ ?
function calculatePosition() {
$ K4 z5 @! a4 P! L  \! z   if (xDir == "right") {
* d" |! ]+ @8 J/ R1 f      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 n/ S8 J7 n7 l+ ~9 i         xDir = "left";
7 l/ F. X% v  u: O" D         }: @$ t$ G" T# j, V
      }2 R6 v6 ^$ ~1 }* l: F  _, ?0 y* q
   else if (xDir == "left") {5 i7 _8 i/ N" t' z" [9 y
      if (xPos < (0 + BallSpeed)) {2 a9 B& b8 c* x9 X/ u
         xDir = "right";3 s+ u8 ^. t3 E1 ?
         }  _7 |* Y% I5 ], \5 V
      }3 S: [6 q) J9 e& F+ u2 ^! l2 Z
   if (yDir == "down") {$ B2 E% F+ Z: R9 z7 |+ e
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( s7 m, A4 x2 {' b& Z, P- P% k         yDir = "up";
# g9 H. H, i. b/ a         }
, M5 h7 O8 {% V* G      }
% l4 U: j& ?5 I% I% |& t   else if (yDir == "up") {
( ~+ Q- G  S- n; z      if (yPos < (0 + BallSpeed)) {
- E! z, P2 Z7 c0 E1 A         yDir = "down";
7 R, P% w- ^8 y4 z% w% j; p/ s, j         }5 i1 u3 ?4 [3 g$ Y9 A( }2 p# v
      }
8 Y, y/ x( O1 W! S0 ]3 c   if (xDir == "right") {5 a) ?3 w6 b4 A" y' ]8 T
      xPos = xPos + BallSpeed;9 y* f) a6 Q! y$ S& W$ c
      }! L9 W5 @9 p2 |# o- V, x! M7 _. @
   else if (xDir == "left") {
. J3 [: `& B9 E: v      xPos = xPos - BallSpeed;
8 J. p9 R' [2 ?0 ~- n  h      }& X" N( g2 i0 `' ~- t; F7 J% f3 S
   else {7 }- v5 a1 l% H4 E( S& k8 r9 @
      xPos = xPos;: F; c* r. [. U0 X$ c/ q
      }# q/ j. z" s5 `8 r& Z# W
   if (yDir == "down") {
, Z8 v. {' a& W% J0 ^; l$ a# S      yPos = yPos + BallSpeed;
) l6 L3 l2 G+ A  l" P, d      }
: x$ G, r* K+ M) [6 h& S   else if (yDir == "up") {' A; t+ i" g( a7 M
      yPos = yPos - BallSpeed;
8 u' {' K7 }4 U' t( C# [9 H      }
5 N  J, ]8 h  X- d3 s  C* E   else {
+ n" Q9 C* O. Q4 u2 \      yPos = yPos;
* v0 l1 C, y- n# |* Q      }
3 h5 ]7 |5 a: m9 n. F' b5 s   }
5 q* e" R" s, O! j% C. |5 e6 o1 c3 y1 k; X$ L
function hidetext(){! h5 p/ U& K% V4 x) @7 s( `- H
if (document.all)
! I1 k7 ?6 R; xsupertext.style.visibility="hidden"
$ A$ g! D% A9 l( B+ s9 F9 Yelse if (document.layers)
/ P( V" T/ P; l: sdocument.supertext.visibility="hide"7 [0 Q' S; l* X# ^/ v1 t2 G
clearTimeout(animatetext)
) B$ E: E1 ]2 x. ~}* i) l6 t" U# f
2 d! Q0 s; p9 A+ w+ N( ?
if (document.all||document.layers){
+ F' w& e4 j; w) Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 d! Y$ @# v1 `5 P; B6 r- F
window.onload = initializeBall;
1 w: u7 l/ W1 A6 Dwindow.onresize = new Function("window.location.reload()");, u# T: v# T$ }7 Q; p1 C  C6 N8 B
}9 p3 h8 v% W% N' X; d' L) v
$ f1 W1 T! N& `- \
</script>