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

zw2004

<style type="text/css">% t, ?5 Q) E2 J, B  k# Y* t, r; G- l
#supertext {
' ~) S2 m& X0 i) v* C1 N6 Pposition:absolute;
5 Y$ Y5 A! R" q8 f2 ?" Fleft:0;8 f+ i1 x% U, @1 Y$ q
top:0;
% V6 ~1 X0 B. Uvisibility:hide;5 Z& a3 i) K* i) @
visibility:hidden;( \3 R& F0 Q. N  V
}
. O: \3 E( s3 r</style>
+ e+ I* q9 p: F<script language="JavaScript1.2">
' o+ S& s( r6 M<!-- 改变下的字体的大小。颜色-->: E7 i6 A7 h5 D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" G7 R5 I$ r1 D6 Q9 Cvar hidetimer='';8 i7 Y8 ^# z. |0 }' t0 s
<!-- 改变下的弹跳速度-->0 I5 z: y: u/ u; c$ z4 J
var BallSpeed = 20;( T# P5 C( Y1 Y/ Y
var contentWidth;
9 p# N& s, F: Dvar contentHeight;. e* q/ m# C9 i- v3 G+ b& n/ @4 ^
var maxBallSpeed = 50;
: Y0 M( _! N( y5 b& }; m  G$ e8 J2 n
- {% B8 O2 R2 G. o( T* S- s
var xMax;: M. L) g, ]9 N: N
var yMax;5 i! P. r. J, u6 b* P
var xPos = 0;
' M6 Q: M/ z6 s$ t6 _- }var yPos = 0;" @% z. H) Q- m) N; s: \+ b! D
var xDir = 'right';" t/ u7 R: r/ j. k
var yDir = 'down';
# y! ^. M4 V- I9 Gvar superballRunning = true;. x" a3 b2 O( w$ N5 W7 J7 S
var tempBallSpeed;
0 Y9 S# C3 Q: D+ `8 L" avar currentBallSrc;8 o) Y" I& M3 Y2 ~$ J9 ?- P
var newXDir;
; Y9 Z! b% H( r( ^. \+ Fvar newYDir;+ m8 l+ \3 V8 l! n

& s+ R# y9 ~% `* r! cfunction initializeBall() {
9 |! n5 Z, R% q) k  h( o" J   if (document.all) {" r) [, J2 G& ~
      xMax = document.body.clientWidth6 j3 X$ p8 Z  V. m( r" N3 u2 q! T4 k, n
      yMax = document.body.clientHeight* }# G+ g  n9 r" I& n7 v* [: |
      document.all("supertext").style.visibility = "visible";: X5 ?' C+ Z- c& H* K+ v& [
      contentWidth=supertext.offsetWidth, M9 p( n" r0 f$ ]5 v+ y7 ]
      contentHeight=supertext.offsetHeight
8 y7 \1 p0 G: c8 k0 E- m, P; L      }
* v5 K/ z* G4 n% B. }# O. u; C   else if (document.layers) {& e; p5 B, B5 `5 J$ U: B; P
      xMax = window.innerWidth;& D  k) Y6 |; ~; [7 E3 R' o* U
      yMax = window.innerHeight;
( L5 [6 t; r" t7 u3 O      contentWidth=document.supertext.document.width$ R" a' [7 m$ h& Z, J
      contentHeight=document.supertext.document.height
/ N2 @# L( n) }) m- G/ y2 o      document.layers["supertext"].visibility = "show";
8 k* _$ [9 g$ t! W# p4 |2 o      }8 _. L# J  N! h* L
   setTimeout('moveBall()',400);
0 y% ^0 r: v4 n$ r; H   if (hidetimer!=''), L# p  s% [: l" j  s* G7 k) W8 B: c
   setTimeout("hidetext()",hidetimer)
- T: Y1 p: Y% M. f& K- [   }' M& X- g, X3 K( |- Y

6 m0 T. u! T  K+ [% B  u- Mfunction moveBall() {$ m$ `5 P3 }. c3 N+ A
   if (superballRunning == true) {2 D0 a9 o; Z3 S& G/ M# A
      calculatePosition();$ \$ j# e+ c9 s3 i* Z7 \8 r; d% b
      if (document.all) {1 t3 u9 \. x; }7 _( ~! B1 n( z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' O  @0 J3 C* Z; X9 U8 r         document.all("supertext").style.top = yPos + document.body.scrollTop;
& ]9 B& m) s8 c         }* |% \* S0 C0 o1 ^! `
      else if (document.layers) {
! P, z+ ~# H% K1 X+ r4 w         document.layers["supertext"].left = xPos + pageXOffset;$ @$ c9 f" ]+ D5 f' Z
         document.layers["supertext"].top = yPos + pageYOffset;2 M/ [1 ]. ^# g) y- h* ~
         }
8 d7 E' W: G& r4 }3 D' `& Q      animatetext=setTimeout('moveBall()',20);$ w+ m$ n6 Q0 e- e$ K0 @
      }- ~& ?7 C$ z' ], t
   }
4 z2 U* g1 ~6 q# C& n3 u2 n% M# f0 b* l5 Y+ o2 g
function calculatePosition() {& g3 \# O0 Z5 X9 h; Q  O7 x% A
   if (xDir == "right") {# ?: {$ H( |5 @/ ~# e2 v* J
      if (xPos > (xMax - contentWidth - BallSpeed)) {* A* x, {5 p& q  \3 q
         xDir = "left";
# N5 b& l7 L4 J8 e  h         }
; H" q8 M3 o, i      }  V7 d/ Y" G' m1 g8 _" Y
   else if (xDir == "left") {. K# m  a: G. z& P
      if (xPos < (0 + BallSpeed)) {
+ I  ]8 B6 g" ^- O         xDir = "right";5 ~; V5 L" W, O% V' O2 w1 K
         }
* H0 @# x( }+ o) H      }# _) S" ?( N9 `: v+ y
   if (yDir == "down") {/ H4 B8 |1 W' M) j. M+ V4 ^" {
      if (yPos > (yMax - contentHeight - BallSpeed)) {) S  Y9 t9 ~5 [: G# _- w2 b
         yDir = "up";
& L) T" ]1 r- A+ G9 G         }
, s  [& {& F  F      }
" A9 f0 r) V  s2 S   else if (yDir == "up") {* |! P# w/ x1 t- L
      if (yPos < (0 + BallSpeed)) {# O; d+ J- l0 a% N- Y
         yDir = "down";
: f5 T9 k( J+ o4 S% [         }7 w+ z9 L2 {  K, L
      }
' q' F2 O3 K! Y( u   if (xDir == "right") {
5 f! }8 }, T5 b. m) w$ j$ p4 O      xPos = xPos + BallSpeed;& h0 H2 I* h+ Z0 ?9 t# z
      }3 o- E3 U: r: Y
   else if (xDir == "left") {
% K. G5 _& x0 ]2 m. R" M5 s      xPos = xPos - BallSpeed;: E5 P7 }, R! ?  P
      }
' ~6 x: {' f# e8 M0 o# m5 i$ z   else {3 h" P* R4 _" A2 c( a
      xPos = xPos;
* q* Q) K7 M( A7 V7 H- a1 [      }
% L& b# U% F/ g   if (yDir == "down") {
1 n5 k- z, D' j5 W5 [/ E  |2 s5 r% n      yPos = yPos + BallSpeed;$ d/ R( w  _4 H" h) [7 F6 `
      }, Z% a5 v9 D: I
   else if (yDir == "up") {' D" Y8 z* `+ d7 t  \
      yPos = yPos - BallSpeed;
7 u" `+ D$ S/ N$ k; z      }: A, P) n' ]1 d( J- Y
   else {
3 Y0 d) ?6 ?2 |- ^8 X! Q      yPos = yPos;$ Q% s* M8 Q1 {, c
      }& Z9 a) L8 u/ h1 K; o" a0 e2 v
   }% x8 ]2 }! `: |# Y5 \7 g4 n

6 n; `* M8 }) q, B# q8 Yfunction hidetext(){
6 Z+ w5 M% o9 Hif (document.all)
" `: l, `: s+ e" b# i, {supertext.style.visibility="hidden". V7 `! ]% N6 ^. W
else if (document.layers)
' v  M: x. H6 K5 W4 ?document.supertext.visibility="hide"
. F* h3 c. p6 x3 F& T' S! BclearTimeout(animatetext)/ b3 Z2 t9 H8 {" O
}  x6 ]0 ~& R/ ?
9 P+ O6 [! y! c3 K. U( I8 b, Q
if (document.all||document.layers){
. a3 W% ^' Y. z9 X; ?0 p0 gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 w  e+ E" L9 ~7 e; o+ `window.onload = initializeBall;
) _$ \& J4 F) i+ |window.onresize = new Function("window.location.reload()");6 K/ f7 }* O  Y* |
}
$ z" |6 e+ d7 g) U& o) ]0 H, m3 j0 z- ?- m# `6 Z  c  n
</script>