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

zw2004

<style type="text/css">
# g" `- |* K9 Y, y' S& s#supertext {
6 i! O- d& L  B4 |position:absolute;- m2 p! }5 \' T7 Q- c* X& e
left:0;/ `! v7 ?7 Z2 y8 U0 N
top:0;
# I: B) {  @7 v" ?; c# [9 p2 gvisibility:hide;& y( }$ A$ _2 a) y0 H: ~! O
visibility:hidden;
4 B( @: F& o3 ]* O}
2 |. B: G) `4 D" |9 O</style>
4 M* g7 ]1 U3 n7 j2 P2 |0 O<script language="JavaScript1.2">$ K. |2 a3 T: r, q6 k; w, r
<!-- 改变下的字体的大小。颜色-->
, P. R8 Y8 t$ K0 P$ X) Ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' F8 L5 b# k, z1 V! m' w
var hidetimer='';
' b! p9 l) Z1 O, ]<!-- 改变下的弹跳速度-->/ u! t7 Q* i2 D& c% ^
var BallSpeed = 20;8 {$ [5 }, ~2 E1 ]$ i! C$ A2 d
var contentWidth;! n2 F6 D$ r3 O7 S0 @# T6 |
var contentHeight;  J* f! r$ H1 j& t( x& L8 @! m
var maxBallSpeed = 50;
2 r2 c, D* G, P% T2 }/ g1 }+ _9 `% n* |/ I8 O

9 B1 M- `) K7 p' V' kvar xMax;& _6 R4 i8 w: A( S! [1 G* c* r
var yMax;2 V1 _3 j. b9 `
var xPos = 0;+ @, M% B$ \! ]8 U1 s* z
var yPos = 0;: f" [, T# _  S* \
var xDir = 'right';
7 `  e: a: m. ]# R) W/ Hvar yDir = 'down';% }; O0 y# B) O: M3 K8 Z! L
var superballRunning = true;
$ @1 X9 ^, }, B  g- evar tempBallSpeed;, z5 ]5 t0 d( R; Y0 D
var currentBallSrc;' f# C. ~7 j8 M1 U; v
var newXDir;' L5 W' y# ?/ i, Y- Y
var newYDir;# \. t) M  x1 p& M( K& K2 d! [
  i" U& K5 C  E' }! B, d
function initializeBall() {
% q* s9 P' g% v. x   if (document.all) {) ?) W  H; ~) q  B# Y/ D9 p& J, {
      xMax = document.body.clientWidth
3 D' f9 {3 M1 G4 g. z5 t' K3 w      yMax = document.body.clientHeight
# o. P: I1 p' n) o, k5 c: q      document.all("supertext").style.visibility = "visible";& s! S- G7 M5 C# W$ p' [
      contentWidth=supertext.offsetWidth
: h) L, Y: e+ A0 T      contentHeight=supertext.offsetHeight% }- H' S7 K" k
      }
0 t- P8 a9 d( J9 J1 I' \6 {' o5 w   else if (document.layers) {8 E8 }9 }5 t7 W# [7 q' v# _
      xMax = window.innerWidth;0 }' _6 j# C$ g9 e& v1 `
      yMax = window.innerHeight;
( M3 ~8 t6 z/ Q6 ]0 A% f: Y      contentWidth=document.supertext.document.width
$ Q1 g! C& Q5 e& X5 j$ ^9 ~      contentHeight=document.supertext.document.height# V/ Y/ I' f: O0 h: q9 @
      document.layers["supertext"].visibility = "show";4 q5 y/ ~8 w: N* \; s: u$ b
      }
! m4 j; K/ `* }+ N2 V5 Y# z   setTimeout('moveBall()',400);
! D9 R3 R# E( a* P; v   if (hidetimer!='')0 n) n+ @. d. U  ~) u( q. L
   setTimeout("hidetext()",hidetimer)
( [& p, ?& @7 R. O. t. A3 {   }
0 a- F/ j1 Q3 W/ L2 W: q1 M7 {; H  x7 C1 v9 x: O( g
function moveBall() {8 j8 M4 k3 |* u% J$ L' p
   if (superballRunning == true) {5 X5 V# T* m1 }7 o$ P: D
      calculatePosition();2 y- |- E: A' y# x- Y9 U7 K7 H
      if (document.all) {
! C( a6 Y- R( x) b  K" S         document.all("supertext").style.left = xPos + document.body.scrollLeft;% \* N0 c0 K& @5 F$ I
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 l8 w" n$ I: e2 |7 T: K2 [6 z         }
4 }2 H" l0 v, Q5 A      else if (document.layers) {+ N' j: S/ I7 f' i" v9 D" V
         document.layers["supertext"].left = xPos + pageXOffset;
, U' |0 j/ J+ G0 F         document.layers["supertext"].top = yPos + pageYOffset;
7 e$ \* Z, w4 }8 A7 j9 A- Z2 g         }
  Y1 r: D/ X4 s* p" |0 x      animatetext=setTimeout('moveBall()',20);4 u8 ~+ `6 v  ~3 l* p2 W4 h, Y8 N
      }+ Y' E9 d' y/ l" ]
   }2 j$ Q) t) y: b/ o8 Q( m8 x

/ \  g# L$ }0 q5 E$ I; L! {function calculatePosition() {
) i; M7 y5 c3 Q: j  G4 `( `- Z$ w- S   if (xDir == "right") {0 d  k: b  R/ F& l6 F
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 v2 A" A$ A0 ^& M5 E
         xDir = "left";
8 r- n1 w- R& q3 @         }
' {+ q) a1 ^8 h7 S6 x5 o) a      }
  v. i: F: X8 A) y7 w7 L* |   else if (xDir == "left") {
2 W) _' b6 n; y9 d* C( I      if (xPos < (0 + BallSpeed)) {: r2 V" K! I9 [+ g
         xDir = "right";% v; Z3 @+ y1 H8 K/ x6 y" W* c+ {
         }9 m# d& K4 [7 v& @6 X$ H
      }
$ {& r- G) w/ w   if (yDir == "down") {5 \4 D, {3 g( {8 B
      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 O( c- @; v9 m) u) @         yDir = "up";
" F5 y; a2 v- \1 }1 g2 w         }3 I4 I' G! |7 L* y- B/ R" g
      }
8 p9 o0 _; O) P" o# w& L   else if (yDir == "up") {
0 M) a6 x6 s% z/ Q      if (yPos < (0 + BallSpeed)) {/ u4 X' e9 j7 b' N$ c
         yDir = "down";
$ q2 c' v8 Q) ?  t         }2 ~6 ?9 ]. w% b8 A. I' o
      }$ D$ X3 |* O6 S  m0 H
   if (xDir == "right") {
6 z3 D' y; H9 f3 n      xPos = xPos + BallSpeed;
" `5 ?* t9 g1 Y$ H% f" P      }
6 L. _: O7 B9 h6 |8 z* G   else if (xDir == "left") {) X( M! _; v% B) W- p
      xPos = xPos - BallSpeed;) F! Z/ j3 H. H. t5 ~7 O) N) `, n
      }
5 x, m* D/ o' s; L4 s+ \2 r6 a   else {; a( w% o% T" y- W* o6 f3 D- N
      xPos = xPos;
6 |, Q+ Y0 H( v      }1 Q& T8 P# I# Y5 {
   if (yDir == "down") {
9 H7 ^( a! u0 j/ Q      yPos = yPos + BallSpeed;
5 ~" ]6 d3 @4 d" L$ ^: ~      }
; C1 l2 `- l- S( e! a   else if (yDir == "up") {
/ D& t; m* i5 d( h# t0 P  J: j  d      yPos = yPos - BallSpeed;
, _- R, w5 h5 c6 G) X# ^      }
4 z7 C8 K% W8 w/ J   else {
+ ^0 n+ q! U: W/ p; M8 T) N/ `  J      yPos = yPos;' o/ |+ ]; ]  J( x) t! N
      }
3 M4 i0 H/ E$ L6 U7 N   }5 x! r& ^1 R1 O. _- N

2 j$ p+ M: g& `function hidetext(){
' q9 S# t) t7 Tif (document.all)4 N0 |; T  Z$ E0 m
supertext.style.visibility="hidden"9 P7 x6 j, R" c5 K: O7 E5 G  Q1 t# m
else if (document.layers)
7 ^, B/ P4 P: N6 O0 X" odocument.supertext.visibility="hide"6 G$ D) q1 t5 y
clearTimeout(animatetext); k; w* Z) s; e
}/ G! a8 i" J6 E% _& V
/ P) C1 F* d! K
if (document.all||document.layers){
" `, h- }# q$ t: B) I$ y' Q- a. Rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ K4 R/ R* b. ywindow.onload = initializeBall;4 `4 q3 G1 M6 g
window.onresize = new Function("window.location.reload()");9 B0 j$ C% n1 f' V( z' s5 d
}1 I! M( }6 [9 x! C) j/ D3 F5 a: v6 S

$ _7 E5 x: V) ^/ \# ]</script>