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

zw2004

<style type="text/css">! }* t5 W" a! x+ R- P( `- o
#supertext {6 p; m0 z" K* f- K" T' p( B9 B8 c
position:absolute;
. K+ ]8 O- j0 M! D9 e0 F, pleft:0;
8 m5 w3 X6 l) d: Qtop:0;, \) o( _, Q6 ?1 d/ ?/ R6 z
visibility:hide;
# o: {  ?& {, d6 n* z8 _" W9 avisibility:hidden;  w( y7 ~3 A) X8 L. E, Q0 B8 J
}. |/ S- ^2 a6 _' z3 x
</style>
( L8 M, r" |3 u5 U! q<script language="JavaScript1.2">
( Y& Z  |) [2 U5 _) x+ m0 h# M. c<!-- 改变下的字体的大小。颜色-->
* b0 |& b# o  X8 I, yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: T  o/ _* N' Q; N( wvar hidetimer='';0 J2 k3 Q: I# S5 n
<!-- 改变下的弹跳速度-->
8 l( o8 Z: B! ^5 Svar BallSpeed = 20;  Y0 C# L/ h0 e3 W3 |- n' \) b
var contentWidth;6 X: O* `! C" Q& P  U
var contentHeight;; @# o8 @7 i1 L5 G
var maxBallSpeed = 50;
$ |' x5 E0 {8 y  e0 {# k& z5 N3 j4 P% ~1 k

0 k$ R! `- l, W! vvar xMax;
# q. U& O9 x+ l- Y5 k7 J* z2 _var yMax;) y" k! Q0 Z0 `
var xPos = 0;
+ e' }+ d1 S( Xvar yPos = 0;, f: Q5 D& J; d4 \$ h" I6 l
var xDir = 'right';
; V5 n1 h8 w5 {var yDir = 'down';2 W' j2 _& @! X# I& D( q/ \! r
var superballRunning = true;" F' W% n; r: p7 @3 c. P
var tempBallSpeed;4 F' }! O( r' J% C; p# g6 ]( B
var currentBallSrc;
/ x0 x" `8 s2 k, w: N# |- n1 kvar newXDir;$ s' z5 H' P" E9 Y9 S
var newYDir;
0 V* d, S$ b9 }4 k: B$ Z( T' ]7 @$ |, f) i% g
function initializeBall() {$ v* o. E2 c3 J, N9 l
   if (document.all) {0 E1 e" w( T) X+ p  c
      xMax = document.body.clientWidth5 Z: i0 W- A, T  ~! J
      yMax = document.body.clientHeight
5 u7 W" {7 T% n7 z8 `3 x      document.all("supertext").style.visibility = "visible";. k, q! E2 N+ q2 n+ V9 F
      contentWidth=supertext.offsetWidth2 t1 O0 ?& [1 g' N' r# l2 q
      contentHeight=supertext.offsetHeight2 A; t; X$ _2 T' p
      }1 K  z/ b5 Y, o( m! b
   else if (document.layers) {
1 G8 I& W' t7 n2 c5 b% }/ h      xMax = window.innerWidth;5 Q: U* u1 P# f: H! P' c) m1 I. c/ F
      yMax = window.innerHeight;
1 V+ q+ \1 C3 k      contentWidth=document.supertext.document.width/ V1 b8 R: F4 R+ y4 E5 ]) z" {
      contentHeight=document.supertext.document.height
1 u, A2 {% G) Q* @) @0 P/ w- N      document.layers["supertext"].visibility = "show";; @+ @/ h6 E$ y2 c6 R4 {
      }
. O3 M- z- n* l) h   setTimeout('moveBall()',400);6 I" {: [. [% r6 n
   if (hidetimer!='')
3 M. q) t* W/ d+ y   setTimeout("hidetext()",hidetimer)
+ B% D! r5 o! ^0 O* ~: q   }" g! r& V0 b9 |2 A! |

/ w. I' j& N& }function moveBall() {. x  [+ N5 A8 a/ H! o
   if (superballRunning == true) {
) ]9 y8 ^9 z! u      calculatePosition();: t$ v) h+ J) p+ ]& G' V2 [8 w3 U% Q
      if (document.all) {
5 c! h, ]/ m- [8 q' E         document.all("supertext").style.left = xPos + document.body.scrollLeft;  }! ]( U9 Y( v1 w
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( B  K' M9 ?# `+ a         }1 {) |( N" g0 v' j0 o  t
      else if (document.layers) {0 d1 u' S) M. \" z: L0 L8 H: g" d
         document.layers["supertext"].left = xPos + pageXOffset;
: M* ?; f4 ^) I' q: x         document.layers["supertext"].top = yPos + pageYOffset;
. ?( a) F3 m) V9 G  Q         }
3 `( g- X$ P3 B1 x6 l4 v* Y      animatetext=setTimeout('moveBall()',20);
( T- p7 Y% X% a0 T' H      }5 x0 |) d7 Z1 q! o! n
   }
, d  k1 z  y7 H4 \2 }% A7 Z. b1 h9 w& \9 P$ r4 y' |
function calculatePosition() {
: G% n; a; v; ^* i  x7 e   if (xDir == "right") {
7 P$ n+ u5 P) h8 K0 [' D& v      if (xPos > (xMax - contentWidth - BallSpeed)) {6 E; O& ~0 `3 l1 `
         xDir = "left";0 e( g. Y7 a- w
         }8 \* u' `6 K, x0 }
      }0 ]* g( [; D% g$ e; _
   else if (xDir == "left") {: o+ @2 J: E' r9 e7 t7 @8 Y
      if (xPos < (0 + BallSpeed)) {
+ I$ E8 n" I. {9 A2 u8 _" H         xDir = "right";
4 {+ o' r, N+ i: G6 Z' Y3 d9 W         }
9 j! L; |$ ~# ?      }
1 j# i0 F- y5 q6 u   if (yDir == "down") {
8 _0 G; N' G- Y5 q+ M1 A2 Y- L$ E      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 b" S$ E+ L6 c) Z- Z' {% ~" [5 v         yDir = "up";3 \' j1 `2 t/ X- p! L! y# v) O
         }
2 ~. N0 Q- I3 h* z+ F( h5 T3 @      }& m. Q5 G8 o* S/ F8 \! `6 [
   else if (yDir == "up") {
- Y7 c8 S1 @, m4 v( K+ N      if (yPos < (0 + BallSpeed)) {/ V; b8 R6 |$ W" d5 i
         yDir = "down";  @& F) b+ }/ w) @
         }# L& ?( {- G) J1 a+ ^( q1 `
      }
# @- Q) q) J: O9 Z1 \- \   if (xDir == "right") {: ?$ h& h0 v* J3 h, B
      xPos = xPos + BallSpeed;3 h1 O& U! l: e" e. Z$ S
      }7 }, K. k2 B6 d: l; y0 f
   else if (xDir == "left") {- u8 C$ R1 t0 y
      xPos = xPos - BallSpeed;
0 t  X- A# v9 R      }/ R; _1 R( s, N, \' I' }
   else {
& r) C/ }3 T( w      xPos = xPos;
% b% v4 a4 A$ F  Y% n, T      }3 w5 ?& G" _& s: j- ^1 {+ p7 ^) }
   if (yDir == "down") {4 H+ {  D$ L' G' ]
      yPos = yPos + BallSpeed;, E: U! J2 r7 H3 |, M
      }# Y- X: j4 |" b/ N- y8 |
   else if (yDir == "up") {. `2 F$ F8 `! U6 @8 |4 p
      yPos = yPos - BallSpeed;
: E  U0 u7 q% O" {8 P      }) i; v  w! w5 N9 q2 K- l" B
   else {3 Q# F5 M: s) r! r# W) d
      yPos = yPos;4 o( O4 e% {$ @+ f- L- l+ {
      }
5 t3 U4 L8 A) p3 Z0 m   }
7 p: p- T" {1 }' O% O' r, f- A- i
function hidetext(){
1 d+ x$ d1 M* [- a! B7 Vif (document.all)2 D5 {' u$ y0 i. G5 B
supertext.style.visibility="hidden"2 }% `0 a( g) f! V2 o' D2 g
else if (document.layers). P3 V- ?+ V/ ~( v9 B  M3 g
document.supertext.visibility="hide"" `! x! E7 B; ~4 B
clearTimeout(animatetext)
$ u8 `: |. y. r; x4 U" P. X}
% ]1 l5 L4 v6 G  Z9 F
2 t/ n2 J3 F  nif (document.all||document.layers){
7 j9 f5 Q7 S" `3 Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% m( d- Y5 C: n& l& @  H  X4 {window.onload = initializeBall;
/ L1 ?) E2 W. xwindow.onresize = new Function("window.location.reload()");
/ f/ p+ F; s4 Y- u+ c1 q}
' t3 [* N2 V1 ^. v$ e; ^4 x0 f' ~+ R) O; A! }& T$ ^. G' C4 K- j+ a9 J) H
</script>