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

zw2004

<style type="text/css">9 i. u5 X/ x, J6 [' {+ H3 O
#supertext {
& b: g% |7 f9 I1 ]0 |6 Dposition:absolute;* P9 |* s! c# \! Z5 c/ y, T
left:0;
% h3 W+ w4 |) s" B- ptop:0;6 X- J8 b9 @. p$ M, _1 `! X
visibility:hide;# ~- x; K0 K+ z" s& f( z4 O
visibility:hidden;! ]/ H# ?+ d7 H, i
}/ _% |$ [" \, _0 R4 ~
</style>' K7 |! K/ ^9 @! Z
<script language="JavaScript1.2">* u8 h' S6 P# `
<!-- 改变下的字体的大小。颜色-->
# F  I6 K, N; t) E3 ?! I: {% V: gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( @, G& T5 w" f7 s0 Gvar hidetimer='';
4 N2 }0 u  S: V' |% H+ c<!-- 改变下的弹跳速度-->
. I5 G- Y! l- [/ O  w" d4 P: Hvar BallSpeed = 20;. G3 `0 J. e1 ?& h
var contentWidth;$ L4 L( u" y  C3 _
var contentHeight;9 @% A9 p2 ^% w1 c
var maxBallSpeed = 50;+ y0 [0 ?5 N; }, ]

6 I0 N) _% A- w" d4 q9 V( W) `+ `6 _. w# T
var xMax;1 \2 q5 Y7 c: |& U/ K
var yMax;; W( d( m8 x: d9 M, m
var xPos = 0;/ }* _. i) A# }, F' C+ x
var yPos = 0;8 }& P" h! O* Z0 n. t  O
var xDir = 'right';
) q: ]9 g* v8 V8 f0 J% U0 Fvar yDir = 'down';
' i. O" [- U5 |' O* ivar superballRunning = true;- T: U; t9 {4 H2 W, R
var tempBallSpeed;
# Y( U* E3 @; _1 qvar currentBallSrc;
- g1 Q/ J( Q! i' z% Q* [var newXDir;1 E9 C8 [/ R5 }: j  A
var newYDir;
. }9 _3 h0 ^1 ?% ~5 c' p5 w% u0 M4 I! [& h7 o* }
function initializeBall() {
4 U  b$ X1 G# U  v7 f, C   if (document.all) {
# {' Y& O/ Z/ H6 `$ v* I      xMax = document.body.clientWidth2 V6 G" \! n$ H
      yMax = document.body.clientHeight0 q9 s5 U, y7 f3 r6 U/ R
      document.all("supertext").style.visibility = "visible";# a9 I6 J/ Q- d  R0 u: U0 Z
      contentWidth=supertext.offsetWidth
' k, @7 w- q9 z$ w3 F5 X+ t      contentHeight=supertext.offsetHeight9 U! t9 w& V8 f, E) E) g4 V  g
      }% J2 r1 U( u, g8 Y$ l2 n6 K% C
   else if (document.layers) {* ~8 }, }$ ?6 v9 ~; }
      xMax = window.innerWidth;; H! g" r6 w" R6 p4 o
      yMax = window.innerHeight;3 S1 M' E5 H1 n
      contentWidth=document.supertext.document.width- x- I$ e0 Z: P! q
      contentHeight=document.supertext.document.height
0 p8 l( k  i! W! s, B5 x" n/ k      document.layers["supertext"].visibility = "show";
2 r3 c  y2 T4 g3 K$ T$ `8 x      }
0 z5 }5 {- p- c# S5 z6 L   setTimeout('moveBall()',400);
* s; O; R( i  |- L; k8 {* G   if (hidetimer!='')
3 q2 E- @, `! y1 @7 u1 E   setTimeout("hidetext()",hidetimer)& b$ k/ H0 T% ]/ z' D
   }( U0 O! K% h* W* ~& v5 c# x3 I' ^

7 R% n2 E2 q+ v7 @) m) d0 }2 rfunction moveBall() {* S  B6 a( C0 V: i0 N& G4 o
   if (superballRunning == true) {5 C3 B8 d" W4 [' \. l
      calculatePosition();
8 u8 N1 _6 U# L  n$ [6 I) c      if (document.all) {
7 `, |# b( R! m' T8 y# C! S         document.all("supertext").style.left = xPos + document.body.scrollLeft;) o5 P& i& c& m& w5 j* P& i
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 X0 F2 ]4 s% h# L* B! }9 I         }- E7 ^; t# L; H% y
      else if (document.layers) {2 r, S/ P+ `. |2 L# |( U
         document.layers["supertext"].left = xPos + pageXOffset;
, h9 j& o& H/ @0 m9 z- f         document.layers["supertext"].top = yPos + pageYOffset;
. w' d. R  d2 C/ ?: r) @8 _         }1 m8 E% a0 t. w1 p8 N' g
      animatetext=setTimeout('moveBall()',20);. k9 V5 Q0 F9 O- X" g
      }
! e2 V& j( n; {( @) ~9 J! R   }
% f  M8 B5 f6 V: G! K. ~# {; Y3 G. |2 j  S5 d) a4 E% Y4 a8 q  e
function calculatePosition() {9 a0 U6 S5 Q* P" Q/ Y
   if (xDir == "right") {# S  l- o# g0 s3 I
      if (xPos > (xMax - contentWidth - BallSpeed)) {: m4 w4 L* M! T. o. |! d
         xDir = "left";8 @$ B7 p, U, [/ ^4 Q& _
         }
1 L. n. }, U5 }      }
" n. B, j( L. Z9 j   else if (xDir == "left") {
+ s; K8 m4 h: C3 |( `+ Q      if (xPos < (0 + BallSpeed)) {
. k0 Z& L. F; L; ~- E$ z         xDir = "right";, I) w4 s5 P: B) e, N
         }
* _! E; b9 x4 |8 a      }
4 |1 ?7 z  D1 j( K2 a4 m   if (yDir == "down") {4 A3 m! h; X" _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; e5 A/ P) P; d         yDir = "up";  d+ ?0 {, p' N! K$ L5 A: [2 o
         }2 T8 S3 F/ Y. |7 S  L. l
      }8 f9 v2 x( @; }  J9 {
   else if (yDir == "up") {) U  P* N4 K0 [$ I
      if (yPos < (0 + BallSpeed)) {% G* ?& z3 P, W* u, u4 R& ]" ^* t
         yDir = "down";
- K/ I2 ?! S' E* ^         }
7 S3 g0 a7 S% m; ?      }
9 Y/ P0 C  l0 Y/ J. O. f; c   if (xDir == "right") {
- A% L- @9 w, m) z: M( S! y2 Z      xPos = xPos + BallSpeed;) q0 k+ q; b% _% u$ v0 d+ u7 I
      }- p, R/ |0 Z' R( v5 e7 h
   else if (xDir == "left") {
# ]8 Y' D5 w3 m      xPos = xPos - BallSpeed;
& ?3 i  i: d! ]/ J3 ^' l1 Q      }
, Z& N# h+ m  G. |4 `3 {; [$ ~   else {$ ]; p8 ?1 W# r1 f& A$ O
      xPos = xPos;7 K$ J4 U. v# A0 n0 _) d
      }
/ u. ]+ B( g& ^* M( z$ z   if (yDir == "down") {- l- }; W/ a. W; E
      yPos = yPos + BallSpeed;9 e+ ~& l5 R$ l' z- v- N% h6 D" n
      }; L6 A6 ~1 q' s5 q) v" G
   else if (yDir == "up") {
5 q& S! m; h4 n! s      yPos = yPos - BallSpeed;
) L7 w9 d5 v5 E" l5 H2 }& _      }2 C: w/ B& ]. L% O3 a
   else {4 i8 t' D% Y' }- \0 z4 }
      yPos = yPos;9 F. m& k4 c) c( Y- ]
      }
; O# v' Z% Y7 {" U. l   }
& |; h( k% R! J* E; i  H% S  I  a7 Z8 [0 u' H8 v6 R
function hidetext(){
# d/ Y/ y5 y% l" V6 Fif (document.all)
! v, e$ `/ S& a$ N, ?, R" Xsupertext.style.visibility="hidden"
- P" R; ?4 P- N! C. ?( Z' _) Gelse if (document.layers)+ Z, G+ G; @0 p' I/ R8 z
document.supertext.visibility="hide"
1 G  s& q( v$ {1 xclearTimeout(animatetext), h- L6 v8 k; s+ V( F
}
7 r4 U( N# \3 W0 k6 [, a, Q2 U! i
# C0 J2 f9 u1 V! P# d, |( bif (document.all||document.layers){
/ C( s+ x; L' E& q& G3 Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" Z3 ~4 a7 B+ C1 O* e0 l! g8 L% ywindow.onload = initializeBall;
; ~; `; U, v1 o/ ?4 m$ @+ |window.onresize = new Function("window.location.reload()");, Y: j( _& O! {# |# r
}4 p: u3 d& t; F: a6 m" C5 y/ B
) H# O$ F" C/ C* r: F& e3 u
</script>