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

zw2004

<style type="text/css">
: Y2 Y5 d7 R# @# v( }#supertext {" C- R9 N( G; b$ \0 f- j  \
position:absolute;
% z9 o) L3 e& wleft:0;
% X. v0 ?* K1 T' r2 Ttop:0;6 h$ e! _  ?* z, q( `) p0 I0 _; p
visibility:hide;
$ U6 F( |- i1 Y6 b/ Hvisibility:hidden;- u! J4 b0 V; K& ]- G7 i
}
8 |3 T: u' D4 p- `; t</style>
( {! C% O/ x( F; I. m; \# P  l<script language="JavaScript1.2">+ r: a* L9 I+ }" k" W6 s. N9 }1 C( w
<!-- 改变下的字体的大小。颜色-->
! q0 E1 |8 F5 j; U8 L9 z/ r! K, }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- K! H$ g: R1 nvar hidetimer='';2 f2 A+ ]  K& _# I5 B
<!-- 改变下的弹跳速度-->
! U7 E  @' r6 U6 mvar BallSpeed = 20;8 A* |1 R5 P! E# U, `) u
var contentWidth;
, a8 F  _& D3 }) X) _. u* cvar contentHeight;8 [0 @7 r$ a9 M% @7 r' O
var maxBallSpeed = 50;
" c) K! t$ z, e; }; ~& v2 u) P
4 c. t7 ~  k# r* D; t
* W6 l/ {, ?$ m8 ^var xMax;
( @% Y6 q) C) m3 yvar yMax;
. ~5 |, G: ?! |% S1 Dvar xPos = 0;) f$ l; T! K4 l1 o" Z+ P9 ?
var yPos = 0;; _+ [* r0 I( x
var xDir = 'right';2 S% E* ]& D; _' r$ A% S2 t: ]& l# B
var yDir = 'down';
6 Q* v/ J4 v9 c: v* n. vvar superballRunning = true;/ X' l9 u; |5 S: V# w5 t
var tempBallSpeed;; y/ E. M9 b) r  s4 I5 e
var currentBallSrc;2 u  e% J, \; |2 o) j. O
var newXDir;
; P- f5 X7 n' |+ Qvar newYDir;
, J0 \. r1 G% I" E1 u* p
' X  B* t: P! I+ x, O: ]1 pfunction initializeBall() {) n$ X$ B8 Z9 d$ O, q
   if (document.all) {
& Z6 q4 I0 i1 J. y      xMax = document.body.clientWidth
- n4 Y# D* c1 g6 v      yMax = document.body.clientHeight
2 k( P2 v: H6 d/ G      document.all("supertext").style.visibility = "visible";
  Q% ~' k5 U/ _+ d- @      contentWidth=supertext.offsetWidth- e) |3 K* f& S- {
      contentHeight=supertext.offsetHeight# y0 o0 Q0 Q! u& K
      }' c( K7 l6 e' j
   else if (document.layers) {
8 L! X- h( k+ k" a$ g      xMax = window.innerWidth;$ U0 ]8 m3 f/ q/ A" T
      yMax = window.innerHeight;
. A$ S1 f0 x! j9 e3 `0 ]/ [/ w      contentWidth=document.supertext.document.width
6 C  H: @* a( [1 F      contentHeight=document.supertext.document.height
9 w& X% U: U" l; Y8 x' X      document.layers["supertext"].visibility = "show";
  m$ u, P# X, l( ?0 |% I3 n. {      }
* j0 \" L  c7 c* U/ v& m4 U   setTimeout('moveBall()',400);" m) g, z& [0 P) M" T6 ]
   if (hidetimer!='')
7 V0 {; x( @, ]+ {   setTimeout("hidetext()",hidetimer)$ T- @2 g8 ]5 U. ]" w7 H' N# B
   }
. m. P+ H* d6 p$ [. g$ F' u/ f$ j; M6 M
function moveBall() {
! L. V7 ~5 [8 c5 x( S$ h   if (superballRunning == true) {
4 z4 c/ d, R( |' b1 ^$ `2 r      calculatePosition();5 F: i/ K+ e" c9 I- m) K
      if (document.all) {
* b& S/ v( M( ~6 _2 I. N6 _, {9 H         document.all("supertext").style.left = xPos + document.body.scrollLeft;; y8 x5 N  g' |) r  h; s9 Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- A2 }6 C5 S3 W5 G- L6 f" O1 _         }' l, e$ q! `8 Y2 k
      else if (document.layers) {
3 O+ C" Y) n2 v7 U* }. R, H7 x         document.layers["supertext"].left = xPos + pageXOffset;% {: D3 k! R0 W# u: l) I
         document.layers["supertext"].top = yPos + pageYOffset;3 |8 L, W' Y" h5 }- E
         }, B* g4 I4 y" i3 j& `
      animatetext=setTimeout('moveBall()',20);  E. R5 @4 N; R" H
      }
( U% v3 X$ ^( F; \   }
5 O: J& T( X) L7 [! [$ D& M, _1 O6 N/ d3 f1 D( P
function calculatePosition() {
$ r' g; \3 N& U, B   if (xDir == "right") {+ S2 L% D1 `" D* z$ b: H8 {
      if (xPos > (xMax - contentWidth - BallSpeed)) {, H- [$ b& ^+ r
         xDir = "left";
- N$ i% u: E7 `. [* c& Y4 C: S         }
* u0 H+ l' e2 B3 }5 g; p9 m      }! T6 d0 {8 f4 ~/ \/ g% k7 E3 ~
   else if (xDir == "left") {) D2 J3 ^4 ], O2 ~* z1 }$ G2 ?
      if (xPos < (0 + BallSpeed)) {& F9 j+ u: g+ k1 C
         xDir = "right";
/ l6 \6 Q& Q7 a7 c# w         }) J/ S" L' D' s: N2 f
      }( Y* R( I' J6 F+ K* T
   if (yDir == "down") {
5 C' a+ W$ K' ]8 u+ o; C9 h      if (yPos > (yMax - contentHeight - BallSpeed)) {5 O5 U  N$ K" [& f! P5 u: d
         yDir = "up";
! D% `% [1 `- U: F3 b  ]* w         }" X& p. T( R' E
      }
6 ~) U* V5 K+ y9 ?, V   else if (yDir == "up") {, X* o- c9 R$ q5 Y" G- W9 ^2 M
      if (yPos < (0 + BallSpeed)) {
7 T! M8 c3 D0 A1 G( }0 c9 y3 r         yDir = "down";
) m% k8 L5 c1 ]; T         }
& o  M7 a+ W" |% C% T3 v      }2 p, R- j! P0 z0 x/ q9 Y- J
   if (xDir == "right") {% r) b' x. B8 \/ i! P
      xPos = xPos + BallSpeed;
2 @" ?' \/ }" G- Y5 m4 t  V      }
* M- v& d* J7 Q+ B2 V; m   else if (xDir == "left") {
( C" w4 f) o, s, Y6 e6 P7 [3 L' [" P      xPos = xPos - BallSpeed;) p0 t8 z5 z0 z5 {' f- Z( L5 Q
      }
1 p" a/ S  Z2 v1 W   else {
7 S  y2 V' A6 M. @- N( L      xPos = xPos;1 p- o0 L1 Q# e! R5 Y" @
      }
' s3 |0 B# }; F& q   if (yDir == "down") {
: s+ n4 p9 N! R) r9 @      yPos = yPos + BallSpeed;2 [  h0 d* i! Q9 S! k. Y  y
      }
7 l1 ?3 k% ~; l. C   else if (yDir == "up") {. s# y8 I. o3 W7 k4 I5 \
      yPos = yPos - BallSpeed;! o' a1 y& p7 R& D
      }( s5 B( L( m( G) d3 P9 ~# c) C
   else {
8 x9 {- R7 \2 q& A) @/ z1 z3 R9 T1 @5 F5 i      yPos = yPos;
" I4 {- X  D) |, _      }* q2 e9 P& K3 e2 u7 Z
   }
0 A; k* s. s/ V9 \' `0 `
! ?* s% k0 N1 Q0 y- ]7 }4 Bfunction hidetext(){0 ]: r: l' v# X. ?4 B/ `/ L6 q
if (document.all)5 n) R- ]" o, ~
supertext.style.visibility="hidden"
4 u. f" |  ^+ F. u% Q8 w, Gelse if (document.layers)
0 `3 q' ^2 C1 R' C9 @document.supertext.visibility="hide"0 B( W6 D5 q, b
clearTimeout(animatetext)5 G7 O/ x! D' A; w2 r
}$ ~) n; v3 U8 q) w8 ?& {5 J8 V, \! F

3 z0 d( @+ G3 D8 U" w: y% f7 \) g5 Iif (document.all||document.layers){1 I1 J5 q  }0 D& G2 o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ q# o1 U" m% c7 p  t
window.onload = initializeBall;1 o7 [! x6 O- Q! U
window.onresize = new Function("window.location.reload()");
0 |* L8 H7 B5 C: W- x}
" ?( I$ I2 k+ D" O2 h) T  C1 q- P9 v( h; O9 F* j" Z
</script>