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

zw2004

<style type="text/css">
1 _$ T( l, C: t#supertext {
+ ~5 o) @9 g% I* [" z5 E' ~position:absolute;7 [) Q  p( f7 C- x
left:0;
: a0 c( G* u. l: J" Wtop:0;5 a: U  i  S7 i6 b% M, Z' n$ X
visibility:hide;6 \5 V# G: c$ t2 l" h$ n5 |! A
visibility:hidden;7 ^+ e" `0 p0 R0 U& p' a
}
7 s& ]; i, e) @6 D</style>
" a1 v! W, _3 ~) T<script language="JavaScript1.2">
: ]  o+ i- h* M: r% d<!-- 改变下的字体的大小。颜色-->/ T3 M1 ]7 N) H7 O! M6 Q# m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', k( l. q& c; h, }: |
var hidetimer='';
3 t* E5 v+ G9 w: {* S9 M! C# y<!-- 改变下的弹跳速度-->
, T  s# T% [, S/ c4 h8 a' hvar BallSpeed = 20;" T8 L# ~; n+ V, ?: F$ D( L
var contentWidth;
+ B2 X: d3 M6 O' r: q+ Ivar contentHeight;
: C1 g1 F2 L2 \% [. W1 A  Ivar maxBallSpeed = 50;* w- {, P5 \; r3 U# r. c3 l+ g
) d( I0 P. v& z3 {* U; Q
5 b1 b+ q7 B8 i/ \1 W
var xMax;
& g. b2 e# I- ~# }3 Z! jvar yMax;
, i" {) q! N+ a- q# U- t9 Uvar xPos = 0;$ g: H2 j% b- B- c
var yPos = 0;
' w, Q% }0 X8 g( U6 t3 N) Nvar xDir = 'right';& K9 b. W/ I0 K, o
var yDir = 'down';9 }. H8 {9 W( Z/ B" L$ S
var superballRunning = true;
. g; @1 b( t' w& b" Nvar tempBallSpeed;: A/ {2 l9 T2 v1 F$ }3 M# H0 M+ ^" _
var currentBallSrc;
( g7 \* r  n5 R6 E, [3 Rvar newXDir;
6 C7 K: o8 t( u; F+ U, evar newYDir;* G% Q( b  ]; o/ C! L$ I

: V1 S; t7 v$ h( D( g3 }7 Yfunction initializeBall() {) J5 B6 T' W! j) q& [
   if (document.all) {# z6 `- C6 R2 k: c
      xMax = document.body.clientWidth( _$ x" N+ \6 I
      yMax = document.body.clientHeight2 m4 Z* I% R9 o) p" r$ l6 ^
      document.all("supertext").style.visibility = "visible";
% [6 Z8 N+ l, l3 z+ T      contentWidth=supertext.offsetWidth
+ r1 _! Q6 `$ X      contentHeight=supertext.offsetHeight
% E/ w2 V; r4 F: s+ B) N      }
  d1 D5 n7 E' i   else if (document.layers) {
- A7 W* c$ x% ?1 k      xMax = window.innerWidth;# y- B$ J9 e7 q
      yMax = window.innerHeight;
; p: j' c* C" N      contentWidth=document.supertext.document.width  X6 S* S0 A5 q3 {& R
      contentHeight=document.supertext.document.height8 x9 m, j5 ]% d+ D& A+ u
      document.layers["supertext"].visibility = "show";
' R. Y6 B" v8 ~+ B* U! |5 ?* g8 o      }
* t" l4 ^/ Q/ a3 q3 G( x   setTimeout('moveBall()',400);
; n, q+ v; `4 U! ?% F: A   if (hidetimer!='')
* p+ V1 M: ~# \+ m' I  E5 C   setTimeout("hidetext()",hidetimer)
- f& {( x% u' b   }& R/ V/ L7 l1 Z) @' {; O
9 k7 Y! D( n% T9 }
function moveBall() {, x3 |5 U+ b0 V0 X. k
   if (superballRunning == true) {
* G, M# [/ `" V5 ?3 c      calculatePosition();$ v" B  x$ [6 Q5 ^4 ^* U. `/ ?
      if (document.all) {& e6 Y% ]$ r) Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 q5 v  o+ ^0 G' D: O# n' T  L         document.all("supertext").style.top = yPos + document.body.scrollTop;
) y# e  M  V4 b/ G' O( P         }
1 A' A# D" ^5 g, g- i) k# A* c7 n      else if (document.layers) {% N4 U7 x; q/ A# z
         document.layers["supertext"].left = xPos + pageXOffset;
8 w, c( g( h# W2 y% x         document.layers["supertext"].top = yPos + pageYOffset;
' l. V& L  i3 i3 c3 G& E" H         }
/ f2 x4 x# z; C; }: W      animatetext=setTimeout('moveBall()',20);2 S( \% s7 _4 w# b/ \! e! b+ e1 x
      }0 ]8 ^7 u# O3 }2 D, B
   }
0 {: B) Y/ G: k- c& v! N
) x! V, ?2 d& [& h# ~function calculatePosition() {
( F& l) i* m5 L! Z! O   if (xDir == "right") {( {3 I3 T* I/ K' ]5 I( b/ R
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 A  D  G, b, ]3 j         xDir = "left";
  V9 _9 d" I+ ^) k# c         }: J) e0 [; H+ x9 K
      }
" D0 K3 ?2 u3 v) A1 K2 Z8 a   else if (xDir == "left") {9 H- ~) w1 g- m9 ]( J6 U
      if (xPos < (0 + BallSpeed)) {
; `4 H' t0 E$ F4 @- T1 _         xDir = "right";
1 s! c& }6 B3 _' l3 z  b5 R# ^. E         }" W, T; t6 f, i# M- ?
      }
" k0 d" g% e+ A' u# T% c   if (yDir == "down") {) d4 I0 [7 i. t7 b) o
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 T: i. s: A+ {& g/ @
         yDir = "up";" k8 X+ U5 X6 k& D% }; ^
         }
6 u9 _2 e# [4 I- [' y/ w( B      }
2 ?1 W7 P8 Z: v( T   else if (yDir == "up") {" k4 i8 w3 M( `5 H0 w& I
      if (yPos < (0 + BallSpeed)) {
# k9 [# r- e& L0 ?# Y- u  _         yDir = "down";" p, R/ ~% J5 p6 w  w0 \/ A
         }
3 d4 R# b* t7 ]      }! p: R& @5 u7 Z" K
   if (xDir == "right") {
1 x0 \$ R! v6 x      xPos = xPos + BallSpeed;: e0 ~% i$ i. z- A# n; o, T
      }
5 d" `7 ~' I5 a& E   else if (xDir == "left") {
$ T6 D' V( a6 A! m5 y5 Y& c' r0 n      xPos = xPos - BallSpeed;
; J! o9 z: W) j. _7 Y* I6 Y      }) }7 k! e0 _3 j! e' S$ {
   else {
, U( U/ l- p, B$ ]1 O5 ~7 P      xPos = xPos;
- a, \0 O7 Y9 b% S. h6 z" W- ~      }9 U$ x/ G* {$ v9 z7 ^  o
   if (yDir == "down") {
1 i7 Q* v! W: G4 C+ @: M# b5 i      yPos = yPos + BallSpeed;
& M+ _9 l+ E0 c8 W& a/ |: ~$ l6 Z      }
% S- A( r8 r/ r! V" k8 S4 u; b   else if (yDir == "up") {
' D* m9 h9 H7 d% R, k$ t      yPos = yPos - BallSpeed;
3 H7 E5 v* q0 L0 W; L      }* l. t: f9 V9 h7 R
   else {0 p9 @. l+ `0 g1 g/ R. @
      yPos = yPos;
4 R* ~6 O( ]3 a4 n" I. J/ j      }
8 _. Z, `1 H. T( ^, E   }+ v( ]' g. ?; J- S) [5 b% `& v, D( H

2 E+ c. d' B% {- pfunction hidetext(){) J) T0 B) B9 m1 Y$ T* ?$ `, o; |/ U
if (document.all)
+ t: ?1 x. Q* F- r# R+ E# zsupertext.style.visibility="hidden"/ k% k6 ~9 l, `8 I. u
else if (document.layers)
4 i. L6 H- F8 }* T4 q1 tdocument.supertext.visibility="hide"5 A( n; G6 [3 ~
clearTimeout(animatetext)% z* t8 q* p  F( [& P6 P
}, j6 D7 i0 x0 {* O9 r* z( }

; _2 X$ u# O3 I9 Q9 s6 Mif (document.all||document.layers){
' W/ \. F8 v: ?. z% kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); c% _( o3 o0 `3 _! B, q
window.onload = initializeBall;8 I9 |5 o- w9 a& |5 |7 b
window.onresize = new Function("window.location.reload()");. c9 Q. U% ?$ X! W- N+ z
}; u/ F* q: P0 j% e* V: L% A9 ^

9 o( O8 d/ l: b0 J9 s</script>