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

zw2004

<style type="text/css">4 X6 K. H2 N7 Z3 n
#supertext {6 J8 ^# E% ~8 O9 O" R5 P
position:absolute;/ D- ]% }1 o- w' a
left:0;
$ a+ s! @. C( n7 i9 W  Dtop:0;: q; i! @% j6 n- j
visibility:hide;% Z7 b* y9 m" a% A* @+ L
visibility:hidden;
/ F$ d9 J# v6 ]; H$ D& x}
! O& l5 k6 ]1 Z/ y# G2 e</style>
4 a2 E$ x/ F! M3 {<script language="JavaScript1.2">5 Q2 z6 @: r4 F  D3 g3 _# l
<!-- 改变下的字体的大小。颜色-->4 _+ c7 \; W0 y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, s' f) O* W. K1 Wvar hidetimer='';# C+ t( d* L) H
<!-- 改变下的弹跳速度-->
4 D$ Z# M9 o. m% c% xvar BallSpeed = 20;
, j7 l% G% L( W% A! a2 E; ^var contentWidth;$ A; b  K1 X% i7 S+ e
var contentHeight;
7 b2 W& e# G  ~5 j& z* |var maxBallSpeed = 50;) P+ J, ^( {7 x! ?* T! k! F- A
6 Y/ T( c% {  a' C
3 u! c8 x8 H3 ~( v' G; x
var xMax;; P4 F5 B, ^, n' e* Q" t
var yMax;; I7 N% D# v6 y
var xPos = 0;7 O& |/ G3 y9 }+ r0 S
var yPos = 0;
; K" n4 Z" z4 N6 I# p. |) zvar xDir = 'right';/ B5 d0 d) ], f, k& e5 F
var yDir = 'down';
* k2 y0 a) S9 V. ?9 z6 ?; Uvar superballRunning = true;
( y4 ~- q4 i3 V& ^. _var tempBallSpeed;9 j6 T5 M; a& U3 X# [6 {: F
var currentBallSrc;- l- |* E9 K0 [0 I0 M0 M, {& J
var newXDir;% {- C1 ^/ g+ I# _! ?
var newYDir;: [0 a0 [; q' p( O* D; S9 y

6 k7 c& z% Q: }' c6 X" s, Tfunction initializeBall() {
' n+ ^/ j4 f+ Z% C3 ]* S5 K' b$ G& v; [   if (document.all) {) J1 H( R  ^2 L. I* w- P0 R
      xMax = document.body.clientWidth% u: O! Y7 k8 M  O% o( w
      yMax = document.body.clientHeight2 A+ e# Q' r' Y! L+ |
      document.all("supertext").style.visibility = "visible";
! s0 `5 {0 q5 a% l$ ?# {      contentWidth=supertext.offsetWidth
8 P2 S/ D8 o  B' s, ^- A) P' a      contentHeight=supertext.offsetHeight
  K9 e; t# `5 q- z      }
5 z7 O- `* @1 X' y- g7 C- j   else if (document.layers) {7 M" q' k; O/ }6 k( i
      xMax = window.innerWidth;
, V& a: y; l8 I) J9 P      yMax = window.innerHeight;
2 _- G( y$ m  G9 G& G1 g( O$ N0 \      contentWidth=document.supertext.document.width! @0 A# b5 J  U+ F# Y, G
      contentHeight=document.supertext.document.height9 F  G2 _. I$ }# K. ]- Q' j
      document.layers["supertext"].visibility = "show";( a7 k3 s+ i! q
      }5 r. h1 _/ V- L, l# i8 n
   setTimeout('moveBall()',400);. ?. D  d" q0 y6 A6 `
   if (hidetimer!='')
) H1 p7 |4 k, I   setTimeout("hidetext()",hidetimer)) G# E8 O+ `% X& J* ]
   }. _: C1 u2 t' j5 i! k
) l2 W/ z/ [) w
function moveBall() {# M" h& O+ O9 y3 l8 R! e9 r
   if (superballRunning == true) {& l! [3 F. P, f
      calculatePosition();
# Z0 L7 z- b4 W( O9 Q      if (document.all) {8 G3 S) n) g' Z, t8 s/ P# J% M
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. b; [7 R0 @. u; q$ B
         document.all("supertext").style.top = yPos + document.body.scrollTop;
# p; k' a# i3 z. y% q7 c) U) s         }
9 m$ e6 d% T% E1 O      else if (document.layers) {, g' J/ t) ^1 d
         document.layers["supertext"].left = xPos + pageXOffset;
6 n7 k; G' o; U  ~# N# e         document.layers["supertext"].top = yPos + pageYOffset;- R3 |) s+ j: I7 F( |* m- h
         }
0 [' j' p3 ?8 G, p0 h. C. u      animatetext=setTimeout('moveBall()',20);
+ a3 p9 U3 z. m9 e      }  c+ j1 n. l% w$ t( i
   }
! f# ?2 S3 H6 [7 ~9 T
8 s4 V# E- s$ l/ Q3 ~function calculatePosition() {
+ Y; T1 w+ X/ T: o   if (xDir == "right") {
& d) [6 n" g  |, n! w      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 m2 m3 I, N- Z8 m8 J2 q         xDir = "left";3 F% D* _$ i! d6 p9 w5 R  c
         }
* Q+ A$ O0 i! I" V! V      }
: n8 @/ A: u$ p9 P* f   else if (xDir == "left") {
9 s8 ]6 M7 x* g' Q      if (xPos < (0 + BallSpeed)) {
" O0 `; }7 p, e: g6 B         xDir = "right";
4 F  k6 K7 C: q3 ^) V- E8 v4 F1 S% S         }1 N+ \& G/ I: x& z
      }( C( w1 V, r) m2 \
   if (yDir == "down") {6 i3 u3 U( U2 ?- T4 L6 p1 o
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 X2 e0 y5 D) D) b1 _- A0 K  g         yDir = "up";9 B% Q+ y) H0 @" F9 p5 I( R" Q/ [
         }
  B6 c" B" ~/ F' L% y( v      }, H4 Z( R# B, \& ?6 ~
   else if (yDir == "up") {
4 K/ V/ l4 E4 L5 @7 a8 n5 r8 J      if (yPos < (0 + BallSpeed)) {
7 k7 p5 V5 M9 N         yDir = "down";
- ^1 ~6 ~0 H# n* K0 b' X         }0 }& S8 o2 i) t& c) L: \4 N
      }
/ X9 o; ?, j6 B% B3 h- p   if (xDir == "right") {
4 m& N  R6 H- i* ^      xPos = xPos + BallSpeed;: K- n- M* s8 _$ K
      }, Z) H9 j: C7 X7 u
   else if (xDir == "left") {
9 S( C+ a3 C, H/ O6 U: l( f# \      xPos = xPos - BallSpeed;1 A+ H: z# c7 m- N( Z
      }
% P8 i4 a: r% u# J: y( i/ R8 \   else {
% Z' K* S) h; f& K- f4 c% H* i      xPos = xPos;, ?: \' z/ z# S* a+ F
      }% R" G1 o$ \) M* U- U0 |
   if (yDir == "down") {
- {" ^3 i+ O3 D2 l% [  v8 X6 m+ x      yPos = yPos + BallSpeed;
$ D7 U6 t6 J  `+ e7 C      }# r$ V) E6 R2 z: j: U3 `
   else if (yDir == "up") {% ]) B6 y6 C' W+ {& p- f
      yPos = yPos - BallSpeed;2 V9 f: P6 [; T* D3 E9 r  n$ P& X
      }
2 \( B( O# |- _   else {
- g. W5 H4 x8 T. \      yPos = yPos;
0 J. y& O! b1 n3 C8 _6 ?, u" _      }( ~0 Z7 S8 a$ S% d
   }
1 z% @7 v4 b8 ^! f! e/ D
+ G) f) t4 k( D1 x! z- `# m! Vfunction hidetext(){
& y/ k' b6 l, N+ wif (document.all)
3 W! n# k* M1 i" M  zsupertext.style.visibility="hidden"
, K& x) [: Z6 lelse if (document.layers)
* a1 N" E  K5 S/ \( m# q) q9 G( i) Udocument.supertext.visibility="hide"; b, k/ f" Z! q0 E' T! M* I
clearTimeout(animatetext): F+ U4 c; J' I+ q
}
. ^( h; G& F( \% e! a4 h1 n; T
. b  r5 y( l  B9 q( n, x9 xif (document.all||document.layers){, f' F* |6 a7 F* a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 P' [* K* Q+ j# A5 r
window.onload = initializeBall;! m0 s0 t$ B6 {# m) Q
window.onresize = new Function("window.location.reload()");
. _3 ]3 s" C% o, m}) `* L" D1 {- _7 h. S+ g6 ^
" Q2 |# z: h& @" Q! J. [
</script>