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

zw2004

<style type="text/css">
- I  f' h5 v3 ~# ~# h; b8 S) \: t! Q#supertext {
: I: P% B0 p$ n- Q, h; [9 rposition:absolute;: \% C8 q  F/ Z6 `  G* q) u7 W
left:0;( U3 T9 C) }6 \- ?9 n
top:0;% p5 K* m8 A4 U8 Q! q- M$ l. S
visibility:hide;/ T" _  n  X: l4 N! _5 d
visibility:hidden;; g' k' _3 ?/ J6 k
}
3 o! c( `# o/ ^2 t( Y</style>! ]$ c+ I6 N  u# w3 }  k- X! }
<script language="JavaScript1.2">3 f9 z9 P+ k3 w8 n' ?/ D, N: N2 q
<!-- 改变下的字体的大小。颜色-->
2 b: }/ n3 d8 I" v5 B7 X; avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, K' S1 |3 t9 {+ R, Y: ~var hidetimer='';
5 ^; Y" ?$ q* F' T<!-- 改变下的弹跳速度-->2 z2 M4 I2 M: `
var BallSpeed = 20;" N* v* Y0 R( D1 |1 c, _
var contentWidth;
8 e' }. o5 Z  |( \& H; qvar contentHeight;
! z6 |( i& G- {6 A1 ^0 y: gvar maxBallSpeed = 50;
. d+ `6 ~! h( c; m- \) b  X2 Y6 K2 `) d% X. _' Y3 U

5 |. `, h* s! X. j6 Pvar xMax;2 O. o$ v( L; B6 t5 _3 y( H& r
var yMax;' G% K9 O5 F9 w+ K& U
var xPos = 0;1 N+ e0 ~" U- s9 V  ?2 c* i
var yPos = 0;
) Q' k  @8 d& i( l3 q. zvar xDir = 'right';2 N! s  `9 b# Y
var yDir = 'down';4 v/ a3 |0 G# E' X, c1 X
var superballRunning = true;1 H$ q; A/ O) |) t: |, h
var tempBallSpeed;! z2 Q; e) n  S$ }* O: E; h- M! Q7 n
var currentBallSrc;: _" s6 x3 t8 Y9 m$ p: `+ _
var newXDir;3 C& |8 k9 @( d. f9 U# A
var newYDir;7 h- a, X) A2 N# B8 J

6 ^& I9 o, n# ^1 S  efunction initializeBall() {* @$ }- y6 K; ?! @6 I6 d( R$ a. X
   if (document.all) {
! S$ Q! [' ^( k* Q" j( ]3 O+ v      xMax = document.body.clientWidth) j& c$ M0 v9 R6 p3 t/ @
      yMax = document.body.clientHeight6 \: t* C6 ^; ~( }4 F( O5 A
      document.all("supertext").style.visibility = "visible";& h- B9 t$ S8 {- I! c/ j  G7 d
      contentWidth=supertext.offsetWidth4 i( n, b1 X: c0 o( R) S1 N0 w1 E% j" K
      contentHeight=supertext.offsetHeight
+ D: P* I# M8 Z9 T) N6 B$ w      }) Z' p' w1 X4 b
   else if (document.layers) {
$ Y2 K* q; M9 ^3 D8 q      xMax = window.innerWidth;
' U8 O- a1 [* x3 Q8 ~+ l( e# p      yMax = window.innerHeight;6 n" F/ k$ Y* ?% ~: {  `; t
      contentWidth=document.supertext.document.width
/ I. J& m3 Z0 S/ {; e. H      contentHeight=document.supertext.document.height
" `* x& t. v, l2 R6 @! N      document.layers["supertext"].visibility = "show";# g" n. Q& z1 S' x" ~0 l
      }
+ n3 Y6 v1 ^+ G- L7 V# i   setTimeout('moveBall()',400);
2 d/ u* ]% _+ d" X2 _, ~) ?& W2 ]   if (hidetimer!='')# h7 {  k+ P/ ^5 f. m6 p
   setTimeout("hidetext()",hidetimer)0 q3 D8 q" d/ P
   }/ n# a9 G! d  ^4 c' \& D  `( Q
; H  J$ A2 W/ Q5 g& G) p
function moveBall() {
2 H" d& V" g1 f+ Z* x5 l   if (superballRunning == true) {5 {7 O" e; H# x& P$ p" M' n$ l
      calculatePosition();' t( w% D7 y5 v2 r$ C" W( n
      if (document.all) {3 I. V! O- x9 w! T% G) p0 d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* h1 ^0 P2 I0 k         document.all("supertext").style.top = yPos + document.body.scrollTop;! ^) f% e! `% H6 x3 g
         }/ J2 T1 x4 c4 ~$ A0 r
      else if (document.layers) {
7 j' o) D+ r, K  t3 y! i! C         document.layers["supertext"].left = xPos + pageXOffset;
2 P  S& C6 h7 i         document.layers["supertext"].top = yPos + pageYOffset;+ e3 ~  r5 A( `" a9 _6 m1 T. Q
         }
5 d0 W7 [* @" S# ^      animatetext=setTimeout('moveBall()',20);
0 b  R" H; b' X9 q1 Y      }0 C- [3 X) e' [
   }$ \. M9 ?. Q" S( J0 L0 g' h
+ i3 s- R; @' w+ U
function calculatePosition() {% H  v: x6 J: p; g0 w4 Z
   if (xDir == "right") {
8 l+ T8 U/ e& _/ W2 U) R      if (xPos > (xMax - contentWidth - BallSpeed)) {( S2 Z4 C; h  a% H8 u5 t0 M. f
         xDir = "left";6 x5 _. d1 F+ e9 g+ M
         }
' |; d4 L" F" z9 O$ Z* m/ j      }
% l8 X  q; m) E0 b, T, A   else if (xDir == "left") {
0 g9 c3 O! @0 W/ r      if (xPos < (0 + BallSpeed)) {, t# k/ G/ b( a, i2 O
         xDir = "right";
# U0 E* _# a8 A: t, N         }9 k. {  r% R! K; O0 \2 p& T9 A
      }* ?  Z) B; W" W6 q" F: @$ h! H( X# c, ~, r
   if (yDir == "down") {
# i. D( L% D$ T- R8 ~  v$ F      if (yPos > (yMax - contentHeight - BallSpeed)) {
: @+ b+ O- I) l* T* Y: ]  G         yDir = "up";
' G, a+ n4 Q! `8 g, e. M; n  _         }  X- T6 {% y% Z2 i' j
      }
& R& w7 ?/ O, a9 O   else if (yDir == "up") {
+ u- ?$ f' a1 d6 w" c# u' `- S      if (yPos < (0 + BallSpeed)) {
, p( i. V* E0 M         yDir = "down";
! f; N, ^! C7 H# r' X         }- D: R2 E. J7 a/ X/ R/ e" e# C2 B% v
      }8 j1 f9 z! @, b' ^. g$ z
   if (xDir == "right") {9 a) E% C+ Q) c$ A
      xPos = xPos + BallSpeed;5 m. y% \" d+ U% t' N4 a% |) b
      }
; q' [" s  w) H7 O9 y; n( g8 s   else if (xDir == "left") {
6 I# ^6 c7 m. @2 |& w) @      xPos = xPos - BallSpeed;' B$ \% b. a8 E1 v% x4 a1 _* E
      }
) B! Q$ Y, F: L" @   else {
! Y) c) B5 v1 {& V  l' y" v      xPos = xPos;
  M2 d: @( p8 ]- Y3 @      }2 h- @7 Y) W: x2 A! v' m! f
   if (yDir == "down") {
4 W1 l7 V$ {! v( H6 T      yPos = yPos + BallSpeed;9 O9 W! j6 r7 \1 o% E4 F0 [7 x. [  I
      }6 |  O: D% N! {
   else if (yDir == "up") {
0 v- k- L; I- J- w( I; Z0 A      yPos = yPos - BallSpeed;5 J" ~! F/ C* t7 l5 Q
      }3 O' Y: a. i7 P; {+ @0 {' }
   else {+ d2 m  N! j$ _6 E* c+ L8 _  z
      yPos = yPos;6 M1 l  c9 n% y' A! z1 a
      }  g# M0 q3 ?, r+ ~# s8 z
   }5 N9 W1 P! V8 U" _
4 j; O. ]0 G$ p3 P
function hidetext(){
6 x- i+ h( T! ]% K$ ]9 m0 uif (document.all)# t' |! b$ R$ u& P7 m6 V
supertext.style.visibility="hidden". o( G, P# k$ h3 {5 _
else if (document.layers)6 y6 @1 K2 G4 ~5 `5 e$ Q8 S
document.supertext.visibility="hide"
: E) r' x5 z' n- ]4 DclearTimeout(animatetext)
; F, `( @) ^4 t2 |4 n& @. ^* S}; T" D3 a- T. ]* @* O7 }
& @7 R1 e' f" `/ F4 @5 [( s
if (document.all||document.layers){8 {8 k8 r5 \3 l2 q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) ~0 `/ t- `/ ]3 Z$ ?3 Hwindow.onload = initializeBall;
  O9 O4 s2 E) F6 Xwindow.onresize = new Function("window.location.reload()");
* Y: P- Z: T$ b+ O}
2 c) d7 U! l7 J, x. f1 E4 e2 J6 A& ?, H. N0 \7 N, k: O$ D
</script>