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

zw2004

<style type="text/css">
0 L6 s* P9 e. C" G% U# \#supertext {! H# Z# x* i; N) H
position:absolute;6 G, L" `  t* s1 Y) `
left:0;
8 t3 \! L- f& I( P. ?top:0;( r" T0 n, Z  y  c
visibility:hide;
) s+ K& W0 ^' g# ivisibility:hidden;  P1 z( b7 j0 ?, K9 Z
}5 B* B- v3 W; B8 a; B( z- g
</style>9 |4 m/ k1 f0 h8 B2 P
<script language="JavaScript1.2">
8 D( @9 \& m/ [. |5 i# ], o( Q<!-- 改变下的字体的大小。颜色-->
# |  r$ u2 V6 Q) ?0 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' S  R  ]/ U& i3 E# f& y
var hidetimer='';) b4 a% R# L) I9 N$ I6 z
<!-- 改变下的弹跳速度-->
+ w! Q  u3 A" jvar BallSpeed = 20;, n; r; b  W) b) q7 U; g3 z$ P
var contentWidth;
- o9 D! Q, @; e; S5 }var contentHeight;
( ?' u+ ^. C/ lvar maxBallSpeed = 50;6 Z7 J9 w. u  k
) V( z  {3 t+ B/ O/ [+ m$ t
& p7 E7 S) v, W& j0 b0 T
var xMax;) d6 H, a1 u/ n; L
var yMax;
$ [7 v( E0 e$ B4 F% M" ]" v1 P) Svar xPos = 0;7 D2 R% M1 D3 e% ^0 q! n
var yPos = 0;
. U4 v" A# \! Cvar xDir = 'right';, i: x$ \/ M2 t: |- k
var yDir = 'down';1 N  j2 Z( j4 U/ w
var superballRunning = true;# I. z% J; n! k1 }# R
var tempBallSpeed;8 K8 O0 _$ t9 g  l
var currentBallSrc;
+ ?  V9 t6 S  e( g9 ~6 Y  Svar newXDir;
% l+ ^% Q' F9 z0 Mvar newYDir;
8 s9 E4 Z. _- A+ `7 S. v4 J  q8 S: B) {  X/ f+ z9 f0 `. _
function initializeBall() {
7 f& [% K" c5 k; E' J   if (document.all) {
' `! b* Z* V3 Q4 t      xMax = document.body.clientWidth
+ `$ Y) _4 q- Y0 D      yMax = document.body.clientHeight1 S! P2 ]4 j( y% K
      document.all("supertext").style.visibility = "visible";
" ~. @# C( U3 S* R      contentWidth=supertext.offsetWidth
- d; N0 [# i4 v% ~& o# q      contentHeight=supertext.offsetHeight. r' @. o8 B0 j4 j8 S+ M1 s
      }+ u8 F" |# F! c2 O0 ^
   else if (document.layers) {
, w$ i/ V' t0 J      xMax = window.innerWidth;
: a6 ^* a$ G  o! a( A4 X      yMax = window.innerHeight;
' J) Q3 y6 G0 I7 q      contentWidth=document.supertext.document.width6 }2 Q  r' J$ q  i. S" N
      contentHeight=document.supertext.document.height4 Y4 d. v/ J( p- y/ L7 h
      document.layers["supertext"].visibility = "show";) V4 G% V& Q# G) s
      }
" C3 R+ N* m1 L% h. R( T" }   setTimeout('moveBall()',400);
5 ^; @" A, Q- w0 l* B" M9 x- M- a   if (hidetimer!='')* J+ R' T/ Z0 |; E+ d, H+ E4 g
   setTimeout("hidetext()",hidetimer)/ U# o, E& S4 i& |
   }0 e; x2 l& ~1 `5 z* b( {- R" U

+ q; W% A5 S6 G4 Y* W+ p) pfunction moveBall() {
+ R: u8 V7 C5 N1 e: H: m   if (superballRunning == true) {
3 R' a6 X9 B" Q0 S" ?      calculatePosition();
' n' b% }; C$ O& n      if (document.all) {
5 I, y" z# O& f) H( o: X- |; a! M         document.all("supertext").style.left = xPos + document.body.scrollLeft;% K+ @! R8 ~, ]8 v- M# s
         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ g! q$ J* ?* H2 K" V% Z         }
7 k2 y( S2 i7 G8 W! u      else if (document.layers) {8 p3 q. b+ n; M  h) p: S% T
         document.layers["supertext"].left = xPos + pageXOffset;9 t; l  k. x/ A% u3 ^& A. l% d1 `+ ~
         document.layers["supertext"].top = yPos + pageYOffset;, U$ }2 B' O+ b2 q, E/ @. y7 V
         }9 F$ w6 ^3 O+ u# U5 Y& l& w
      animatetext=setTimeout('moveBall()',20);& h1 C4 m" m. [. [7 r- b
      }
' U. t: A; V" \; z) A   }' Z( U2 l' |' e" }6 u/ E
4 q* r4 n# @- A9 v
function calculatePosition() {, z7 ^! x: p/ C# r8 |
   if (xDir == "right") {
0 c& L* B/ T- `      if (xPos > (xMax - contentWidth - BallSpeed)) {
" O& G  }0 R8 k; G$ j/ [: h         xDir = "left";
  J8 }% X; |2 D1 Z8 ~         }/ {; D( q+ ^. P7 e7 V- [! L, f
      }8 a. k4 J" x; \% i) e! A1 T' e  h
   else if (xDir == "left") {
7 w! J2 q# A8 _# O      if (xPos < (0 + BallSpeed)) {2 C  t; j* B) \- q4 n: ~
         xDir = "right";& Q5 s$ l6 L& z4 c* F* v' p4 R
         }
% G8 C1 d& L$ [! r0 |& f" Q      }
2 U" J& U; d3 d) P3 c( P   if (yDir == "down") {3 L$ V9 o( M" E
      if (yPos > (yMax - contentHeight - BallSpeed)) {8 f1 ^) b0 w( j2 F) p( O
         yDir = "up";0 d" c5 z, g8 t5 q* l
         }8 y; K! E. \8 d6 y7 r0 x5 f
      }
3 c: H) Y- G8 @   else if (yDir == "up") {7 P2 i" c# A* b) ]8 s
      if (yPos < (0 + BallSpeed)) {
) G% s  m/ \/ k+ ]         yDir = "down";1 L' s5 X1 C/ n7 `* I
         }
, n9 c7 z( e5 F4 J/ A$ }( ]      }
8 r4 b5 a2 h/ U   if (xDir == "right") {
4 T7 z  H) b. v3 y, H. W      xPos = xPos + BallSpeed;
  Q  J& |8 p- ]      }
2 I. Z6 T- p8 {, g$ j* [" }   else if (xDir == "left") {/ r( F# n+ Q6 k
      xPos = xPos - BallSpeed;
! ~' D, _6 {& N6 K6 K3 F4 E/ |      }
: x& X0 Y# q) ~8 b5 q! O! }, V& m, v   else {. W. x. N$ g& ?5 K
      xPos = xPos;' A9 U% t. T' @; n) `1 C5 [
      }
: T1 W/ U2 b1 O; t   if (yDir == "down") {
) @" i4 N% ]$ {6 y0 S      yPos = yPos + BallSpeed;+ X6 q# N1 \, j
      }; _' u& B4 R; M2 X1 w0 p. S
   else if (yDir == "up") {& O& k  B4 l9 Q
      yPos = yPos - BallSpeed;
$ }8 g$ r4 z% y- c; X4 Z& I% m      }
2 ?% ]* d3 Z4 z2 y4 ~; u, e4 p   else {
6 ?) P4 T/ d; g- `8 z      yPos = yPos;
7 h3 ~2 C8 T# G  r      }
( ^9 p2 Q4 [& R- m* r' u1 P% T   }
1 y  \' Z) ^  h5 {
& d+ S" I+ Q3 s$ c; ^function hidetext(){/ \+ g6 {3 G3 k1 Q! X; Y& r
if (document.all)$ Y' U, ~/ r* s+ G
supertext.style.visibility="hidden"
' a" Z% v6 v* @% A4 `else if (document.layers)
  d2 N3 y0 y# q" Gdocument.supertext.visibility="hide"
( D/ [2 t# o) K+ I6 \6 rclearTimeout(animatetext)- K# h& j, m% h. h$ h6 m9 m
}! V$ M/ ~% v* k/ |! y
$ m, g! y, ]  N3 T' V# V
if (document.all||document.layers){6 `% X" ?% p* h, ~: j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 ]; s8 k1 X5 r, C/ [7 q' V5 |( pwindow.onload = initializeBall;( T& L4 x' N- [5 C4 J
window.onresize = new Function("window.location.reload()");
8 Y+ X3 [5 B; o" Q0 U$ ^7 ~5 z}
& v3 h" i0 E# N7 ^3 Z2 P* B$ j& ~: J
</script>