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

zw2004

<style type="text/css">
" P1 [8 }& L- N2 ]+ O#supertext {6 y, p* g7 g. Y! W6 @, a2 }! B3 C
position:absolute;
0 n2 a* B& w0 Q; d& n( nleft:0;
7 W1 E4 e/ T- a0 f7 k; u9 Ztop:0;
4 H) i2 r- d& W8 w: T. U1 v( x& Vvisibility:hide;8 s$ J0 u6 o- k( l0 z
visibility:hidden;
" c+ e6 Y8 ^; g! M; T}
% N7 i( j& E) a: J7 f4 L* r) z</style># Z/ X9 h  d5 k5 y' S
<script language="JavaScript1.2">
, |5 B; a* x$ `' P) q3 M. |" l  C<!-- 改变下的字体的大小。颜色-->' E, `1 Q% U( g4 v" i  I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 p  Z, \: f) m3 z  ?
var hidetimer='';# j3 ]! M4 i* B; b
<!-- 改变下的弹跳速度-->
9 L3 K1 q! {! Q8 C4 Z" Uvar BallSpeed = 20;0 L! m6 E7 x' w9 W
var contentWidth;' Y; i$ v* }- ]8 L
var contentHeight;. l" l0 w6 O6 u# J# P
var maxBallSpeed = 50;
- e. y0 B* T/ d5 _3 K" w) p2 S' {" y" g

& \2 I' ?* o$ u. A- ?  q- Pvar xMax;
7 H; p3 m# I- `( D0 uvar yMax;6 P/ H8 W2 x0 U. ?
var xPos = 0;
% d  d  `) |. h) w8 J4 Tvar yPos = 0;0 C' a$ k( e3 v* n+ c
var xDir = 'right';: D! ?2 e* `8 h+ Q5 e
var yDir = 'down';
5 v9 ?( c8 X; \, q3 l3 k+ M9 _0 Q- A# Cvar superballRunning = true;
9 z9 N1 C& @, rvar tempBallSpeed;' [8 O8 B0 p, O
var currentBallSrc;- F% |' T, O1 U  J* G
var newXDir;
2 [& G6 m- ]* j. d3 M0 |5 p+ Nvar newYDir;
. O! t& J! D) K0 Q/ z3 d! P$ q5 \  l5 l3 }3 u% s, r3 z+ Y: m1 C
function initializeBall() {
) m2 J% I; y) z* }9 V" F& f! Y  k   if (document.all) {
8 A7 L1 t0 B/ u8 F7 Q6 k* t      xMax = document.body.clientWidth
- p2 X) Z) {& a      yMax = document.body.clientHeight3 @1 j7 A2 L8 `( M: i+ q6 H
      document.all("supertext").style.visibility = "visible";  ]- Y0 B; U0 O) J6 A9 N7 q
      contentWidth=supertext.offsetWidth/ R) b$ u( I9 j/ D' \8 X
      contentHeight=supertext.offsetHeight
2 C7 N3 z, q6 K$ S" U) [. R      }
, Q+ r; m6 B6 {9 q0 [# d   else if (document.layers) {
8 U/ j3 ~" L2 m5 u, \; e( U      xMax = window.innerWidth;
7 a+ R: {" K, z      yMax = window.innerHeight;5 s0 b, i8 O& k! h2 |
      contentWidth=document.supertext.document.width
: ?; e" u: u4 ?% ]- q      contentHeight=document.supertext.document.height2 i3 _# o. D3 F) Q: k
      document.layers["supertext"].visibility = "show";; Q$ t, f" P+ y& r5 z' t. F1 r
      }( m4 h) Q" H# y6 [
   setTimeout('moveBall()',400);& ], {) O6 \* m# r! y  a
   if (hidetimer!='')
, @7 W& s% L3 G2 P/ G* m   setTimeout("hidetext()",hidetimer)  o, ?0 {% b' _
   }
: v) d% Q3 t  W/ B$ C: R+ M7 P3 y: n4 d- P
function moveBall() {
  l- R6 I- p/ v5 A5 X- a; n$ R   if (superballRunning == true) {7 n- k3 w8 J- \! V8 F; p/ O
      calculatePosition();4 I- d' w+ o0 Z3 @
      if (document.all) {
1 N+ m$ G9 [6 x, X+ p         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 D( L6 F- B+ A" u5 ^6 e* t9 O4 \         document.all("supertext").style.top = yPos + document.body.scrollTop;" z1 L. K5 n6 K
         }0 b7 M: A% _& S9 O; h' A
      else if (document.layers) {
! e5 S( B) m8 p+ f1 ?         document.layers["supertext"].left = xPos + pageXOffset;
' \5 N+ [# N7 l3 I1 y         document.layers["supertext"].top = yPos + pageYOffset;
) n4 A; ]+ b8 ]1 B& h2 Q4 d         }: M% r2 A0 t8 U, V$ s6 \
      animatetext=setTimeout('moveBall()',20);
, M$ g4 }7 B" a  @; `      }
+ Q  J& E, a: _   }' J6 r$ k6 Q8 A1 M  r" w, \( e; e
9 r7 [0 `- s) {
function calculatePosition() {
9 f1 y4 F3 e9 F  u   if (xDir == "right") {
# N/ @9 R9 i" k8 U8 x      if (xPos > (xMax - contentWidth - BallSpeed)) {+ S) d1 ^" y* n9 f! y' F
         xDir = "left";; w* ?5 R1 m! `6 L: K
         }
% h1 ^1 w2 T0 \; `      }% b2 F6 l. J+ ^4 ]
   else if (xDir == "left") {
; v6 P: i7 F5 k      if (xPos < (0 + BallSpeed)) {
: X: U8 V0 p* N$ U( \. t         xDir = "right";- H5 ^' d1 V: i5 b" p- }3 |7 c
         }
6 J+ O* C+ b# v& Q/ ]3 b0 ~      }
& d2 y) b8 X! I2 m! q7 L3 l   if (yDir == "down") {
$ K+ d' e+ y5 G7 |( N1 w      if (yPos > (yMax - contentHeight - BallSpeed)) {5 \9 v( x/ V; B1 D
         yDir = "up";8 F5 D+ C. {& g- q! \
         }3 ^$ g) L2 x6 B- L( {! G" a
      }
4 M8 \" |5 O& r   else if (yDir == "up") {3 z' u. i$ _1 F3 T8 ?9 |8 ]5 I& @
      if (yPos < (0 + BallSpeed)) {
; m3 L2 a# z) z; F         yDir = "down";
& ^; \  \" p% r1 m7 t2 E         }' i/ X3 M. N- t  L9 z
      }
) q9 Q5 t7 s3 t   if (xDir == "right") {0 Z5 t' o5 b- B! K# q3 Y
      xPos = xPos + BallSpeed;' l+ B" `. W' ]% e  h2 r+ B) D
      }
! F) D- X# A1 Y9 y   else if (xDir == "left") {# D: O7 g+ @8 V: q
      xPos = xPos - BallSpeed;6 w9 |8 A( y! H( H- ~
      }2 r: ~$ [* a2 u& G; u3 n
   else {
8 O, @- K; V# P% S& {      xPos = xPos;! M- ~9 b# A1 [7 P  t
      }! l  i, `7 T3 S, S
   if (yDir == "down") {
. n; Q% J7 b4 O; B      yPos = yPos + BallSpeed;
. w+ p, k* i. F) y      }% l9 \& [/ F8 o# R1 i6 g/ G+ f7 i
   else if (yDir == "up") {4 T. X9 A2 ?. I' K7 g4 n/ B7 A
      yPos = yPos - BallSpeed;
+ T- D: q4 t; G6 p$ q* \      }* g1 M' ~' M9 E# _1 Y, D& `  c
   else {
( J9 r3 [3 V$ E' N, t      yPos = yPos;
: J! b; x+ P- q2 q      }* R) {0 x& d3 E7 \" \; M
   }( a  I: K( S3 C6 q, m4 ~

# d0 u) x# R' A# q1 ffunction hidetext(){3 E0 G% ?0 C9 j7 n! Z
if (document.all)
1 X* N; s. \! q6 J% m" Y/ Qsupertext.style.visibility="hidden"  _" Z' W8 G5 ]" N( \: N3 R6 J
else if (document.layers)0 p$ ~! ]' ~# c& a" V8 R
document.supertext.visibility="hide"* Z1 |3 \; R- ]+ P4 t
clearTimeout(animatetext)1 Y# g! ?$ g1 T
}
5 g- a) @; E6 x  l+ X: C5 c- B# o4 N! |' G' n& C; I3 P; u
if (document.all||document.layers){
* a9 q6 U0 N6 @' ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& b* L5 w8 U- B; ^' m$ ]( h# p1 nwindow.onload = initializeBall;
! O% A& r4 N, Gwindow.onresize = new Function("window.location.reload()");% b+ Z" o( o5 c9 t8 H" Z
}
' B+ S4 v* }, t) @/ Y9 J
9 z) b2 e. v$ `$ P</script>