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

zw2004

<style type="text/css">
, X; K0 B$ O$ [4 Y& h6 c$ k#supertext {5 o- h! c, q" q; t$ t$ X5 I! H
position:absolute;  Q# T) N+ ?8 H) N: x( L, A
left:0;
/ E3 y: I' k3 i6 @top:0;
% @9 L* A- g/ b2 Bvisibility:hide;
6 c6 J/ d' m$ _9 H; Rvisibility:hidden;" p, ?% I2 I$ _$ T# v
}& T  _( c- d5 _; W/ b" Y- {6 |' L
</style>
, U/ `4 R$ u: K4 E+ @' d! r% n0 s<script language="JavaScript1.2">
5 F. R0 n$ F9 ~5 a! m/ y) }<!-- 改变下的字体的大小。颜色-->
  t$ d/ ?( t3 T# @- dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 S* @& p, T) K% n8 e$ O% Q
var hidetimer='';; |" V$ j* \% ^1 p+ x% e8 E
<!-- 改变下的弹跳速度-->
9 L* K( s4 |- [( q+ Nvar BallSpeed = 20;5 C1 I8 u( `4 Q  M
var contentWidth;
, Z- Q) h% ^3 \9 Qvar contentHeight;
+ w. b2 h) Q7 ~: D/ j( Evar maxBallSpeed = 50;
8 V, U0 M, w! j7 N  T; A! u8 r0 b- I) w; {+ w

2 t, Y3 I" |) T( z/ ~var xMax;
1 g  ?# S% F' L- d/ bvar yMax;
( _1 G5 S- N3 {7 {  M2 T& w5 Wvar xPos = 0;& B- b" K2 T! @+ F. B% J5 `
var yPos = 0;0 D( m3 ^& x$ |0 s% E8 p6 v1 Z
var xDir = 'right';! E5 `0 }$ A/ h$ X/ m  |8 W, T- l
var yDir = 'down';
0 `. H& X9 e# j* `var superballRunning = true;& M3 z0 g+ t) [
var tempBallSpeed;
# p; X1 `7 c) p6 O8 B5 F1 wvar currentBallSrc;' x0 s2 N) l$ b5 }/ v" `4 I8 y
var newXDir;$ Y  L% e8 N: Z( @2 i
var newYDir;$ W6 r* b' r& k  C1 Y6 ?5 w; M
, ?4 D3 H/ G8 a5 a% r& Q/ {, \; g
function initializeBall() {
% T4 G, }- s9 m- H" [   if (document.all) {) S7 [4 U" z0 u% w  u5 x
      xMax = document.body.clientWidth
7 L. }2 _: L6 j0 y      yMax = document.body.clientHeight
2 r0 B  O3 I4 I+ Z) j      document.all("supertext").style.visibility = "visible";
9 H$ ~2 p# k3 r+ F# I      contentWidth=supertext.offsetWidth
' O) s4 q* O" K      contentHeight=supertext.offsetHeight
5 {1 b# @7 Q1 ~# C      }" z. {0 G$ C2 X8 L" m  j
   else if (document.layers) {  ^- q, f! ?5 E6 |4 ^% Q; p5 N
      xMax = window.innerWidth;
: }9 c; q2 e: I9 j6 i8 I      yMax = window.innerHeight;) @* i9 l' M0 d$ H2 r6 f
      contentWidth=document.supertext.document.width9 _$ Y" {" U8 E! n0 k. i
      contentHeight=document.supertext.document.height: C  `4 X* B: e% Q1 Q
      document.layers["supertext"].visibility = "show";! y* H" M+ @& B
      }
+ |' |8 v0 e% O1 i5 m$ ^   setTimeout('moveBall()',400);
  m3 s/ b, r1 L0 \" o9 l   if (hidetimer!=''); s* ^6 V$ x8 D+ O! t( Z: @
   setTimeout("hidetext()",hidetimer)$ J& T! ^8 z$ q  W
   }5 O+ C) ]" @( v, t% H- F9 G% @2 x

3 n$ e/ h# u( @+ _( zfunction moveBall() {# v3 s( S7 g- `
   if (superballRunning == true) {7 T! w* Z! J; n+ R
      calculatePosition();1 Z  q: R9 H" U* W# k/ `, Q1 C
      if (document.all) {1 ]6 ]( ?# M. l% F6 ]7 p
         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 @1 h7 _8 A7 @
         document.all("supertext").style.top = yPos + document.body.scrollTop;9 _6 D, D  L& n# j; N4 R- p
         }
- M7 c8 F; ^1 O! h* k      else if (document.layers) {
. p3 y: R) Y7 I5 W         document.layers["supertext"].left = xPos + pageXOffset;
0 o8 A: i2 o' Y0 T7 h! P         document.layers["supertext"].top = yPos + pageYOffset;
6 L5 P4 K/ f: \3 B& `/ r# z         }* l6 h$ ^; G8 q6 b$ t
      animatetext=setTimeout('moveBall()',20);  H$ r1 Q9 G) Z8 `8 D6 _
      }
0 H0 j! B, |6 P/ O, I8 g   }
/ B9 v3 e1 z+ ]% B. u* }- f% R6 j6 O2 t6 ]0 F
function calculatePosition() {
0 H% V9 q# R! X! ~% c( d   if (xDir == "right") {
: ^6 A0 d, }$ s" Y" [      if (xPos > (xMax - contentWidth - BallSpeed)) {
& w0 Y/ r" h; t' I6 ?         xDir = "left";* k8 q0 Z& \( A6 \& j% X& Z; z
         }
3 A8 O+ q- f7 r      }
* D( M8 S2 q; w" {/ }6 F: W   else if (xDir == "left") {
' H! E! g9 d7 p. i2 X( J      if (xPos < (0 + BallSpeed)) {; d: X  _) _6 |# u5 ^
         xDir = "right";* u, {2 G, z, t# r$ {, J1 a
         }* D$ _% n& Z" j5 k' G' H4 X
      }
) D2 A2 i6 f3 T: c/ k7 o$ ]( V, l   if (yDir == "down") {
6 d0 D% h. k0 u# Q* Z, D- \      if (yPos > (yMax - contentHeight - BallSpeed)) {0 o6 G- l. ~9 b
         yDir = "up";, g- }( N$ `; C* t: |1 s9 n
         }6 r! O% V: g  `( w% T
      }
6 F! }8 p3 ^, q4 t- G# A   else if (yDir == "up") {
' L  X2 B5 l6 i( ]" I; c# z      if (yPos < (0 + BallSpeed)) {- W4 [% I9 d8 o* V6 s6 o
         yDir = "down";
8 X: c9 U7 M1 i# s4 _9 R) A- a5 H7 Y         }, ^3 l$ X+ C3 S: \
      }
/ f6 E0 n  R% [! Z   if (xDir == "right") {9 p  f* e( i2 `9 s
      xPos = xPos + BallSpeed;
  K, \# z3 E, h) M" C" T      }9 `* i) N3 X& o5 P8 R
   else if (xDir == "left") {( _1 ~9 Z0 z7 J8 r- T
      xPos = xPos - BallSpeed;
, w+ U, w' x' {' X* [      }' ]0 b, A7 R0 w" z2 c
   else {. u0 q) h3 y, A2 @( \5 t+ V
      xPos = xPos;! q$ N. M* s$ d2 d; I3 M( i! o
      }
0 C; z" q" q" g, j   if (yDir == "down") {
' C: a# }7 ~2 [, o* x5 t      yPos = yPos + BallSpeed;! z4 V/ G, _7 O( m8 ]; ~7 t
      }
) z8 a1 A" |" H2 H* n   else if (yDir == "up") {# p8 h8 _" ~4 e
      yPos = yPos - BallSpeed;
0 `8 l3 }- E) ?& X1 v      }9 O9 i  Y; u. [6 I. _" F6 e3 b8 w
   else {, S/ F0 J$ }& A
      yPos = yPos;* Q8 R% \8 D- _
      }1 |, v4 p: p% }# h, U
   }& K; F% T; C4 N5 S  w

9 u0 ~- Y2 |/ X8 F8 T- J. Yfunction hidetext(){8 H" ^9 G+ o% y2 E+ L, A, O
if (document.all)
* {5 |: }( |2 I, q1 F4 D" esupertext.style.visibility="hidden"$ w2 Z8 U5 s5 p; Q
else if (document.layers); K2 K5 @7 F1 Z! H2 i" t# r% a
document.supertext.visibility="hide", w3 O1 V. _; [- {
clearTimeout(animatetext)  o; J1 [& Z7 M) \& Y# }8 H# O
}4 Z! T' x  S: t& X$ f$ m) z
  k, j: H$ i' X% Q: d
if (document.all||document.layers){
+ E# J' b" `) s, S- S) W0 N1 e7 gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. a2 g; G, |! U+ swindow.onload = initializeBall;# r4 T3 z7 }  Z! j
window.onresize = new Function("window.location.reload()");
2 _; t! g" d5 ^8 k7 C1 H}
0 Y3 t$ E2 D4 U' \
& y) K) X& l& N  I9 K+ ?</script>