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

zw2004

<style type="text/css">% h4 y1 L+ T1 H( [8 e( K, Z  i
#supertext {, ]4 k5 f$ O, R0 l7 V
position:absolute;# M) m/ h0 h- R+ w+ Q0 i
left:0;
# y) r& p9 I1 n0 S5 P" ]1 D& Ztop:0;0 T4 G2 m& }3 n' k/ T- M
visibility:hide;
! Z- k- ~" Q. \" M, ~visibility:hidden;4 d$ e# k3 k. _* ~: k, O
}. }6 Z2 J% f& M3 }% l- O$ d
</style>
) U9 h, O. O' b<script language="JavaScript1.2">
3 `5 E. j- \! r; d' `- x9 t<!-- 改变下的字体的大小。颜色-->. y+ h$ C8 V; e/ o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': l! V4 z  N2 K
var hidetimer='';; _& G  w. ]3 q1 w, n! u
<!-- 改变下的弹跳速度-->' s6 ~& t7 c0 S
var BallSpeed = 20;5 s2 y5 F+ p8 v! V
var contentWidth;
8 D6 I9 z, e2 ]: ^, gvar contentHeight;! o- C4 t, F! {
var maxBallSpeed = 50;6 L6 K) `- k: m8 U; l* x
9 I. i- P8 R% M* ?" C3 f8 N
3 N1 f- y5 V2 Y0 y" D7 q
var xMax;
" g) D" H  K: dvar yMax;
; k; `: x5 X; p+ V$ g/ j+ {var xPos = 0;
$ n2 B. @. G9 X! s0 yvar yPos = 0;
; [1 P" o1 y+ l- z& [var xDir = 'right';
+ H" V' C& k7 P' n9 v" y6 Bvar yDir = 'down';9 w# \- U) O; P- r) {
var superballRunning = true;. ?" u8 }# |+ `! h; i' o
var tempBallSpeed;
7 Z  `2 C4 w5 _( Uvar currentBallSrc;8 B2 p2 t! |: t, n3 W7 ?6 G& B
var newXDir;
2 A$ a: F- @- J* @' K0 dvar newYDir;- s  n. T. k2 M5 I# T" d# y! J

9 L& p6 R) _) X8 ~; i( }1 Mfunction initializeBall() {$ S) ]8 R8 s1 i5 x  b+ u
   if (document.all) {
6 q' K# y' G4 }  x% q2 f      xMax = document.body.clientWidth
  `, W1 Y  {  K  t: V, z' C6 M      yMax = document.body.clientHeight
  a( L) N* e3 V0 G' V+ N% E      document.all("supertext").style.visibility = "visible";
* N, g2 `' S& a; _# y! f! p2 v      contentWidth=supertext.offsetWidth) n' C8 ~. w( T4 q- G
      contentHeight=supertext.offsetHeight" V6 t  q) ]( ~! v' S- V' h' b
      }# _9 O8 P- R( L5 ^, y1 W
   else if (document.layers) {- K3 }  K& m, Y9 c  m! C
      xMax = window.innerWidth;
" T' `- x! h. M% u* s; B0 |' M, |" _      yMax = window.innerHeight;
; o; ~9 _, P3 m3 b5 p      contentWidth=document.supertext.document.width
) E! B5 C$ ]1 C0 R      contentHeight=document.supertext.document.height
% X6 z. C, m, Y      document.layers["supertext"].visibility = "show";
  k9 V3 u% k* n; D      }: E+ S% v; p; k% i; E
   setTimeout('moveBall()',400);$ t) R3 b" F4 ?* _+ N, w
   if (hidetimer!='')7 Q6 _# x$ {; a+ M
   setTimeout("hidetext()",hidetimer)
% C7 J) u" c  p+ P8 V2 s* ]5 {   }; P- P9 P3 k+ c! @  ?
% ]* g1 {# j4 ^9 f: i4 `
function moveBall() {
$ K) x& ~2 e- Y/ Q1 a   if (superballRunning == true) {
4 F  I% f8 N1 r! |9 O8 [* S3 _# [      calculatePosition();
/ l0 h# [2 B8 [2 I+ Y1 k. y      if (document.all) {
; K3 c% O% b5 F. _& r8 V5 i         document.all("supertext").style.left = xPos + document.body.scrollLeft;. W) {) Y( W9 {/ B/ D5 C( {8 s
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) A( b' b4 W5 O+ t; T" Y         }
$ q1 k9 Y( V6 W$ `. I      else if (document.layers) {, M- h$ j2 _( ?( |4 N( r
         document.layers["supertext"].left = xPos + pageXOffset;
+ G& A# B! E; d3 ^         document.layers["supertext"].top = yPos + pageYOffset;
1 R" e* ^" J+ e+ J- J9 Z+ m         }- S. J" ^% A  A$ X9 O# i1 C8 _' M( n
      animatetext=setTimeout('moveBall()',20);
$ j; ~! U8 v  s5 w      }3 V+ ?' {  C( p" _, a" u; T9 d
   }6 V* f- \- l" Z; t+ y- D

9 p# g# L' H% e* j* z5 ofunction calculatePosition() {
( J+ |; `7 O6 C6 Y% W7 G   if (xDir == "right") {2 ?4 ?( }1 r3 S% h, ?/ {0 z
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 ?$ e  L3 n' q. A
         xDir = "left";  D* {5 @, o; f
         }
" R- n& Y1 F/ U: k4 r2 E      }
1 r- H+ r. }7 A   else if (xDir == "left") {
. f7 R! Q# A- h      if (xPos < (0 + BallSpeed)) {, `7 r  u# L0 Q" A
         xDir = "right";& A0 u- _, x; x$ _
         }
4 z; a* @( _/ d$ K% {! `& B      }
. G8 }( ], n. }" f   if (yDir == "down") {" z7 J, k/ K0 g$ u
      if (yPos > (yMax - contentHeight - BallSpeed)) {& j; k4 {$ f( k1 D
         yDir = "up";# }: U8 {  i% Q
         }
# O9 ]9 B9 v. z! D, y      }
' K( @1 t0 O$ \/ l) b8 J   else if (yDir == "up") {
+ T  f; ]7 U, Z# i+ T8 v/ h      if (yPos < (0 + BallSpeed)) {( o3 S( w  I& d( y! b0 L
         yDir = "down";* S0 S$ A0 c- \7 Q
         }
4 p7 p( B0 a; q# f6 A      }! i& H  Y% k' \' W% k
   if (xDir == "right") {
* Z1 ?/ i! p, R6 B. e( Y, r/ [; i      xPos = xPos + BallSpeed;
5 h3 g5 ~7 s6 t, S      }
  _/ G  I$ p$ X$ X0 L, ?6 s   else if (xDir == "left") {
/ r1 q; X$ H. I7 \6 H% n0 f, M      xPos = xPos - BallSpeed;
* S- [- I( W" i6 w  n2 g4 D$ H      }' v8 R& F) q- Z! O% E
   else {
. c! B: Y0 {8 I- O* F- g, v      xPos = xPos;# {9 ]/ l5 z6 P" I* I* y
      }) g9 p5 m# {2 I! _6 C
   if (yDir == "down") {$ g, w" W5 D  T) Q; S
      yPos = yPos + BallSpeed;* K* S' Y% b8 G1 B! d9 M, w+ c
      }
8 e) Z) \' H( F; O0 c& c9 N   else if (yDir == "up") {  f* g" h; p- A* x! @
      yPos = yPos - BallSpeed;! z/ m2 a) _5 |8 Z; _
      }+ s6 f: i' z- f1 X
   else {
7 _6 H+ X% F1 t3 k; }, V      yPos = yPos;
" x0 {3 K. v" l* L6 w: T# @      }
* B" Z! U" d# u( c# U/ w   }( y/ k+ J7 R5 E& E
6 w2 p6 t8 x7 i! F# v  b
function hidetext(){
$ Y7 F, W8 g" s8 v$ f6 r, Gif (document.all)8 g% E2 n9 p, w# L# _
supertext.style.visibility="hidden"
: k/ X* H6 V7 R0 Aelse if (document.layers)
( `( ^; K& y  Ndocument.supertext.visibility="hide"' U6 h7 x( I" f1 f
clearTimeout(animatetext)
! R/ e1 ^# c( @( z! O}6 Q. S) _3 L& Z

4 Y1 Y, N8 f. m- S! s6 {if (document.all||document.layers){
: b6 I% L' D; W/ y& _3 ?document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 V# p( n3 K7 I( I# p% }" jwindow.onload = initializeBall;
9 ]- l4 G9 E0 h; O' Rwindow.onresize = new Function("window.location.reload()");
5 Z& |5 T  k: n; p0 |}
. [" q4 K* n" {- i3 x; ?% e: L5 t" K5 G4 p$ Y
</script>