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

zw2004

<style type="text/css">
( L% a! Z; B9 B, K/ K9 p2 I#supertext {1 ^! R3 L# j/ o9 R9 u
position:absolute;8 R+ V6 o+ r$ U$ m
left:0;; I) G7 ]2 ?  i, ^7 @
top:0;( Q& c& x3 ?$ Z4 o
visibility:hide;
! ]) f7 ^5 j2 u0 _! p% ~2 Xvisibility:hidden;+ N9 q5 i' z2 V$ g, T4 L# u
}$ X) L, Q9 k. ?5 t1 g5 J4 [
</style>
; p# z. _8 [3 L( e- H<script language="JavaScript1.2">
9 a1 F2 G( P1 V, _! D<!-- 改变下的字体的大小。颜色-->
$ `6 I% m# [! a' s4 B  n2 evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 `( f. p* z* M0 Q) [+ v- Bvar hidetimer='';
5 h- p- v. g+ S4 ?* [  A' v<!-- 改变下的弹跳速度-->9 Q( W& g. R3 I& j0 v% K) M
var BallSpeed = 20;
# `! g( O) V0 [0 evar contentWidth;
. u& m1 B. H1 X. Q( u0 Avar contentHeight;
4 z4 z0 q1 x/ ]5 Z# Lvar maxBallSpeed = 50;
; d" W0 ?0 k2 X8 ^  L) L: T; ?+ h6 D& ^; v* h7 u
$ Z1 W5 d: b  u! N  q
var xMax;1 h$ ?9 O) w' [% ?" s- F+ N
var yMax;( \# B0 q$ w: v( j# V( P! i+ [
var xPos = 0;
' ~2 H, N3 K' j0 a$ q  ?' I7 {, Vvar yPos = 0;- A4 `/ _) {; I& N5 K5 t
var xDir = 'right';* L- x  g/ I, y) G7 |! `
var yDir = 'down';% G6 k3 S( z3 v
var superballRunning = true;) z& Q" M7 d! [4 J4 g
var tempBallSpeed;  y) e8 U: F* G. h
var currentBallSrc;& x2 T6 J; ~2 G4 G2 ]: O
var newXDir;1 Z2 X, W# [) r
var newYDir;
8 E; ^. Q3 O$ p' {' C- h1 W
' T$ B$ V  c: d" T6 Qfunction initializeBall() {4 O$ G/ M1 S) i" s* X
   if (document.all) {
; }% e8 c, _0 G+ n/ n6 x$ [1 C      xMax = document.body.clientWidth  D5 v" g- S: p5 a2 w/ O
      yMax = document.body.clientHeight; R/ S; I7 P3 _" T( @
      document.all("supertext").style.visibility = "visible";5 w( h: `, f- M1 \- s; h* S
      contentWidth=supertext.offsetWidth5 f) }/ g) @9 m: X- C
      contentHeight=supertext.offsetHeight
; V+ E- e5 X+ |0 |      }
$ y: Y( J  A" R9 S1 ?4 b/ C   else if (document.layers) {
; I4 V6 b% I0 g% E1 O      xMax = window.innerWidth;4 Q+ J# i9 M8 w) h) u
      yMax = window.innerHeight;
9 h( D$ g; T8 t. [: e$ l- b      contentWidth=document.supertext.document.width1 l7 K5 a! W1 T' ^  R, g
      contentHeight=document.supertext.document.height
+ t! I8 X0 c0 S  X* D) _      document.layers["supertext"].visibility = "show";1 m9 w- M, O  P2 W; A# ?* ]. `& ^
      }) H" O2 Z+ H! k, f
   setTimeout('moveBall()',400);
6 B; U8 v7 J$ g0 w   if (hidetimer!='')7 V, E5 U1 I( f+ ?5 [" t* O
   setTimeout("hidetext()",hidetimer)$ c' m! y" _! H9 J
   }( }/ d" j3 W1 b1 b9 m, T

* n( [' h' D1 ~* J4 B7 Gfunction moveBall() {
- ?, V- q! H9 T/ ~& P" _   if (superballRunning == true) {
2 m+ |* w1 i* _      calculatePosition();
. \1 Y1 Z) c! o' ?! ]' ?      if (document.all) {
8 v0 y8 \2 L: I+ N/ U. G         document.all("supertext").style.left = xPos + document.body.scrollLeft;* a( i/ G) J$ f9 R0 {3 |3 d
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 x; l7 S* h+ ^' S# m* I; K+ r         }
; B" w* k1 G& m! I, |      else if (document.layers) {
2 O; V) O- q  j8 q         document.layers["supertext"].left = xPos + pageXOffset;! t" q2 N) n' B1 Y6 z
         document.layers["supertext"].top = yPos + pageYOffset;4 Z" m1 P9 R: w* v
         }( ^* t. R8 X6 y. {( U
      animatetext=setTimeout('moveBall()',20);
+ r$ I" L" ?% [. E- t- Q  O+ v8 @# k      }
" S0 r! s# e4 H   }
- G4 @: G% [4 S0 O' d3 L" r
  |. w7 O" B4 ?% u, D7 `4 Jfunction calculatePosition() {
; S- h% [' e, R* Q) Q2 H+ W: ^& {   if (xDir == "right") {# L( G) E5 [# a0 V) S4 x* ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {- O% {8 C% {1 a. b7 g
         xDir = "left";
& P& T3 f& [, G/ d# d         }( J3 ^5 A3 f3 q; m. L1 L
      }( G6 P. s7 ~; T1 O
   else if (xDir == "left") {, G' ^8 g! \# |
      if (xPos < (0 + BallSpeed)) {2 S/ R4 ~& O* }# e8 I+ e
         xDir = "right";
/ f' F6 I5 n0 E# k1 w         }
) f  ?, ~2 u& `7 j( O      }
' Z5 O: s0 V& c: n   if (yDir == "down") {7 [$ g# N; \7 E) t/ }; [% A
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 X% n  V  ^; I) K" Q- G9 c
         yDir = "up";
5 n- C  h  a. }+ `7 h; A         }
6 i6 A: c/ d0 T1 I1 }      }
, f; M( J! Z0 Y% |  [   else if (yDir == "up") {) H( U" R  o% D8 }& z
      if (yPos < (0 + BallSpeed)) {
2 i8 A6 c5 f/ d2 r/ y# e2 o         yDir = "down";
9 N1 f) a2 x  I# C; A8 D5 T         }
: U' v* A: Z% W6 Y/ ?! D      }/ T5 h  J/ R+ k5 t) o0 n7 [6 v
   if (xDir == "right") {
$ g" _; S8 R  w' N3 O# c) a4 M5 F      xPos = xPos + BallSpeed;% m" B6 L0 j* Q* Y; P! D4 ^* l  E4 b- ?
      }
8 U  B" B' n6 y7 I   else if (xDir == "left") {! P0 a" R5 L. n/ `: d
      xPos = xPos - BallSpeed;  ~9 m# P5 x7 {7 t( a  s/ G
      }4 M! q* @4 ~' f6 \4 {+ [$ \
   else {
: K) j" U; h; B4 Z4 j1 \. O      xPos = xPos;
9 Y/ g9 }8 B% o- H      }  F  h+ r( A! Q7 ~& c& g6 Y9 S
   if (yDir == "down") {' u6 c& x2 ~7 {% c! ?
      yPos = yPos + BallSpeed;
; F/ I, m0 \4 m; |      }* d/ s- ~, W8 k" m' y2 W+ l& s
   else if (yDir == "up") {
' z! Q( m, k& h2 I      yPos = yPos - BallSpeed;
4 u  L2 j0 D% e+ M2 G7 h! z6 S      }, i6 v$ k& U% o: b. P* b, d
   else {
/ {6 c. Q7 E: D( t. X0 K      yPos = yPos;5 z/ f! D0 b& H. ]3 A# s
      }
9 e: P+ I8 c5 Q2 X$ f+ Y   }& s% A( f8 }8 Z* n1 R/ a" O9 O4 I
9 z* t* |( x- m+ ]8 Q: F+ c
function hidetext(){
7 Y( I6 ~% I, e5 @" [. gif (document.all). E3 W; _& {* D3 g
supertext.style.visibility="hidden"5 `: U! W" I0 K  P7 w  u  j
else if (document.layers)
4 p+ x+ {7 Y9 R; W% Z, D, Rdocument.supertext.visibility="hide"' i$ w; b  I/ z2 F) A9 E
clearTimeout(animatetext)  C# i% v6 z3 t7 @
}
& l! Y% K6 v+ ~* r  w$ l$ W4 i7 h; q( Z& X( v7 Z/ j
if (document.all||document.layers){
" u4 Y7 o* O- {: Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% T3 ^1 F8 V! v+ \; a9 }
window.onload = initializeBall;/ ]' {/ [/ e  J5 ~7 V
window.onresize = new Function("window.location.reload()");( W" H5 j, ?9 f2 L
}
7 k7 @' ^  z- k; P% m! ^) W  h- x
</script>