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

zw2004

<style type="text/css">( ?# O( Y) h+ b( @& p+ t
#supertext {
& l! ~9 t; a& lposition:absolute;$ \: \2 O5 ]. _
left:0;5 F6 Z! A1 r" _
top:0;+ n' z, Q% W  n) [: V$ a0 _/ A
visibility:hide;
3 U3 A! J& n& R+ @1 Kvisibility:hidden;
, ^6 X0 \9 \- h8 ]}5 t$ Z2 j; ^7 |# D) `, L' e7 |
</style>
. j( J% w% C: Q+ {% t" x( y  i<script language="JavaScript1.2">
$ r6 C( f# b) l<!-- 改变下的字体的大小。颜色-->
% L8 U8 P7 ~' g" V! V1 Z; Hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', M& U0 y" y/ a1 I  j5 E  T! R
var hidetimer='';
6 v# Q7 a' l$ r# [" U: `<!-- 改变下的弹跳速度-->
" c, q3 Q! s! U- {0 K* ovar BallSpeed = 20;1 o5 P* i' P+ ]+ [4 Y1 y' U) e
var contentWidth;# v- A9 M9 \+ _' R5 u/ C- D
var contentHeight;
( G8 e0 @+ z2 x' W: ]var maxBallSpeed = 50;
& I& _0 F9 y6 `4 l  ]% _" ?# F6 J4 F9 x, I7 a+ S! {
$ Z4 J% R/ i/ t$ J& l5 }1 |
var xMax;) v  u& O6 e- x8 Y, Q
var yMax;
/ B/ X" w' E. z: evar xPos = 0;; N  |+ I8 R, l. L
var yPos = 0;
' F9 I5 ^$ d4 |* ]' q+ ^var xDir = 'right';
* u+ u0 R: Q2 ]6 j$ e' ~; T- t' Kvar yDir = 'down';7 G/ j& x- ]7 \
var superballRunning = true;4 v3 N5 @! _6 _& A; c: y
var tempBallSpeed;
- _1 A$ x9 X# E2 m5 b6 kvar currentBallSrc;+ m* T  ]. u! S( z3 y
var newXDir;- A. r' C* q- z9 f) R# x$ j
var newYDir;
& E. h( l2 P& R4 {: J2 @9 \9 w1 P& a' ^7 Q5 a: z
function initializeBall() {
  r" F8 ?' [9 k6 N$ w) v   if (document.all) {
3 V0 Z4 R+ W1 c. p7 B9 R, A: n. V0 [; z      xMax = document.body.clientWidth
$ k' Y  ~$ F) w) d% k! Z$ o: ^& J      yMax = document.body.clientHeight* ?/ g! @  g8 G; z
      document.all("supertext").style.visibility = "visible";
& [$ s% }; F, a* k% M& |      contentWidth=supertext.offsetWidth* t% N# }* X) Y1 b3 B
      contentHeight=supertext.offsetHeight6 T7 p& d, h% {; z" s
      }: h" B+ x1 a" E- K* O6 T
   else if (document.layers) {
9 Y+ G0 A6 M* \9 y+ @      xMax = window.innerWidth;
# G1 }: X1 f& e. ^! P      yMax = window.innerHeight;, n' x' W! R& ~& s2 O" S, V' R
      contentWidth=document.supertext.document.width) ~! w7 {, y; ^
      contentHeight=document.supertext.document.height% I3 d: ~) E5 ]: Q7 Y8 y5 k
      document.layers["supertext"].visibility = "show";
4 x8 x- O) H( b" ]( X3 @      }  f% j: O# @# M, ^+ o  `
   setTimeout('moveBall()',400);
6 b1 D: S8 _) D   if (hidetimer!='')  Q+ C: B$ P+ g/ s% U) I! U1 A! L6 [) O
   setTimeout("hidetext()",hidetimer)9 X3 |* Z: u4 N* {: h" n8 t2 t
   }
. X6 n4 k+ C2 L, ^( z" T" V6 @, z& H
function moveBall() {
7 u* z) m+ ~  ^  q. q2 ?. w   if (superballRunning == true) {" a4 ?% d; |# d" y' m0 V
      calculatePosition();
& q% U0 |7 m8 R+ I/ V3 R( p* b      if (document.all) {
( ?8 |: W& C4 Y" x         document.all("supertext").style.left = xPos + document.body.scrollLeft;- P) e/ R& l0 t' w, Z. R
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( F) c( P) G; k; T# x* @; c         }- K/ n$ J7 L7 e0 \4 a
      else if (document.layers) {, i! T4 ^9 ~7 @7 s7 z( Z% s# T
         document.layers["supertext"].left = xPos + pageXOffset;( E* i& `; l# ]* [5 M1 v
         document.layers["supertext"].top = yPos + pageYOffset;
2 M: u0 J8 @0 W6 _' T2 L         }/ g5 [  w( J' D2 i. V, S0 o
      animatetext=setTimeout('moveBall()',20);
, r% [  y) p' U      }
# G) h1 l1 @4 {; @1 k1 y. \   }
4 |1 z1 C* L$ E
8 P( Y$ I- ?8 x' y0 W2 y2 d. o3 {function calculatePosition() {- Q6 Q4 `5 \7 y& f" z4 Y% n
   if (xDir == "right") {" t0 @/ A- G* j3 v0 k. F
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 d+ u$ `+ L' s$ Y$ q; W6 s$ a6 z         xDir = "left";
- @; r; P4 O; G         }( o. W: l  Y9 {) t
      }
/ S1 W2 t  }+ b3 [$ E   else if (xDir == "left") {
, t% {0 o" q0 p2 n$ Z0 u) D      if (xPos < (0 + BallSpeed)) {
7 |" \9 i( Q/ @9 L0 B) s: b9 E3 H         xDir = "right";
! U% U& r/ `4 w' D  X( G* k3 [' h" ]3 H         }' [1 X( B6 Z* o9 E, J4 {
      }+ Q9 R; h5 f2 u; y. p: j# Z
   if (yDir == "down") {
) E: Q' Z+ M) w. z! T3 F+ V, N  S      if (yPos > (yMax - contentHeight - BallSpeed)) {6 N& c0 F! D& U3 j
         yDir = "up";) N7 v3 R9 ~! ~, u* V! \) o+ F
         }
6 Y- {" Y3 Y$ Z+ N7 d0 D: ?# u      }8 h& V! B* x% p- o) s  E# U! G
   else if (yDir == "up") {
$ z0 z) s. d( w' ?3 q      if (yPos < (0 + BallSpeed)) {
+ C- ^( A+ a8 I7 F4 l! w         yDir = "down";- V0 x% A. {/ |0 J- B
         }. k9 T9 K. R" m5 }
      }/ K: w/ \3 M, k
   if (xDir == "right") {/ e5 S- P1 l7 r" T& N; d* ]1 v
      xPos = xPos + BallSpeed;
4 M5 _* V, ?, x1 }& J' H# d5 g* `# F; A      }
; C( f, K3 _6 v. E: p9 s+ V   else if (xDir == "left") {
/ o7 m3 N5 U! g      xPos = xPos - BallSpeed;, Q) h0 l( T4 i' l  T$ ^
      }+ K( J! t8 C. N/ d, M! n
   else {
+ n, C$ ~8 ?( I  }. g  d. O9 t      xPos = xPos;
0 X4 H- ~8 X7 n      }
+ S/ ~; i: }2 O* {   if (yDir == "down") {: I5 I: X4 V* h- q' @. b6 f  ~
      yPos = yPos + BallSpeed;
- s# W" t  Z* ^  x/ s9 h) p      }
, `% b1 b+ B. f2 r9 j* k   else if (yDir == "up") {1 O" G2 N2 Q1 P5 o3 t$ l" V
      yPos = yPos - BallSpeed;
* {6 j1 F6 t4 c2 ~" S1 }      }
' o+ I# v& v/ H" `   else {& s/ l7 F0 f+ T' \4 L
      yPos = yPos;: b6 R5 C8 p' X2 @' w5 P  i
      }6 L/ Q- d* [- v4 @! b: }& ?) U5 C
   }6 V3 t$ u, u  v7 j0 D0 F

$ E; e/ F1 V3 x# W" c/ wfunction hidetext(){: Q" t% ?3 Z1 J
if (document.all)' h7 a; O8 r/ s- Y' X( j' s3 l$ E
supertext.style.visibility="hidden"
  \, v3 t( V; @2 O9 Qelse if (document.layers)2 X* n4 M' v. J7 {
document.supertext.visibility="hide"/ f2 v- I. r5 g0 ~% F
clearTimeout(animatetext)# Q& [5 s2 m  M: q1 F6 b
}
/ u' {! r% U2 y( H# ?& u% }" E
$ B' e, b  R0 \: X) a3 }if (document.all||document.layers){8 P4 `; z* w1 [6 Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! H3 H; _3 N" L# g% V' \window.onload = initializeBall;
! o: d/ C) ?; Z/ J' {5 N3 M6 qwindow.onresize = new Function("window.location.reload()");
& q, c$ ~, B2 D  s: q! U0 l2 k4 i/ e1 b}9 e2 h' @# I+ i% z/ d2 C% q7 h/ X! L6 N. ^
2 ]0 Z6 N+ a2 K7 V$ U* a" v3 C
</script>