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

zw2004

<style type="text/css">
, j  r+ l4 n) e2 B#supertext {8 ~8 h4 J& x; l" Y, J( b
position:absolute;
# B7 G; S4 [& H1 F; y7 {. Kleft:0;
2 f: q$ o1 W. e* t* dtop:0;7 ~: P. J8 Q7 j- E3 D: I) [
visibility:hide;; R% E' b8 L' S! \9 r0 Y
visibility:hidden;
$ ^* @7 n8 }; G, W: V  l}
9 g' o" j6 Z( v$ |6 U2 j8 j* r</style>
/ h. Q9 y# v5 ?- g0 J6 m4 o! t5 y3 B<script language="JavaScript1.2">
) V, x2 A5 i" K5 X; j7 v3 {. B<!-- 改变下的字体的大小。颜色-->2 H- z' v% v4 j9 {' U+ I0 ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ {( r$ x5 W. y+ W$ cvar hidetimer='';; M' L8 }2 g1 u, l' u
<!-- 改变下的弹跳速度-->
6 u; O% a) j3 M- a2 A  P" F( O' ivar BallSpeed = 20;
" I- Q& m) c8 y$ D  N1 ?" N! I4 f* pvar contentWidth;8 `  N& N% t7 B' R2 t3 k+ e& y1 Q
var contentHeight;
' `7 q" p  ~/ Nvar maxBallSpeed = 50;& n6 ~( {( j+ v0 T8 n. c

7 o. G; _) S8 y" j% _1 E& u
8 S( w5 w9 h: Y5 e$ W# U6 l. tvar xMax;% b+ u4 I9 K/ C+ z, `2 o0 B
var yMax;$ \1 I" r, K- w6 @
var xPos = 0;
: @+ r. z$ T5 d% Uvar yPos = 0;
, \. n/ i2 a7 @1 W5 zvar xDir = 'right';
! Q$ H& G' m- a9 U0 C: u7 }. }var yDir = 'down';$ m4 j3 h; U$ c4 U
var superballRunning = true;$ Y* |, _- c& ~8 [$ M9 n/ ?
var tempBallSpeed;
5 y2 Z6 U4 U% w, Q+ }% O8 F+ v4 `var currentBallSrc;
/ |) ?! a; L8 L( Z/ mvar newXDir;
7 H. m# P3 ?" Mvar newYDir;
: r2 t% C2 j: `0 q5 ]$ c# I# y3 c4 q8 n
function initializeBall() {* N$ Z6 |1 u) t$ J. E  s; `) X9 q
   if (document.all) {
% P/ g* M$ w. J0 i3 ?* h' k* k      xMax = document.body.clientWidth
+ g. ^" p8 ]* f      yMax = document.body.clientHeight: [* F+ `% j3 W- F) W
      document.all("supertext").style.visibility = "visible";
4 Z9 ]" a3 A8 F( n5 |% ~      contentWidth=supertext.offsetWidth/ U# J, j, w3 E7 w8 Q* ?9 v/ A7 M
      contentHeight=supertext.offsetHeight( f9 c) {7 o+ j+ }* B- K+ p
      }
2 L- g! l9 j& T( p7 k: c: V   else if (document.layers) {
" ?5 P6 {1 ]7 Y; p- b% {      xMax = window.innerWidth;
' ?# W/ y8 J# G* R      yMax = window.innerHeight;% V* y! ]: _1 ?" I% H
      contentWidth=document.supertext.document.width
1 a% T# Q, H+ x4 D3 _; H      contentHeight=document.supertext.document.height
  u/ H1 Y0 @; l' U      document.layers["supertext"].visibility = "show";+ q5 t! a; ^" @; F8 X
      }
7 e' u( d6 ~* v( |& p0 Z! @3 g   setTimeout('moveBall()',400);( O2 I2 w5 k" ?$ S
   if (hidetimer!='')
: ~( U9 p% e. \5 q1 T  g% e  [   setTimeout("hidetext()",hidetimer)
# I1 D* n2 W$ B( p. m# u% W   }1 N! l+ W3 F( G" O

- Y: G: O- P- T4 A& _$ ~( Rfunction moveBall() {0 t3 R* y1 Z& V
   if (superballRunning == true) {
& h1 ~" `/ X4 e0 r6 G. u3 m      calculatePosition();/ J9 \2 o+ |& S8 A( [1 b  s& N
      if (document.all) {
0 t8 |4 Y& R, N% G) f7 h8 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* k7 E( G( G, t6 q0 G0 ]0 [         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ T( W7 E5 a1 Z; s5 i! c         }
5 y5 z9 c; ]7 e7 f      else if (document.layers) {
3 k# y4 c) v( @         document.layers["supertext"].left = xPos + pageXOffset;
$ M; \( r( R2 M# L5 W& s1 F         document.layers["supertext"].top = yPos + pageYOffset;  z, L8 y5 a& g! R
         }
: E5 k7 U) I. \& D* w" X$ N8 E9 ~      animatetext=setTimeout('moveBall()',20);
6 b4 ?0 d0 Y, ?8 d% C" A" f      }
. O7 `, T) ]" F+ D- j: l   }& G; R( f0 D* r+ E) q* R! _
0 k  y/ ~5 Z8 j. P: ]
function calculatePosition() {1 a! w$ l8 M; V4 o# Y9 o/ O
   if (xDir == "right") {
5 H1 H+ B3 `+ S0 h      if (xPos > (xMax - contentWidth - BallSpeed)) {9 t& J  v- |7 f1 p! |* Q
         xDir = "left";- P9 y, Q7 O) f6 f+ L* r, M# v
         }
$ G* m7 c8 ]. V- v. k7 V      }% H2 F0 D& ]6 A' u2 \# {
   else if (xDir == "left") {
) @$ n1 L( b2 g0 f7 Z! y      if (xPos < (0 + BallSpeed)) {. N* `: a; c- Y4 J  ~, Q+ h# S
         xDir = "right";
5 g( E7 Q' \) E, M         }
. {' h2 c3 H4 s      }
2 x6 Z( h  ]6 `. R   if (yDir == "down") {
* P, Z/ K& a. T' b1 C+ ~+ L3 a      if (yPos > (yMax - contentHeight - BallSpeed)) {% [, I, r0 Y9 \. D3 _
         yDir = "up";% }/ a% @9 k- b* Q  t" h. d
         }0 H1 O5 v, U/ b1 J$ h9 R
      }/ L% K" G3 u4 C0 N/ E! @
   else if (yDir == "up") {# P6 ^# |" i# i. F' H
      if (yPos < (0 + BallSpeed)) {. p  c2 W* J' `+ s0 l
         yDir = "down";
1 x7 s7 ^$ b' W3 c         }2 `$ o- m# H: f. W- ?" v$ a
      }* X/ x- p; |+ r! c* o
   if (xDir == "right") {/ G* c) g7 V4 P% r1 ^) ]
      xPos = xPos + BallSpeed;  P- i1 k& {7 j. a0 o9 b
      }+ @6 c# W: }* P; R
   else if (xDir == "left") {3 Y4 i3 Z8 o% X! i6 g& s0 b- P/ Y
      xPos = xPos - BallSpeed;
5 T' a! _+ u1 D- W* @$ a) C, _      }, q3 c7 H' a$ w8 b
   else {
: S( o0 w3 N* }1 M! \& S* t; G      xPos = xPos;/ `( c4 T6 W. ^) W& M; u
      }6 c$ Q0 q: k+ R& z2 i& C
   if (yDir == "down") {
; z; a4 I" R- d" _$ x  m      yPos = yPos + BallSpeed;0 |/ o$ J6 u3 R5 c- x; M
      }! l% P$ n+ ~# J& w$ o
   else if (yDir == "up") {; G9 R- d  t6 P
      yPos = yPos - BallSpeed;
$ O& L: [4 ^. R9 v+ C0 q      }
4 Q- {8 O; v9 a# W! T9 f/ M7 G   else {: U6 r/ A2 t: j: w: J+ Z4 A
      yPos = yPos;* W0 W$ a7 R. {* L; `, n
      }1 w0 o9 w: T, ~! j( w
   }5 I0 J5 a0 Z3 D1 b2 F6 N
1 U2 u& Z) l2 b" L; Y
function hidetext(){9 {, e2 V% Y; r! j' D; @( [
if (document.all), I* G- @1 z, Z1 z7 Z2 V; p: l
supertext.style.visibility="hidden"
7 N. Y: ]3 s* D) Pelse if (document.layers), F6 r! k2 h/ D0 a) p
document.supertext.visibility="hide": h3 }- f: c4 r- F5 Y7 X4 F6 r7 ]6 `
clearTimeout(animatetext)1 S, Q2 w2 X7 }1 P/ d4 F1 W% r
}( l& \, ?# f, ]' ~9 f

( u% d/ ~; A  K2 n+ u/ ~, ]if (document.all||document.layers){
7 W; ~" }1 C5 m( S% Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ C% p5 @6 |5 B1 C. ]' u7 owindow.onload = initializeBall;
0 s; P  j' {% S* Q  ewindow.onresize = new Function("window.location.reload()");9 P! x2 c: |8 N5 ]+ H3 q
}
" I# k* b) H- |/ j+ L: U* U; \. a$ O$ d& f7 h
</script>