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

zw2004

<style type="text/css">
* v0 v0 T8 H0 j2 _9 k' m( h#supertext {
2 c& ~9 X5 i6 g  Gposition:absolute;- ~9 t) `2 E, z+ N+ S" }
left:0;2 m, |& }, j1 Z) T& |. X8 g# o+ |
top:0;
3 x. n" H1 l6 i& _8 uvisibility:hide;% z" {- _6 ?. E5 u  o$ h( ^
visibility:hidden;2 U* L1 O% L  }8 O% R! K& r
}% g) n# c  {2 x! @2 b
</style>3 I5 |, B$ b3 i; o7 u5 v  Y
<script language="JavaScript1.2">
  U, i+ v/ V/ `$ D7 u6 T<!-- 改变下的字体的大小。颜色-->
& s8 L5 O; {# F, l" z! Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' F7 e6 i8 m5 D6 j3 W/ Zvar hidetimer='';
  k0 G7 B! k( }* [# [7 ^+ L<!-- 改变下的弹跳速度-->; |# z- _$ h$ t
var BallSpeed = 20;7 n/ Z; |# p5 q1 X
var contentWidth;
7 ?2 I, E- V7 Q7 r  Gvar contentHeight;
/ r. V: ~3 u$ e: e. M0 vvar maxBallSpeed = 50;9 W: m0 p: J; K* K9 l/ S9 d
4 _+ N  m: w6 R% c
8 f3 @' ]3 O( C5 t' ]: D
var xMax;( W) H) I: ]& L" L0 o
var yMax;
) O9 D, h) L- ~" L0 x  |var xPos = 0;
6 S% `2 O3 A* ^6 ]8 o, ~7 Hvar yPos = 0;
* C- J; H& l9 j4 U0 t& Kvar xDir = 'right';
  X" ^4 l5 k# qvar yDir = 'down';
" j6 d" O% G: Vvar superballRunning = true;( z. Q2 f' b  [' V# V9 G
var tempBallSpeed;
7 N6 G" Z0 `: j7 E* @var currentBallSrc;" S7 O; I5 m; ^2 H' [) S8 G- F
var newXDir;/ r) w/ f3 J* C
var newYDir;
2 ^9 h6 O5 w# r8 _
8 W2 W9 I  z; R# E- gfunction initializeBall() {9 p5 N# a' I7 b% s4 W
   if (document.all) {% [7 s/ l$ t, C
      xMax = document.body.clientWidth
( @0 z5 S1 ?% Z      yMax = document.body.clientHeight
+ J+ k# w7 W, I7 `1 u      document.all("supertext").style.visibility = "visible";5 ^9 y' T. |3 P: H0 H/ N+ w: h4 {
      contentWidth=supertext.offsetWidth* I( V2 G- I9 g) e: Y/ _. a( c5 @7 \
      contentHeight=supertext.offsetHeight4 x2 X4 q. T5 f+ r) g
      }6 F) K1 u/ f( h6 f  O
   else if (document.layers) {; M  Y* g% u. N2 o% m8 @
      xMax = window.innerWidth;7 Y; j0 l! [8 A% A  j* F
      yMax = window.innerHeight;- ~7 r( l" V8 p, B. p0 u
      contentWidth=document.supertext.document.width
6 T" C' @5 r$ }; ]      contentHeight=document.supertext.document.height' g+ R  p  }3 V8 w9 W
      document.layers["supertext"].visibility = "show";) @& }0 _- G4 a/ P
      }
  X# D0 `. J, V3 B( J( i   setTimeout('moveBall()',400);5 O2 y; q3 S$ [
   if (hidetimer!='')
. ^, X( X( o9 m+ \' Z   setTimeout("hidetext()",hidetimer)
! t$ v. k8 y$ X   }
5 X8 C) W+ h& [8 h! ?: B) r7 U% I4 h( {- G% u7 C2 w; N
function moveBall() {8 Y+ |( S+ B- U. u
   if (superballRunning == true) {5 d4 F8 v) i- k/ J( t
      calculatePosition();) r6 J/ d  Q# j1 V$ n
      if (document.all) {
) I* t3 F5 r. r2 Y9 ]! E4 N         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  u( g; [6 y- Z  E5 o8 ~         document.all("supertext").style.top = yPos + document.body.scrollTop;) J0 b$ D  p3 {: G" i
         }
0 _/ c2 h4 }7 M  [- k      else if (document.layers) {$ Q- C4 r3 Y7 U! D( \, w
         document.layers["supertext"].left = xPos + pageXOffset;
2 {, e) y9 p; h# ^; U2 J4 ~7 u         document.layers["supertext"].top = yPos + pageYOffset;+ G" h" U& ~; U. O' L
         }& ^3 D6 X# `! J3 M1 m) o4 T
      animatetext=setTimeout('moveBall()',20);
2 ~' F3 }8 O' l* u( [      }5 l  j) E! A, Q) o5 g# Y2 g
   }; X( Z2 A" v! n8 `# d/ h& O

, g: Z' N8 B, F/ @% Lfunction calculatePosition() {
# F( E$ H8 d6 h2 a   if (xDir == "right") {
- J( T* k4 R5 X; C      if (xPos > (xMax - contentWidth - BallSpeed)) {3 H& ~4 E$ `6 J) N6 _
         xDir = "left";
( I7 T' I" b. }$ ~1 Y0 [& e         }
+ Z( F4 B, Y1 z, ~/ ?. A6 [& b: y      }
7 F( E& ^9 a! T4 P  ~( c# W   else if (xDir == "left") {
: E$ F& W" l* G# C- y0 P4 y      if (xPos < (0 + BallSpeed)) {+ Z, d, {0 l& Z- N* ]. A
         xDir = "right";" J; P. o6 G2 H8 q4 w7 d
         }$ I7 r, k7 Y& D2 p' Y. [
      }2 F: B% @1 D4 [! |, O# E
   if (yDir == "down") {
7 I# D* F. g+ |7 ^- d, S      if (yPos > (yMax - contentHeight - BallSpeed)) {
. D/ t% }! L1 h6 _: N1 ?         yDir = "up";; p! T* s4 o. Q- j6 K0 k3 H/ ]5 v
         }( g) u4 ]2 A4 f% P) N
      }
: m5 p3 u1 p8 Q) N. Z, o   else if (yDir == "up") {: L5 E' m. N) |( l
      if (yPos < (0 + BallSpeed)) {
. L  U' x/ X  T- `) j         yDir = "down";! a5 D6 p& B2 D7 a' R# ~9 e
         }1 |4 |( H! @" M+ S* Z: ?
      }8 D$ x' l" j/ w( e$ O
   if (xDir == "right") {
1 r/ Q# W2 p( t! Q% a8 ~      xPos = xPos + BallSpeed;
8 Y/ M0 I: l- l: h7 ^2 M' Q6 j      }- I+ G) H+ C+ v2 G- ~5 M6 c
   else if (xDir == "left") {* p; Y% `+ Z; P  L* p4 n
      xPos = xPos - BallSpeed;8 [7 Z: \$ @) r5 X& P6 Z7 U
      }7 r# X6 ]6 J* L" Q+ _! E: p
   else {) {1 [7 O. K) m+ }- n, M7 W) z0 k
      xPos = xPos;+ [" O: ?' v( t
      }
2 s9 j- c; s5 I   if (yDir == "down") {% }4 V, U. g0 \( @
      yPos = yPos + BallSpeed;/ Q' P" W0 a/ o: _  ~6 S6 C( ^
      }! J1 j0 _. G; m! b6 ~0 ]
   else if (yDir == "up") {
8 E! V( _# d8 g( }; i      yPos = yPos - BallSpeed;
! u, H& M! f) @3 Z1 r" I      }' e- |" ~/ N- A( M5 q( ]
   else {# F6 L+ B7 B# x& X, q
      yPos = yPos;" k# Q- N' l4 [1 @$ \
      }2 M- W2 x* S/ [5 O
   }
1 A$ H  _: A' x* `
0 J, T+ ]3 {4 Zfunction hidetext(){
! }1 B/ Z4 G/ R( |4 ^if (document.all)# d% N( L. ?2 P- }. I  S
supertext.style.visibility="hidden"
8 D6 c2 j% A- H+ Zelse if (document.layers)' @8 C" p; m/ V& k+ F
document.supertext.visibility="hide"& ?4 E5 I" a8 y
clearTimeout(animatetext)
; B$ g: P6 `4 C5 R: n9 O}) J9 O; y6 n, f$ T; I
1 d1 ]2 ]# ^/ c+ O; V& _
if (document.all||document.layers){# v$ y; ?* }+ |6 n* `# L; ?2 @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 f3 T# U9 Y+ ~) r/ \$ Z9 X: E8 Y
window.onload = initializeBall;
* W) _5 @  C; _window.onresize = new Function("window.location.reload()");
: I5 d4 P* y+ h* c1 O}0 @" C. [% r/ c. g5 J$ X
$ \$ z0 \! Y# H' T8 x# |. [1 q
</script>