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

zw2004

<style type="text/css">) N6 k; Z6 u* y
#supertext {
* [4 k7 r- Y1 l2 bposition:absolute;
1 E4 [0 }8 F* {: P. l3 mleft:0;1 H5 W! j( G4 a1 K3 X
top:0;
* }9 _( v; \0 n4 `  |visibility:hide;* C0 y0 ?7 ?% S7 O/ q
visibility:hidden;
$ H+ ]  [/ L1 i+ D; U}
) l; J7 C3 Z  u8 x$ S& ^2 d% R8 V</style>
/ h- S9 M/ s+ ~  }3 l& p* C0 o<script language="JavaScript1.2">
  z9 Y% X$ Z1 J0 _<!-- 改变下的字体的大小。颜色-->
& X+ W% H, k  {/ ~* Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 ]0 ^, g" X% E9 C2 e/ g6 x7 l2 M- c
var hidetimer='';
+ d6 t8 `- L4 |2 g3 |, b" Q) N9 C<!-- 改变下的弹跳速度-->
  j. i, L. n9 L/ Zvar BallSpeed = 20;
3 R% Y( z! C3 B7 Q5 J2 K# \0 y9 k. Rvar contentWidth;3 }1 V1 v& ~* N3 c
var contentHeight;- Z; q7 }: h( o, l& {, _, x
var maxBallSpeed = 50;
9 n& o( U, `" u* x) J; m
0 [! V: H0 u5 ~2 [( X! o+ J5 {. @# y; g, Z2 d4 f( p& \3 B
var xMax;
5 C1 ^) J- e9 q- b3 }% b' ]  ?var yMax;
% d, X) y# X  l5 v5 S8 Avar xPos = 0;
: b! H; x5 N' F3 B% A4 {var yPos = 0;- ~9 v5 G& ~( R, K( _& X: a# v
var xDir = 'right';
/ A; L7 j& S2 ?var yDir = 'down';# ]; A7 Z" X3 l: R/ M! u
var superballRunning = true;' c5 r$ z1 H: o" o
var tempBallSpeed;" ~2 }  x2 s$ a
var currentBallSrc;
6 g% |1 Y% {0 b8 J$ gvar newXDir;
7 K: r; r4 x" Ivar newYDir;: k' c3 k% s) T9 @) Q3 P
5 M  ~% l" Z4 `: @" B3 `; d
function initializeBall() {: l& I% V0 C6 U# H
   if (document.all) {4 z) @! h+ f% p' ^
      xMax = document.body.clientWidth3 m. X: o4 H. X8 ^8 y
      yMax = document.body.clientHeight
+ b2 X  e9 {0 q1 ^7 W* [      document.all("supertext").style.visibility = "visible";
+ L! l; z9 M  e& u. v3 \      contentWidth=supertext.offsetWidth+ r' W6 e# h2 z! F
      contentHeight=supertext.offsetHeight; z6 n) Q* v0 [3 {: m6 d
      }7 u( G1 W1 H8 v. I0 _
   else if (document.layers) {
% R* d5 R2 \  r. t% v1 ]2 m0 i& H      xMax = window.innerWidth;; O/ w% Q. p8 U+ ?8 i. q
      yMax = window.innerHeight;' q6 F% ^7 o9 p5 Z+ Z  x( o
      contentWidth=document.supertext.document.width
% j$ L* F. U3 F8 j5 K9 X4 [      contentHeight=document.supertext.document.height
9 C' E/ X+ ^- |' T7 W      document.layers["supertext"].visibility = "show";
5 |; U( j: [- P" ^2 P. @" z      }
' D" `9 P  q( a8 H   setTimeout('moveBall()',400);$ O6 [5 |6 y$ W0 I  o7 W
   if (hidetimer!='')% V8 \/ ]2 y9 a4 m
   setTimeout("hidetext()",hidetimer)
7 F. @( a! z5 M% t" o- X   }
' H. M/ [; `+ ^  G7 g: H; z  p3 H3 I* s$ U: k& ?2 m3 [8 w& J" z) k
function moveBall() {: R7 R5 p4 h& `
   if (superballRunning == true) {1 \! v& o) \2 @$ C. o$ P+ Z
      calculatePosition();
, h2 m3 [3 K. Q0 v& s      if (document.all) {
6 Y2 H- ^/ m, A& J9 x( X! _1 I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 _  {$ T0 h3 K" @6 d& O         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ u% f) c0 B( \         }
% B7 C! C( G; U7 z# H      else if (document.layers) {0 y- e4 p6 l2 j: F$ j* a/ `+ c
         document.layers["supertext"].left = xPos + pageXOffset;
* }+ Q0 R8 q8 u) G0 V         document.layers["supertext"].top = yPos + pageYOffset;: p' f6 S9 a# r$ A% h- }5 Z
         }% i! U1 `! C( L: p0 T3 r
      animatetext=setTimeout('moveBall()',20);7 {; {0 k' h% t! E
      }& S5 [6 L  M$ o* h! M' D
   }7 @6 N8 S( ^1 g
7 o' e2 A: E2 N# z7 E; E6 [8 d
function calculatePosition() {
! y  k4 H, F! @& X0 z3 E  j   if (xDir == "right") {- l- @4 Q  a$ R: F( }# K4 Z+ ~+ t& `
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 r% U9 J/ f6 l  }         xDir = "left";
4 e' d/ Z$ A9 O$ R2 b6 `         }; G$ n% g+ {8 m/ j# t
      }
& @! q" m( Q7 n$ y1 A0 t   else if (xDir == "left") {
4 N- L! \$ O) B5 H      if (xPos < (0 + BallSpeed)) {
/ ]- ~% I) W3 S" v6 U1 O         xDir = "right";/ R- j# |" w) O3 y( ^" A
         }2 P0 z6 F, e) _- k2 J$ \8 w7 @
      }
3 U  w4 E* e3 C) K( ?   if (yDir == "down") {
) l8 T9 m5 O9 v2 E" o  x  G      if (yPos > (yMax - contentHeight - BallSpeed)) {6 T0 O2 \: u3 i6 E) Z3 X
         yDir = "up";) ]3 l6 a% w- N; `
         }
* `: C6 }8 v7 M) q' `4 e$ @      }* f/ G. W& n: y' j1 `' s8 w
   else if (yDir == "up") {2 N' K! v" h; U$ e7 h. r
      if (yPos < (0 + BallSpeed)) {
6 y% {5 Y' S! }         yDir = "down";" Q3 q7 @4 W: U, {( D8 N0 m$ z+ K, s( P
         }
' M  z0 M8 m) U% |. i8 j; _      }
- s: [, d0 g- i5 X7 {. k: A   if (xDir == "right") {2 @; R& B+ e1 t* i4 ?
      xPos = xPos + BallSpeed;
6 g% \# [5 K; y$ Y      }6 A# }8 R- D3 m
   else if (xDir == "left") {% A& j& }- R  O2 P  C) @
      xPos = xPos - BallSpeed;
3 F* d/ j: d1 v" j* U) P$ u      }) a( M" Z* H: T5 E9 K/ d
   else {5 o6 c$ q, }, Z7 L9 u3 x! J- d
      xPos = xPos;
# v% l# E& {1 t8 B      }
- S6 Q* B; g; E   if (yDir == "down") {
: @+ z, @2 h; c" V) J) [4 l      yPos = yPos + BallSpeed;$ [/ e1 Q1 O/ ]* B
      }, u/ e( x# h5 {& O- d
   else if (yDir == "up") {, X4 G6 ^' O/ k1 h) ^6 |* g
      yPos = yPos - BallSpeed;5 o! q( N* F  |2 T* x- C
      }5 F7 c5 l- B9 c) q
   else {* Q7 @' T0 p+ C% u
      yPos = yPos;
9 s/ I4 b" L$ Y      }- K; _5 q" r1 A9 x
   }! z' O' R6 u) b5 \% n/ a' J4 M

0 w* b1 B" X+ t5 M% x7 `  _* Ufunction hidetext(){
/ \, p1 f4 A% l2 f  k& F' tif (document.all)
% z7 y2 b7 B/ tsupertext.style.visibility="hidden"
$ V; G; h, U. K$ velse if (document.layers)+ N" t! [  t3 ^& U8 |  w# n
document.supertext.visibility="hide") F. X' w! K! F) {: a
clearTimeout(animatetext)4 F% y9 @/ x$ b' B
}& Q) \& i- q* L+ v

4 {* s4 `  X- |2 c$ o5 J8 ^+ vif (document.all||document.layers){
+ m! Z& e. y5 P* ?$ {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" t, }& q3 S7 ^- Y6 j
window.onload = initializeBall;" |6 T; k: G- W+ u- V; A, t2 @9 f
window.onresize = new Function("window.location.reload()");
* V) A- @/ G0 Y+ Y}2 Z6 ^; J+ H4 J) _. {, e! Q1 X
) {( b& U/ o. p) y& w1 k; \/ H
</script>