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

zw2004

<style type="text/css">
& N! q9 z* t# a+ _/ T2 L#supertext {
! h+ g% E3 M2 {& q9 l$ ]6 s. f: wposition:absolute;) t, G, x  w7 n. K
left:0;
+ B' i7 M3 ]7 m4 R5 P& b- G% ?! Utop:0;
' e1 `5 \' D( f$ _* V& Yvisibility:hide;- A: Z( C2 l) _& U4 D
visibility:hidden;
; O& T4 ?8 F# ^  s3 ~9 Q}, F+ ]$ g' A- A
</style>
" u1 f# S! v, @2 m3 P<script language="JavaScript1.2">, ?, F, e8 n: q; S
<!-- 改变下的字体的大小。颜色-->  |4 N8 a7 m$ F, Y+ Y- M  w& k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ |' M3 t3 g3 }  cvar hidetimer='';" L$ L' \; J! H' m% y
<!-- 改变下的弹跳速度-->3 a% g# c- {; c; s9 o
var BallSpeed = 20;
7 O1 K- E1 o' O' F/ C& n" I/ ovar contentWidth;
+ G1 T+ S0 N  M) f! ovar contentHeight;/ \' W7 O* f4 i5 K& Y$ R7 Z0 b- F
var maxBallSpeed = 50;9 i$ W* }/ z2 c8 ^: D5 g
  s0 ?) w8 U  D$ j5 @* [
. E$ E* ]" s0 ]% r+ \) i
var xMax;
; \0 k% y  B5 M+ `9 k5 u* Lvar yMax;
; M! u) j& D- F$ w* |var xPos = 0;# J0 ]# {6 R& o; n' s
var yPos = 0;
3 z( v* n  N8 Y+ Y, v! G3 Dvar xDir = 'right';8 Z3 U1 K$ n- v# f, A* _
var yDir = 'down';
" G8 _8 n& P" ]. S- \var superballRunning = true;
, @/ x' o1 i# \/ K- S1 {2 f6 zvar tempBallSpeed;
; m; R* K) {7 ]& Hvar currentBallSrc;
( P3 ?/ u# H. L" L. }% ivar newXDir;
1 ]0 Y9 Y: U$ X/ |var newYDir;
6 E! a, M9 s3 C: V+ h" _4 A
8 t2 D: @" L$ T- y! Afunction initializeBall() {
7 L- \0 w* C9 K3 y. G" r5 q* U   if (document.all) {4 p( Z7 m# r& q6 H& E
      xMax = document.body.clientWidth8 o5 y( Z: z  x# o) S6 u2 [
      yMax = document.body.clientHeight
3 x9 o! N8 |8 `( `( P# K      document.all("supertext").style.visibility = "visible";
8 H3 s8 r. x7 I4 U8 g' L      contentWidth=supertext.offsetWidth
5 P$ V! |& X- r) ?  a/ w      contentHeight=supertext.offsetHeight
+ T% c3 o% E! F6 y+ t+ A# c      }
6 U& a6 b! d, F. ~   else if (document.layers) {: U, a) c8 ?& V$ M
      xMax = window.innerWidth;
1 p& H5 `' T) z: W$ w      yMax = window.innerHeight;' x8 l, j) U9 l1 i
      contentWidth=document.supertext.document.width
. R) z& w5 v6 M0 v      contentHeight=document.supertext.document.height
( N( }/ d( L6 o7 @& U      document.layers["supertext"].visibility = "show";
6 J  E. h3 K# \! b      }
. a; ?! `7 a. x# F% N. j   setTimeout('moveBall()',400);
; h+ \/ I6 m6 G. f% G* C   if (hidetimer!='')
7 L" X/ r* f! j1 [( u; }9 x2 }; D   setTimeout("hidetext()",hidetimer)
, W. o. ?7 B  N7 r9 Q   }; O$ L2 v  S; B# Z
  I1 c# |: K6 C: c4 F' O! c
function moveBall() {/ F7 P' A2 F/ h: |8 F
   if (superballRunning == true) {4 t( G  D' f, [  O" a# Y% r3 @/ a& l
      calculatePosition();6 X" V6 i& T8 F2 o0 p3 y
      if (document.all) {
3 @! C; D, h; d3 I4 o         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ {' i8 U# e" {# m! w         document.all("supertext").style.top = yPos + document.body.scrollTop;
' U# J3 p4 V( y! @' y, o8 O         }
# p5 g3 ~! M6 M      else if (document.layers) {, W# k4 \( `. C1 U
         document.layers["supertext"].left = xPos + pageXOffset;
$ y; e: \. [9 D& n0 S! `  v* k         document.layers["supertext"].top = yPos + pageYOffset;: ?. C) ?1 e# R$ n3 ]
         }
( b2 Y4 u  L: Y" H% f      animatetext=setTimeout('moveBall()',20);2 d8 |: {9 X" P* N) @$ T
      }* {0 m' `# B7 K* o
   }& f6 F' Q% R2 O3 L# t- h

' r: A. }7 O& }6 J3 Z, P" a+ sfunction calculatePosition() {
* k, U! h- ?" Q% t% H- V4 S9 }   if (xDir == "right") {
2 x- c: V  w0 A6 B$ `& K      if (xPos > (xMax - contentWidth - BallSpeed)) {
  E9 N; Y% [3 ]2 ?9 t! g         xDir = "left";0 O0 ]7 r% z% q% ]5 t5 _
         }# O3 ^9 w; U0 y& O6 y
      }
8 ~# N: _, ^/ E& |   else if (xDir == "left") {$ ]$ D$ J# Q% G9 Y) G# u% @9 D
      if (xPos < (0 + BallSpeed)) {
* y7 z) z0 K) `. h- M" x         xDir = "right";7 p' {0 l2 \! @$ P. e
         }
0 a$ J, T2 N2 P6 \; N: Q6 {      }
' M' ~6 P$ [0 v0 r3 y& _+ t/ C: g9 c   if (yDir == "down") {
% N7 V# k( ?+ F      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 l* I* G  W' J  R% E8 g         yDir = "up";
2 g8 Y/ d3 s9 j2 j         }8 q9 f: j1 }1 b) g/ O, C
      }
% }- U& p; Q: E# r   else if (yDir == "up") {
1 e% A3 X3 ~9 }, H/ I& v+ Q      if (yPos < (0 + BallSpeed)) {
5 d2 p1 d  _9 G! G4 U         yDir = "down";2 H4 ]4 j$ G0 @' C! G5 E
         }* E% ]6 V/ D5 j3 q2 o0 v5 k
      }: C! g( F6 d' ^
   if (xDir == "right") {( s! M- {; r" K. i9 ~; x! K0 m
      xPos = xPos + BallSpeed;% U5 L6 Q" u1 ?. K9 W5 b
      }, H5 I$ k& e9 C( }
   else if (xDir == "left") {
& s* c- l7 b- _$ R/ i- s      xPos = xPos - BallSpeed;
2 D# P) k3 J7 o: g" [' v      }
- g; Y: s( v. b   else {! ?. @2 W! K+ z% Y7 w+ o% e
      xPos = xPos;) T( w& \! ?: b% \* C' _0 F
      }; n5 ]# e/ p: }$ c
   if (yDir == "down") {
0 H! u2 v& l8 z) N' P- N1 T      yPos = yPos + BallSpeed;7 G! y6 @8 _$ V) v
      }& q4 c, @/ ~# [" F- R, w) N
   else if (yDir == "up") {
* o: c7 p  J: r  Z! O; Q2 O% r      yPos = yPos - BallSpeed;
; K. I+ |" p8 S# a" U/ C$ j2 M7 n      }' y; f5 B" I1 _! d+ T
   else {
, B1 G) }! d' |+ U) J; N      yPos = yPos;
) Z- D" o9 X+ z7 f+ r: B) |      }
8 G* ]( [; {  [$ b- h0 ?$ p7 Q- H   }" X& ^9 \' ]& T

0 Z/ C& J: |8 kfunction hidetext(){
! U1 o2 b7 r& k7 m' @* Z* l' rif (document.all)
; a& {' [3 @7 Q5 N2 b: Ysupertext.style.visibility="hidden"
6 @7 i8 h: Q, `# W2 Ielse if (document.layers)# i) l' z) Z/ f7 H$ S
document.supertext.visibility="hide"  g, k. o. K4 Y1 T& B0 }2 j7 d: o/ d- G
clearTimeout(animatetext)
! c$ k0 H# i) }$ X}1 N3 i7 H& x) w( N$ F( t1 M

9 _. l$ S- P5 Y% eif (document.all||document.layers){$ _9 o; _7 a: k5 B2 I/ |1 B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): U, a8 {% _. c6 V7 c7 i& g# Y
window.onload = initializeBall;0 S% V- e1 H( O5 t( C/ f$ B* r
window.onresize = new Function("window.location.reload()");
, J& b: \$ d! P- W0 |  V# H}
5 |( I1 l3 a% R0 e6 V! ~3 Y
4 A# |, D+ }5 b* N0 B- q. d) @</script>