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

zw2004

<style type="text/css">5 f0 W4 x% m( {: v7 f
#supertext {
. u. w" A. n% H  d- Uposition:absolute;) G+ h% ~1 k$ W& z+ [' t; K& q
left:0;# b8 U' H7 I4 U9 `* W! S. e5 L
top:0;
- {2 _$ N1 n" V  U9 q% O3 lvisibility:hide;
4 s: K( o2 P1 J% ?+ S6 x4 kvisibility:hidden;
$ k* C0 S0 ?+ y}$ [! T% s, l& p
</style>" w0 F& ?! v* W
<script language="JavaScript1.2">
3 x1 \7 x7 i6 @# ^# C3 o4 @<!-- 改变下的字体的大小。颜色-->
- N8 m# H4 \4 R7 {# S$ D; m/ B6 J' _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  ~0 q. E, Y% j2 E1 D+ ^var hidetimer='';0 c  F4 s1 {! ]" \2 q4 }1 S
<!-- 改变下的弹跳速度-->( ?) T& O- ~; Q: k/ p- }% j( j2 {' V
var BallSpeed = 20;, f, N9 j3 g" U( E; }! h! \
var contentWidth;7 |+ m5 r' Y; P- Y
var contentHeight;: I# `1 Z  }2 ]9 Q( \4 {* A
var maxBallSpeed = 50;! ]1 _* i% D0 j( ^, S' T

) J7 s' D& ~* c3 D: l' S5 y9 b+ R, M  D  g  i
var xMax;3 H. _9 g8 Z, W  @
var yMax;- a9 B( v% W( Y
var xPos = 0;% [; Q( s6 P! h4 L7 H( C3 E
var yPos = 0;9 H  w8 F& g6 Y. k$ T' e) z
var xDir = 'right';
# E9 ^4 l8 I+ y3 v2 y) vvar yDir = 'down';
1 h/ [  a9 s0 l, Pvar superballRunning = true;
/ D  }/ F" r) \# t7 x  Z: w6 lvar tempBallSpeed;
. Q  }) ~( [; D3 e9 X0 E* evar currentBallSrc;
; i7 S8 w2 g+ [: }  g; o7 S- wvar newXDir;4 X5 B3 [7 W7 p9 O6 c+ P
var newYDir;
& E/ \; i, T0 h2 o: d$ |$ w9 T, ?$ t
4 P; ?" M, P& ^- u" t0 \+ @; [function initializeBall() {9 j! N3 F& A! t# ]* k( D# z
   if (document.all) {% t  h9 h" [2 H4 C
      xMax = document.body.clientWidth
; O4 _) Z/ ~5 P: Y& x% E2 f# _      yMax = document.body.clientHeight- s: F+ x' f) N3 K* k- x
      document.all("supertext").style.visibility = "visible";
/ V% b/ Q% q0 P3 N7 Z      contentWidth=supertext.offsetWidth# m. z) r& S  D$ @  i
      contentHeight=supertext.offsetHeight
) l9 s7 V, W+ V0 v3 O0 A; A! Y      }
% I4 f3 Z7 e* A2 s   else if (document.layers) {/ e8 J& F9 w) V& L
      xMax = window.innerWidth;$ O1 R& a) w! S1 v, d
      yMax = window.innerHeight;; r8 i+ _3 T$ E) F3 I
      contentWidth=document.supertext.document.width
8 q3 e& `# O2 w  g9 C      contentHeight=document.supertext.document.height" [8 M; y0 H! R6 c
      document.layers["supertext"].visibility = "show";: X4 `( c6 O2 ~# V; l: @7 b
      }
9 L) j5 G7 G9 k: |5 j9 ^6 v: H   setTimeout('moveBall()',400);4 ^  x2 s' F, y3 s: C- A
   if (hidetimer!='')4 O- @: Z0 z% ~
   setTimeout("hidetext()",hidetimer)
. x; o& O7 ]! V   }
( E# U, Q3 s. u! Y2 t0 Z: B1 M. d' V0 y5 r
function moveBall() {7 ]/ t% S# s9 i$ ~6 j3 k: f
   if (superballRunning == true) {, {0 n8 c5 N( }& y5 k
      calculatePosition();& R6 e& N: p# x! Q" i
      if (document.all) {
7 ^( W5 Y3 m6 m7 g1 j  l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 `+ b* z. P7 h- C6 I0 J         document.all("supertext").style.top = yPos + document.body.scrollTop;2 \. m' A$ x9 Y% H- L0 @
         }
3 ?' b- u1 _0 d4 W) V2 z      else if (document.layers) {
* L6 P* o4 l4 n& Q         document.layers["supertext"].left = xPos + pageXOffset;$ _2 Q/ x# ^, z; W1 X
         document.layers["supertext"].top = yPos + pageYOffset;
' m: R3 }, I" b8 N, d& |7 J         }' A# ]3 ^( U, p# a1 Z
      animatetext=setTimeout('moveBall()',20);
3 {+ i0 p! g6 {- ~      }
7 ?2 ]0 o% L* E$ p; b. y1 v   }; I( |; n* g( r* t

6 N5 U+ H& D  c) |- Jfunction calculatePosition() {
3 d' k9 i- `% O) t; O   if (xDir == "right") {
: i/ \7 Z% B. Y) }6 V$ v* @      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 [/ Z0 A$ \. N  c/ I5 {+ t         xDir = "left";, J6 i" {8 f! d5 L
         }/ J4 r  i3 _2 V! |0 Q$ U) r
      }# x5 f4 m( P2 ]# q3 H& t
   else if (xDir == "left") {
. b# g$ N# y. `9 t/ U      if (xPos < (0 + BallSpeed)) {9 p) \% ?, H) L' d, H( U3 c! `: [
         xDir = "right";, Q4 ~) `2 N% o4 d) n( q# o5 Y) q
         }
  E+ Y! C" Q! `$ X      }
/ R% W4 n# J+ ~* E/ G3 F   if (yDir == "down") {6 r& H7 B2 n7 r* j
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& `/ x1 n5 }8 i! q& n         yDir = "up";
  ~0 B+ ~, n4 Q. v         }+ d5 y% ]6 t! V0 E
      }0 U; d0 s7 S( F
   else if (yDir == "up") {& Q# |6 Z; Y! r# q% I8 c5 {, A' V
      if (yPos < (0 + BallSpeed)) {
* b, c3 R. b9 D6 `5 l' Q         yDir = "down";
/ A# Q! |4 X0 W8 B- M& p$ Z         }  f$ y/ i! x6 l7 T
      }& }& Q9 j# E1 k3 E+ b
   if (xDir == "right") {
+ q9 e( O. w7 F! b% B3 [2 W      xPos = xPos + BallSpeed;1 p+ {' A. m+ N
      }4 _' G/ V+ V' ~" L5 V
   else if (xDir == "left") {: ~7 n$ z2 p) Z- b
      xPos = xPos - BallSpeed;
" c, c  c3 I5 b+ U      }
0 Q6 T( S, y5 o( f/ s, G; U   else {  f% F# H5 B: s1 H  F  x
      xPos = xPos;
' d. r5 V, f8 K      }
. V2 ^$ L+ V' @" R   if (yDir == "down") {; I# ~- ~- z$ b, M/ i
      yPos = yPos + BallSpeed;+ z0 F6 ^* ]1 u' A9 {
      }
3 m) y( u9 ~2 r) j! P1 Z; b   else if (yDir == "up") {
5 z1 L9 p! J! ~% K3 l7 F, b      yPos = yPos - BallSpeed;1 \. H9 I0 C6 b8 a& Z" k
      }; y. O6 g! h% d# k
   else {' Y8 H% C8 a; d# d; Q
      yPos = yPos;
! d9 U! P1 X, `& ]) A      }  x2 U* x9 G9 `, X! c
   }
* C6 \4 Q7 i2 q/ P
9 m- B5 E4 E1 L3 L' E% G6 ~function hidetext(){6 N2 i9 v9 g  t+ l
if (document.all)
& U7 P) v; s( i4 Tsupertext.style.visibility="hidden"$ M) G9 n$ P; I! K  B% t
else if (document.layers)
; g0 ^4 f8 j: u  l1 Hdocument.supertext.visibility="hide"
" t& R3 M8 J, i, V3 fclearTimeout(animatetext)
3 D8 R1 C" t, t8 g  }/ ?; b}
$ P$ G) d! k) G& e
& h+ O$ k& b. Q* i( kif (document.all||document.layers){5 ^  l8 M$ e3 H9 {& u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): p1 p6 [6 S" p. v- H8 _6 t* r
window.onload = initializeBall;
8 B- ~% Q! }' C: z. l: xwindow.onresize = new Function("window.location.reload()");
  X  K# @% E5 M& \+ p; v8 q: k" a) j4 z}
# P( Y- R# ]+ k$ s0 o/ Z* K% b5 ?* [* y' I  }5 z3 [: }
</script>