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

zw2004

<style type="text/css">; l9 X% |& e( p  X- t
#supertext {: S- {% p, z) n/ \8 `4 Y, c- O
position:absolute;
! T, W% w; j2 K8 r) ?: F, qleft:0;) ?# `+ z# m7 l) G5 R* Y/ }) N
top:0;
5 k( ~* Y" o2 q4 `& @visibility:hide;
, e) A0 W7 c2 Y! mvisibility:hidden;
, H0 b9 P! U8 I  {' \& B! C. q- P0 `; O}
% B2 \( @! q; M4 e# G</style>
3 q% y2 r7 G0 F; f! e' e% {<script language="JavaScript1.2">7 p9 o/ C4 i+ `
<!-- 改变下的字体的大小。颜色-->
0 f& K5 P0 H/ z; i  @var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" u2 l+ ^9 O/ P  c4 V0 O' `
var hidetimer='';* t/ b$ t2 r$ }
<!-- 改变下的弹跳速度-->
- T" C( D2 W9 Q5 Q7 m0 }2 f- _, {var BallSpeed = 20;3 m! L6 X) L0 X& ?
var contentWidth;
" l% z. u. G, h3 \" V9 Uvar contentHeight;
* Q( [% q& {- r. Bvar maxBallSpeed = 50;
6 u' D6 j( \0 x9 X& F$ Z/ A9 q' A* O4 C7 ?) V/ j

# F+ l& Q0 N# j4 s2 Fvar xMax;
, g: _! c" a* F# qvar yMax;) ?: u* ?7 k  I2 y" j
var xPos = 0;6 P! h& z5 c1 N$ R! Z, O' B6 c$ M& T
var yPos = 0;
0 ^, P. c: g+ T4 ], z9 s# o5 L/ Ovar xDir = 'right';/ p; u3 n0 W* L: y
var yDir = 'down';  a! B9 k! i4 M+ U
var superballRunning = true;' F5 I- p9 X1 q% `$ X7 B
var tempBallSpeed;
  E8 i" e: s  N/ F& _) \var currentBallSrc;8 s5 S6 D; ^) w" y; w+ X
var newXDir;+ ]3 u% @, k  Y) d! R
var newYDir;
5 o5 [# X$ ]/ \% _: h
& `6 z5 \% r; J. A5 N4 lfunction initializeBall() {
* Z: b3 z( `, p; e) a; @1 q   if (document.all) {
. A- r1 c/ h0 K0 h      xMax = document.body.clientWidth
, r9 y7 l, a6 `5 d      yMax = document.body.clientHeight( I( Y2 U9 `* \% f, Z' O, t
      document.all("supertext").style.visibility = "visible";1 c* T' Q9 A* H/ J8 |, w
      contentWidth=supertext.offsetWidth
$ C+ m7 d8 e# D8 h# u      contentHeight=supertext.offsetHeight
# X- A  @0 T( B% y- a) @      }
# A6 a/ R, k* p2 e   else if (document.layers) {
' L. Z  S. L4 z( i3 |* K; @1 d      xMax = window.innerWidth;
8 ~3 [, g4 P' j( V  m      yMax = window.innerHeight;
( f: R! u1 c1 ~1 T, Z; {9 w      contentWidth=document.supertext.document.width
9 W8 m2 x! n3 ^. m      contentHeight=document.supertext.document.height
- ]0 D5 R8 s2 ?- H/ }+ Q: S      document.layers["supertext"].visibility = "show";
: X3 W$ b) K8 s0 z5 ?7 `. n& m9 J      }4 r4 L* A# w, g4 q# _( L
   setTimeout('moveBall()',400);9 j% m) X. }1 k' m6 L
   if (hidetimer!='')0 c$ b1 k& q5 b, s: t/ v
   setTimeout("hidetext()",hidetimer)3 x. V6 a; A9 B3 @$ c
   }1 X) U# x5 c" L/ Y7 _, d
8 ~8 y( b0 s* ?: W8 u( X
function moveBall() {! e: Q: _# u5 ?0 f, H
   if (superballRunning == true) {1 X/ t% O2 J2 B9 [4 t
      calculatePosition();; C0 `9 H* B+ F0 A4 _. E
      if (document.all) {
2 |8 k6 n+ v8 v         document.all("supertext").style.left = xPos + document.body.scrollLeft;# r* J' @( N0 `
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 O: q/ a5 a: m
         }
0 x0 E. I$ c( p2 A/ s$ S      else if (document.layers) {
+ D* x$ n& z% H7 H7 O         document.layers["supertext"].left = xPos + pageXOffset;! V  I5 ]' b4 F* Y
         document.layers["supertext"].top = yPos + pageYOffset;
* a- L# d3 k$ D- _+ x         }
3 x( j+ Y4 b4 b0 r( M; z      animatetext=setTimeout('moveBall()',20);
% Y, x8 g8 Y- D: M      }2 H  i5 C  R+ q/ Z: p* X
   }
( f$ Q3 N$ \7 F, p6 O4 O+ A! R" F. N4 o8 D% |3 x
function calculatePosition() {! P" z- W8 o2 @# R% A+ n, f' ^  d
   if (xDir == "right") {+ p- c0 e' G, Y' I% C' N
      if (xPos > (xMax - contentWidth - BallSpeed)) {* ]. \; \+ n! r$ E! K, Y
         xDir = "left";0 e' I. U; b1 A& V* H$ v* p# i! @
         }. J0 X& \) f1 h2 ]6 m. N9 ?
      }
, X' K( [, N: ]- l6 N1 C+ D   else if (xDir == "left") {* [) Q1 O; S1 o
      if (xPos < (0 + BallSpeed)) {* o% _* x9 d5 f( E) }! @# F
         xDir = "right";
% w, k' F, I9 D$ A* J1 T# i! C& ~         }
) w: U% t6 q7 v; ^7 z      }
7 M) ?: u) G/ K" x   if (yDir == "down") {, z1 @! F* E% D; B! X
      if (yPos > (yMax - contentHeight - BallSpeed)) {: h9 P$ o/ I1 o% e7 t
         yDir = "up";
: L  r7 j1 t( I+ b4 I  G' O         }
: E8 h9 a4 m% H' m& c+ q      }6 Q) f0 O% R8 V2 m# \) F
   else if (yDir == "up") {
( A6 m' ?8 o$ g. J      if (yPos < (0 + BallSpeed)) {* I) E9 r; C6 t9 D! }
         yDir = "down";" f3 Y# A" h' X( H
         }; k% F, u1 Y9 \5 Z5 z+ b
      }- Q% d- C' C2 `, q
   if (xDir == "right") {
  K% U8 t% N% M; i% m$ \      xPos = xPos + BallSpeed;
. E# x0 e$ x! M* l# p! Q      }
- J/ k$ H# i4 Y9 g3 [   else if (xDir == "left") {
! M7 A1 U! b2 k      xPos = xPos - BallSpeed;
/ ~. a1 p3 V2 o9 N5 R      }
" @2 h( `+ Z( z9 V- ?- q" m   else {. {' {% W$ ^, u! x0 j! a& m- B# `
      xPos = xPos;
. q6 u/ e/ [- n6 N1 Y7 F! V1 u      }' F6 ]0 K5 O* D! Y( k2 n! z3 y1 k# V7 P
   if (yDir == "down") {
# {  k" Q/ p2 I8 C0 W/ D# b      yPos = yPos + BallSpeed;
4 @$ w. x  }! q( c3 Z1 Y1 [' K      }8 U5 o! l' I- d4 O
   else if (yDir == "up") {( M* [. s: f7 g! T9 X1 R  y
      yPos = yPos - BallSpeed;8 m* J# U/ e1 c; K4 o
      }
: }8 N( v5 P/ t3 {; G. J# K4 {   else {
# \- n9 g: t7 p( Y, r- U0 Y      yPos = yPos;
9 D& L( w+ h) v6 P& ]      }8 ?. R( B9 h& j4 ]" V3 X, N- A( }
   }' k& L- ?* ?) ?/ l1 N: \

& a! A7 H" g, tfunction hidetext(){$ ^2 v; q: {; z  w1 ?* G
if (document.all)
, Y, Q( b9 B0 G( e+ Hsupertext.style.visibility="hidden"
9 j) _/ S5 e, m: k( e  nelse if (document.layers)
4 m# g  l: N. Z* K4 V- ydocument.supertext.visibility="hide"$ s+ X: Q% g$ Y% A
clearTimeout(animatetext)8 N4 b' J# c6 ~
}
$ j8 K9 j  s# p" c
9 G: X8 |8 w6 ?0 b+ u) r* iif (document.all||document.layers){& b, S: }. n7 u+ A5 _# t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( S# K$ I$ V4 F8 Swindow.onload = initializeBall;
5 e6 I* Q" a- q$ T" \1 ywindow.onresize = new Function("window.location.reload()");+ p' v0 r9 B; }2 r2 v
}* h; R. P' v0 D* W7 S3 Z

( W# Q1 u5 p! Q; n- h! U1 y</script>