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

zw2004

<style type="text/css">9 N3 a0 \+ ^1 V) j, u1 w) b; e
#supertext {
6 a9 ]- p6 t" J# vposition:absolute;
/ V+ ]4 @+ h7 a/ M+ A9 _left:0;$ X7 k; a2 h$ {, e; G0 p/ u
top:0;
) j+ }' }# v6 `/ t. [visibility:hide;. b  S* m( K) N2 B
visibility:hidden;, k% |  o/ s2 h# U
}
5 b. o3 `8 M, k</style>/ K/ U9 @# Y- \" p5 u9 K
<script language="JavaScript1.2">
2 w9 G* c& k7 l$ [+ [$ O<!-- 改变下的字体的大小。颜色-->
. q1 i" c/ E* W* fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 X7 T; w; d, Q# y5 `- N3 E6 O
var hidetimer='';) ~7 G8 u6 N$ R- V; @7 i9 G
<!-- 改变下的弹跳速度-->! |% e1 M( w/ b9 Z0 j7 y
var BallSpeed = 20;
* R5 ]% _8 F% v. E" }& p0 X, [- S: kvar contentWidth;% a4 T# W5 @7 B/ ?
var contentHeight;6 T! K5 D# U* g/ ?
var maxBallSpeed = 50;4 O- S: _& w+ V5 Y+ W  J: x

# ~" }3 [& x' L$ f' |6 v; i% T: X3 J( ^) @% _- P5 t
var xMax;
- _5 G& @; W) E: s, vvar yMax;
/ d. r; i7 S) B! @2 ^6 @var xPos = 0;1 g$ r* A. N9 q+ J
var yPos = 0;
+ N, J+ x( {* q/ k9 R" Bvar xDir = 'right';
- c# Q7 P) p0 zvar yDir = 'down';) }) a; N- N  I
var superballRunning = true;
1 c) }2 B% p+ G- b9 k7 D$ R/ Kvar tempBallSpeed;( S  [/ i$ K* w! @! r% R0 A
var currentBallSrc;0 C5 k1 O, V$ R/ B' h
var newXDir;7 ]" ~% \  f* _; N+ ~
var newYDir;$ n( R4 Y2 J* w/ J6 P) o
% C: k& c  O1 Y! B
function initializeBall() {
+ g- k- g1 M# M   if (document.all) {  A9 C2 ~5 K! v) Z0 L3 [9 L7 s8 \
      xMax = document.body.clientWidth
; z, D# r( _( t; {      yMax = document.body.clientHeight
3 s. f9 {" t! _5 N+ I7 O7 r      document.all("supertext").style.visibility = "visible";
6 n1 ^. }" t6 ]* E8 K! n2 y9 J      contentWidth=supertext.offsetWidth
$ V4 G2 d, d4 d# o      contentHeight=supertext.offsetHeight) |  j" C7 ?( r  ?0 w' ], Z
      }: ~) U7 [& J% _. W
   else if (document.layers) {
' C9 f0 F( a) |. ^2 H3 U8 l, p- A      xMax = window.innerWidth;
: f0 a  H# s1 }! L3 f) U      yMax = window.innerHeight;) S. ?& q& }5 b9 w# \0 J
      contentWidth=document.supertext.document.width) k+ _5 g( u, @7 {5 O) L! G# ^6 [; q
      contentHeight=document.supertext.document.height
8 f  K3 J7 R4 F/ V, P6 w/ y. y      document.layers["supertext"].visibility = "show";
' i3 F* {0 R$ `8 X+ k      }
6 L% |2 v: m" e& E   setTimeout('moveBall()',400);/ R, {3 x: ?1 C' a/ h" j% {" d
   if (hidetimer!='')1 D$ g3 M5 g; C1 ]$ m
   setTimeout("hidetext()",hidetimer)
0 `7 t$ G' c' ~5 H   }1 H$ C8 D6 w- C

6 |' u+ G+ Z; ]6 m3 Q4 nfunction moveBall() {
4 b8 `5 ?- ?  r9 Z   if (superballRunning == true) {
/ Z2 o) x% ~! Y4 A/ j8 t      calculatePosition();
# l0 o0 ?7 T& A) I4 v: ^7 i$ P& D      if (document.all) {  k2 Y. E7 ]0 K$ Z+ h6 E8 }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, r- u1 i$ _6 a5 L6 {2 D
         document.all("supertext").style.top = yPos + document.body.scrollTop;% J$ j$ D3 F. Y) X5 u0 s" [2 B
         }
. i8 V8 t  o0 c      else if (document.layers) {
  W; E8 w$ R: Y3 b+ E4 N         document.layers["supertext"].left = xPos + pageXOffset;1 L8 c7 q' I/ R7 w3 d1 U; Y$ t% M
         document.layers["supertext"].top = yPos + pageYOffset;! ?! g0 F5 Z1 r3 O1 b5 {
         }9 A5 V3 q4 F% [5 P" M' `- T9 @) N
      animatetext=setTimeout('moveBall()',20);- v+ a0 w" [" W# R' h
      }
/ [: S8 E) P3 h  b" w   }
" E& N5 [( b/ B7 V
: x# c1 m0 P# @. l5 dfunction calculatePosition() {; F# v, i) X) R5 F! P) V
   if (xDir == "right") {# G& r  o9 p  }
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% ]" u* Q0 G' j6 K, Q         xDir = "left";4 f/ a( C8 N, P& Z) i+ g& L: ~& B! d/ Z3 G
         }4 G) v/ i( _3 D
      }% I9 L9 E! j- ^. j
   else if (xDir == "left") {
; e% j8 i- m) A3 M9 U+ T% B! r8 J      if (xPos < (0 + BallSpeed)) {1 O% _, @8 w! [8 t* X$ \
         xDir = "right";
6 N# ~3 Z" f2 M- I         }" g1 S3 \+ W) H: a; \
      }
( l5 J" S# z" ]; U: ?   if (yDir == "down") {
" B8 _5 g& W5 K$ F- ?) W      if (yPos > (yMax - contentHeight - BallSpeed)) {7 g: K3 j" w! @; j* c9 J
         yDir = "up";  c) @/ N/ Y" M& v  F
         }
( Z) K# K9 R$ ~: Q5 G0 ]9 G$ V: a      }
* m2 H' O6 B) Y6 b/ V   else if (yDir == "up") {4 Y7 k+ f, \, [: v6 u  g
      if (yPos < (0 + BallSpeed)) {, p# m$ q, a8 \, \/ w
         yDir = "down";' x! H: m. t5 t4 X$ Z) {! L
         }
5 o7 @2 Q9 Z7 r/ P' [2 e" v. T3 e      }4 c! y4 Z3 _5 L+ F3 Z, }
   if (xDir == "right") {5 N% a( {) s1 p4 A# E! A
      xPos = xPos + BallSpeed;
5 v5 }: t# `5 u( k; g; S6 L      }
! ]$ Z9 d% ~5 U0 T3 R5 g+ Z- n8 {& U8 V: E   else if (xDir == "left") {; l, P% u, m, S" \
      xPos = xPos - BallSpeed;
; p+ j% d2 ^% g; V      }
; s3 S4 h+ T/ R7 ^+ T/ M5 w   else {
3 q( p* H+ A( X6 j8 Y' S! e& q      xPos = xPos;4 ^* R% t& L2 K
      }
7 C; k9 O& I9 S) \   if (yDir == "down") {4 r3 ]3 I6 t4 A" t# C" Q: D
      yPos = yPos + BallSpeed;: O. g4 u2 b- ]1 O6 b& S
      }+ E: W# `* n6 \% P7 u3 l8 [
   else if (yDir == "up") {
- x2 B; v$ m+ e' I$ c: Z      yPos = yPos - BallSpeed;, h4 J: f) \' }4 A& g
      }
9 u  E1 D4 [, ?; z2 Q3 ^   else {5 _- y, m, f3 x3 M& E4 F: J+ D
      yPos = yPos;
* r6 p2 a$ b6 ^& F5 M$ J% b      }# j( C. M" U; g% T
   }  h1 W( I- P9 Q
- y2 E3 L. c0 {
function hidetext(){! y4 v" r+ }9 w! S: E0 _2 i
if (document.all)- Q/ \3 Y6 _, B, i" N% ?
supertext.style.visibility="hidden"
8 R' k) I2 n" j0 L$ belse if (document.layers)
& n& N7 R7 B; P! t; kdocument.supertext.visibility="hide"" s2 ~7 u% V: Y$ Z: W8 A3 T; z$ q
clearTimeout(animatetext)" r4 _  I  Y, i: W2 C
}$ e, j! ~5 s4 h" x& \) n0 N9 m

+ H9 ^! n4 I6 T: c, ?3 B  Dif (document.all||document.layers){
+ K0 X+ d' I" J7 e4 x" T+ z( ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 y( [# \- e. D. Ewindow.onload = initializeBall;2 A  `3 X. Z/ d; W
window.onresize = new Function("window.location.reload()");
4 |# f9 Q1 D; V7 z* W) z6 M8 K}
2 m3 e7 O1 t% I; _2 Y" y5 r$ h; |1 B) `8 w' q9 m+ t! g
</script>