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

zw2004

<style type="text/css">/ a3 `3 _: K. d8 v- Z
#supertext {0 u- K; i0 }1 r% _. Z! U4 u. }$ c
position:absolute;- ?( E8 ~+ B# g; @
left:0;# I6 p$ j+ t( k. o8 I' I: i
top:0;
' I* z. s; x1 J+ U" D, [visibility:hide;' U4 M& _" ?. v" m( D, R4 k, s
visibility:hidden;
7 h2 o  k) [8 u3 G/ N$ f}/ |, i1 ^6 v2 S4 x/ y5 h
</style>3 T! U( u: D1 h9 C6 A& e
<script language="JavaScript1.2">
9 \6 t+ X$ }# y9 A/ k. u<!-- 改变下的字体的大小。颜色-->  f# @3 \) p3 `! O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! ]7 x% E. P  p# H( W. ?# F
var hidetimer='';
% d- J7 p' z! z1 X3 p3 \<!-- 改变下的弹跳速度-->5 M( d' w/ o0 n3 t4 M
var BallSpeed = 20;
: \0 L" h# Y, N' r( _$ G; }var contentWidth;0 A* h+ J  \, N1 |1 l; g5 m' [) i7 y2 v
var contentHeight;- I/ U4 u3 D' f! h! b0 q4 i! k
var maxBallSpeed = 50;
* F! E' s1 W6 W1 k" b
& V" y7 w$ y& R5 Z! ?
! _& x- |' N6 s/ K, ?- zvar xMax;
  t" c3 `2 D" E+ f3 q2 G' ~var yMax;
8 e2 F+ ~% x5 J2 s+ @var xPos = 0;) |% ?) X2 f& W" h7 J
var yPos = 0;
' e% S9 D. k/ |2 [var xDir = 'right';
1 A+ O9 a8 [) T! svar yDir = 'down';( y8 U9 s1 Q- Q& ]0 ]: I" U
var superballRunning = true;# p& [$ v9 F7 b7 ~6 _1 q7 a$ \
var tempBallSpeed;
2 u+ S9 |$ r7 {0 ovar currentBallSrc;. N* Y5 S0 J! r7 P# c# Q
var newXDir;5 k7 H6 H# H& I" x
var newYDir;
2 e) e0 W7 d- `: d/ k: w
& a' \! n  C$ U* ~; m/ cfunction initializeBall() {
5 `% @1 l! ~" v# ?  \8 \+ o   if (document.all) {, ]6 B; N& Y7 N
      xMax = document.body.clientWidth+ X* b8 C$ H) T2 w
      yMax = document.body.clientHeight
/ g9 d. @' Y0 s; r5 d+ a      document.all("supertext").style.visibility = "visible";
: Y, T" s  }. M# C      contentWidth=supertext.offsetWidth
# H1 l& ]) `" v      contentHeight=supertext.offsetHeight1 e* A" k  T; R* q: C
      }
" ]# F6 M; X8 {1 D9 x   else if (document.layers) {1 P5 O, ?- t" q2 q
      xMax = window.innerWidth;3 k; Z- U1 D/ z) k! t
      yMax = window.innerHeight;
) L8 u% M, z" o( \2 y  W& p$ c; L3 @      contentWidth=document.supertext.document.width
$ K" v3 X0 k( \  L; i      contentHeight=document.supertext.document.height. r* W4 l1 N4 L8 k$ O* i( j# N
      document.layers["supertext"].visibility = "show";0 o- a* I/ R' ]5 X  v2 Z' T$ d2 T
      }
/ [; Q" U: U! t   setTimeout('moveBall()',400);
5 \5 a  N; K& g# u& X. q! M: {   if (hidetimer!='')
: I, e# Y7 B) L) l5 {8 R+ A   setTimeout("hidetext()",hidetimer)
( p/ T5 }' K* Z' i3 i! p   }! g( D7 W9 ]- D5 z0 v1 i$ M

' `+ N* v' e) g" [; \# Afunction moveBall() {
+ i/ t/ t8 k6 J8 P+ e0 y8 ]  g! J9 Q   if (superballRunning == true) {
" F4 \# c: {7 O8 x( x      calculatePosition();, ~# y. }  P# U  a7 J, k7 ~
      if (document.all) {
7 s# c$ i3 W7 u' Z         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- p( W& p6 U) C  A( d! c' e5 \& C/ j3 ]         document.all("supertext").style.top = yPos + document.body.scrollTop;: S& _, \8 n7 l! X
         }
7 S) s. W( e% L" l. O& k      else if (document.layers) {
  r3 g3 f2 ^5 I* Y) Z5 S         document.layers["supertext"].left = xPos + pageXOffset;7 F7 a$ `- L$ G  a% q9 b% s
         document.layers["supertext"].top = yPos + pageYOffset;" g6 w& @7 U% W$ _; f
         }% W3 c, U; ]( Z7 m2 P! R1 {+ j! v" x
      animatetext=setTimeout('moveBall()',20);8 G* S  W2 N( s. |- ]
      }9 z8 U5 w' N0 G
   }, L/ l1 o/ \! m6 L# n
. s. F3 E5 s) G1 i" G4 K
function calculatePosition() {# ~( p( }) R( G& Y# Y5 C, y
   if (xDir == "right") {" r5 [  u* R9 V; k6 c0 s
      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 C% \: W) j- T; \/ l         xDir = "left";
3 t$ B0 Q; h- F         }( c8 _8 ?& c+ ~7 Z4 Z) ~
      }
9 O' O" h5 t8 [5 `6 H( J4 y   else if (xDir == "left") {
5 Q) t  T( L5 b8 o' D- G3 _% `% x      if (xPos < (0 + BallSpeed)) {
) Z1 W/ g2 D2 L" b9 w         xDir = "right";. w6 I# @; ]; X8 S: B. e& y
         }
( u# L' S5 U. @& t3 H( t      }4 w9 B" w4 n" i+ T0 z- S- E
   if (yDir == "down") {1 M& `* F  w  e. s
      if (yPos > (yMax - contentHeight - BallSpeed)) {9 e3 H+ t- M$ v2 {7 r3 q
         yDir = "up";
1 P! U4 }6 R+ |! s' K/ g3 S2 a+ ^         }, i7 {8 {, c- i8 i! i; b1 m, X
      }
  |8 B& y; f& _  X0 J   else if (yDir == "up") {
7 ?, y. x3 M2 H, \! c      if (yPos < (0 + BallSpeed)) {
& Y; W  g. Y2 n         yDir = "down";- X8 V/ A( A$ Y% l5 _
         }
* D% t3 Z) V. n& P. e) j* U      }
/ Z% l2 Y7 V! o/ T# H   if (xDir == "right") {
3 J* A! e4 B6 Z; Y6 w5 r      xPos = xPos + BallSpeed;
& S% c' E9 A- w- s' o3 E      }" H( O2 u* ^. P) V
   else if (xDir == "left") {
8 V. ]3 h# `- M* }1 i" K% h" g9 G      xPos = xPos - BallSpeed;4 s  ~' K' G9 m% H  f5 |0 m4 l9 r
      }4 L, K0 p" @( U, N
   else {# s( j; c9 {# \" ?  x% R
      xPos = xPos;: `4 b# b: D, {1 V/ i% \% `
      }
7 b& z; i  R. `( e- h: l   if (yDir == "down") {7 I; R/ e  \, B/ ^- Y
      yPos = yPos + BallSpeed;0 F% P! b) C- a4 c" S3 E+ @
      }6 v0 c' n7 g8 q1 k1 s2 Q( k
   else if (yDir == "up") {: ]5 {3 g9 B1 }4 E4 T3 E
      yPos = yPos - BallSpeed;
3 j, I3 ?8 c$ w! p+ }1 c5 `      }: G) F7 m# r1 O" ]( r* c2 k0 d
   else {7 [  q7 }$ m8 T) c) S& u: k, K
      yPos = yPos;
/ ^/ Z  D" z& D9 y& r      }
1 {% F2 X8 N; \* T2 s   }) f5 P, }! B  ?

  E$ u2 P) Z: L  I) ^function hidetext(){! |; H5 a$ H; T2 N
if (document.all)
7 S) R0 h5 Y2 t6 }* S& Vsupertext.style.visibility="hidden"0 G- V4 I9 z; `) ]
else if (document.layers)
: i6 l3 O- `4 d! l$ I: c: odocument.supertext.visibility="hide"7 E5 B% ?! x( h0 d
clearTimeout(animatetext)
: |  v5 s6 w3 G0 U}% F+ l- |; d  c: }8 f7 T+ u

+ \+ s( W7 I2 F! i2 G  ?; eif (document.all||document.layers){
; G  R8 O% O5 ]& I* ?2 Mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 c  ^, ]# W% m" w
window.onload = initializeBall;
7 H' ^; r7 P% }& D& dwindow.onresize = new Function("window.location.reload()");! v5 ~" f/ }6 S' R5 x
}" v( \' A1 \) Q' V/ W
0 Q" A& p% f. c5 m  U) e% H
</script>