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

zw2004

<style type="text/css">* S  v- `  n- C. e* U
#supertext {) f* m. k9 c3 q2 l# l: }
position:absolute;
4 T" ^6 Y! y; j( Jleft:0;, S0 U+ n* F8 G$ e  @
top:0;) a# j! r- u  G
visibility:hide;
& L' F) ~  H$ m% L+ |3 ^- vvisibility:hidden;
2 r: H  t# k$ ~; v3 ?}; W7 }7 \4 N+ ~4 m  {/ H% T
</style>
; l7 G! V) h; V# m0 u+ ]<script language="JavaScript1.2">5 d1 V0 J% _! @0 T7 J
<!-- 改变下的字体的大小。颜色-->
& g' }% ?& ~/ U! U" |var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- W+ l( I, Q6 A+ hvar hidetimer='';
) Q5 ?# r  L" a/ V. ]: \<!-- 改变下的弹跳速度-->
" w" y9 ?$ f, M4 I5 @0 y! tvar BallSpeed = 20;( j. J+ \2 z( `+ t, V7 ^
var contentWidth;  b/ B" Z7 e% D5 S" J8 ]) X
var contentHeight;
: L6 u# X/ M$ s8 a' D: [( x3 M. Rvar maxBallSpeed = 50;2 c' e  n8 Y$ G/ S

0 Q. z& _0 n5 _% s2 H% X% m* }) B9 Z
var xMax;
! n" l$ U- Y! z: Svar yMax;
. Q' [( B8 d$ N' W; ~var xPos = 0;
3 G$ ]" D$ [5 B! f3 r- Tvar yPos = 0;  j& c. ?/ r4 R, m4 n( R
var xDir = 'right';
7 C9 o1 ~" \+ `1 g0 [6 Fvar yDir = 'down';& S( |* I6 D4 f2 a% Z
var superballRunning = true;/ z* d' H+ O' X) B5 `% S8 t, w. s
var tempBallSpeed;5 O/ X2 m" S; {) H4 G, {
var currentBallSrc;
( p# _% ~4 E! ^8 q7 X! qvar newXDir;. s& r) y5 B9 S1 n
var newYDir;6 v* J/ H7 Y2 g

; `3 }* I8 V9 e" _4 W5 a; sfunction initializeBall() {7 U) C5 M  Q$ q) S
   if (document.all) {) c0 r& I& i& s) q
      xMax = document.body.clientWidth1 D, B. T; ]# s8 ~
      yMax = document.body.clientHeight
4 L/ J# S  M2 v      document.all("supertext").style.visibility = "visible";1 W! q0 b8 D: d. z0 ]& {! c
      contentWidth=supertext.offsetWidth
- y! H8 E- n0 ^; p$ v; S' d0 ^. n      contentHeight=supertext.offsetHeight
, c6 t. `% I- e7 i  P& i" L* O      }: C; l% Z& t$ g
   else if (document.layers) {3 I. L% Z! A4 l* H7 D
      xMax = window.innerWidth;
5 q* j' [  @5 ^$ B3 }( {      yMax = window.innerHeight;5 g6 \5 ?" a- G# }( Z
      contentWidth=document.supertext.document.width) r' b* ~, c: {; q) N# G) x
      contentHeight=document.supertext.document.height
2 ]/ G, Y9 n; y' h      document.layers["supertext"].visibility = "show";
% e. i2 Q8 |" c! M. i+ H      }! e3 s" i4 y' N
   setTimeout('moveBall()',400);) @( S+ O  J2 R2 {/ X: N8 z( d
   if (hidetimer!='')1 h/ l2 j/ x7 i; |# i" f3 U7 v% O
   setTimeout("hidetext()",hidetimer). g" D2 w$ J% ~$ `
   }
5 `1 R$ t6 a* I0 k: r+ @) \7 R4 j& P% F" N0 ^) _( h4 C( H
function moveBall() {! ]. d5 G8 d5 \3 f, a+ U7 I. X
   if (superballRunning == true) {" M1 s" t4 o5 [& l
      calculatePosition();4 v% D/ O4 ~  \, H$ [
      if (document.all) {8 W5 I: l8 K* w: \
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 G3 U6 N- F: P0 B4 h$ p
         document.all("supertext").style.top = yPos + document.body.scrollTop;- J+ ?8 t, f, A: E& j
         }
* R0 i- J) Y9 {* T# [: p      else if (document.layers) {2 D9 _; H3 t" l, {. i
         document.layers["supertext"].left = xPos + pageXOffset;
& C5 R8 Y' h& M, n         document.layers["supertext"].top = yPos + pageYOffset;# B6 s& k- R* U+ T5 n' e% j* h
         }
, f6 s- e: l! X1 u* F. H0 G0 b      animatetext=setTimeout('moveBall()',20);
4 a5 i! ?) x) L! o( w      }* a7 Y0 Y, k7 z3 Q8 c) c5 G
   }
7 G* W! J3 `7 p3 r
! v: b2 a& e, c( X: Y& b1 L' a7 kfunction calculatePosition() {
& a+ g# _. O# S8 T5 h* r( R   if (xDir == "right") {/ e* A3 _9 ^5 p0 N; s3 y. d
      if (xPos > (xMax - contentWidth - BallSpeed)) {
& r# h. m" T1 J! C7 F# l         xDir = "left";
) s% w, ^7 `) O3 C$ F         }
) v4 b! z( l; t, |$ C3 i      }, ?! e  s1 Y7 ^3 a$ I; Q
   else if (xDir == "left") {' {5 U1 U+ F, O' F/ s
      if (xPos < (0 + BallSpeed)) {+ X/ l- n) Z' g4 D
         xDir = "right";
: \- C! j/ F$ E/ z         }
; x; G; w( t# [$ p. |      }( c& \% h' K% _+ P/ r& k
   if (yDir == "down") {
$ h; a5 G) i0 c4 }/ c      if (yPos > (yMax - contentHeight - BallSpeed)) {
, q1 ]2 t) c5 I         yDir = "up";
/ d1 N7 Q: s6 W7 l/ L         }
, M3 j8 C( n% X8 j, ^      }9 c4 |9 |* X7 B2 Y- `
   else if (yDir == "up") {
; `; c- q/ b6 z7 |* H3 U      if (yPos < (0 + BallSpeed)) {
% f1 a# U" C) U  M9 k! F         yDir = "down";
7 {6 ^# p/ N# f% ]         }5 E5 G3 h: w7 R. r# p
      }
  `: Z+ o4 [7 g- S   if (xDir == "right") {
4 R- f5 i2 k0 J+ c, y      xPos = xPos + BallSpeed;3 v: o* e3 e% ^6 u2 o
      }
- Z4 q! \' O: }   else if (xDir == "left") {) e" q& w0 _/ C8 m- }0 F
      xPos = xPos - BallSpeed;! @6 ~8 z4 y; {, H
      }7 a+ m- ]1 _1 S4 T
   else {2 r4 c. v. i3 V7 j, p
      xPos = xPos;/ w8 v# N3 ?" X8 r* A& y+ z
      }' S- }8 _8 L5 l2 V  o' v' l
   if (yDir == "down") {& o: d/ q2 x9 _/ E
      yPos = yPos + BallSpeed;
  `* K, Y) O7 M4 }" w+ \: ]1 U9 d      }: `7 L' E9 R9 x" Q( L5 V3 p
   else if (yDir == "up") {2 J8 Z" E5 F' B" f/ K) ^8 H9 U; l7 Q
      yPos = yPos - BallSpeed;
5 y2 y5 F( M2 Z- f5 a      }0 o* x; T. l  }1 I
   else {
1 ^3 p8 c, Q2 ^      yPos = yPos;
* u3 z$ |4 ]6 Y3 `) U      }( J0 H+ ?5 \3 c
   }
3 k( z; Y- l; S& ~9 b$ ~( n  L( i" i( |4 d( p
function hidetext(){
$ F2 H8 D4 `. S3 T$ z, L" cif (document.all)
; L4 r: f3 S. z# K7 e9 hsupertext.style.visibility="hidden"2 x; c. w6 L- J" }# A  n
else if (document.layers)
  e' q& O$ C1 h" Cdocument.supertext.visibility="hide"
/ D3 y. G1 Z* @( z' x- ?clearTimeout(animatetext)& v8 Z+ T, ~2 r) P, n
}. n! I, i, I; ~$ [4 [& q! {2 ~- D% W

' R" H8 y8 |1 y3 ^/ a. Eif (document.all||document.layers){# S! b3 I9 L1 J5 U: U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 l+ _$ S4 H. g; Cwindow.onload = initializeBall;
  K/ D6 Q7 \0 G. N5 Q4 s# D' Ywindow.onresize = new Function("window.location.reload()");3 E) }" e3 U$ g: p6 X9 f
}
: C3 R+ S+ m( I! p' C6 p, B1 Z5 p+ S9 D3 z% X, {  K
</script>