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

zw2004

<style type="text/css">2 }6 g( ~7 _! P! U$ P
#supertext {
) W7 a' ]" ~+ w# aposition:absolute;
$ _8 {% S" `9 \* o+ H: _  ?% {" ileft:0;
0 R' a8 G* O2 \+ z: ]top:0;1 R- V8 U) X7 p% b4 N
visibility:hide;
/ d( q( x  D( g5 Wvisibility:hidden;
6 {8 w4 i) A6 _}
1 s# j- G, g; U+ x5 K</style>5 b. [& m' U7 Q2 P9 ^
<script language="JavaScript1.2">
. @3 e) U0 Y" I2 R; E' }- A; z  |<!-- 改变下的字体的大小。颜色-->5 ?) m% X! b0 `
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  j4 M$ h+ z0 Fvar hidetimer='';' n4 n0 @( `& z" [/ f" z
<!-- 改变下的弹跳速度-->: T, H4 y. U+ U+ J7 I  k; f/ e
var BallSpeed = 20;
% Q# J1 E) M+ {; j! Vvar contentWidth;
+ J0 W' ~' B( h* }  M: {: W, Svar contentHeight;. e: m9 U" k7 T  o, f" ]' ~
var maxBallSpeed = 50;
4 c5 b: t% W5 M9 q* M  u. G( l, V' i2 ]$ L% o& x
! U9 d9 T) }/ k/ Z  ^0 ^+ ~/ A9 ]
var xMax;) E$ o; [7 S; @6 ^$ `
var yMax;- |( M) N  t; B! {" b/ n6 @
var xPos = 0;
1 n6 m% X! f9 n. T4 xvar yPos = 0;
3 Z# d9 S! J( I- G5 dvar xDir = 'right';
, c' l) O% |, q3 t2 U# ]$ nvar yDir = 'down';
* m5 \7 S9 y& X( b* I/ Dvar superballRunning = true;
) Y! s1 e  m% I: K0 u& F+ k" yvar tempBallSpeed;
. c" Y) l! i5 _4 \" Ivar currentBallSrc;: @  t- x3 N0 w$ _# e8 J. E& |/ i* a- W6 C
var newXDir;' |7 H- F4 O6 O* |1 z) K8 [
var newYDir;4 v$ _# ]& q. E% J
- B. R9 P. H) k5 J
function initializeBall() {8 V: Y) M$ J7 ^0 x/ f! b
   if (document.all) {
# I3 ^2 `# p; K1 V0 F: v6 d% A      xMax = document.body.clientWidth( n8 D& m+ D# o* t4 h' o* G
      yMax = document.body.clientHeight
. ^$ z# m8 L6 K3 }. }  r      document.all("supertext").style.visibility = "visible";
: C% j" R' W1 B- |0 S      contentWidth=supertext.offsetWidth
7 L* A! X$ I* _/ |* k      contentHeight=supertext.offsetHeight
* c' X/ t+ [$ N% W( Y, [      }( a  M/ N7 Q$ q# k8 _: a
   else if (document.layers) {
2 p- ^2 X* b% x2 Y      xMax = window.innerWidth;
  n/ R1 V* i) G. J3 ^; \      yMax = window.innerHeight;5 U) [0 K: t1 j0 d! \' ?" e1 P
      contentWidth=document.supertext.document.width
% f* Y( a2 w6 Q0 v0 B      contentHeight=document.supertext.document.height
; j1 d/ M4 s) L  M. r# r* L: @      document.layers["supertext"].visibility = "show";5 O- U; N8 Y1 ~3 P
      }: D7 p* U8 L1 n  m* e# W  t# a9 b
   setTimeout('moveBall()',400);
, t8 c/ K& W$ n4 r+ U$ n. a   if (hidetimer!='')
+ `) h! U/ O. k   setTimeout("hidetext()",hidetimer)
% D9 c: I, g  I" r& h3 m: @$ J   }( ?+ ]3 u2 v7 ^
1 T) j: D. k/ [# T0 ?+ F
function moveBall() {5 {5 v( ?+ M$ K1 T, j- [" r
   if (superballRunning == true) {
  F* F- d/ H: j% t3 y' Y* @      calculatePosition();4 d1 _; q6 k/ t0 H3 k2 ]; x( U
      if (document.all) {
7 F( ?8 l) x" m* X3 R" P' k, x         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) U0 A7 L& W7 I$ I- \5 W1 k         document.all("supertext").style.top = yPos + document.body.scrollTop;1 a  @& m8 e. q- o( K4 B$ D! f
         }7 g3 a2 @5 |5 B6 x1 o6 ~2 n+ t7 ^
      else if (document.layers) {1 w, j* g" d  [  X7 J5 j
         document.layers["supertext"].left = xPos + pageXOffset;8 h1 U, f2 m8 i* T6 x7 X
         document.layers["supertext"].top = yPos + pageYOffset;
! e! Z! f/ m% Z. L         }0 G: d. F: U9 v4 O1 b  G- M
      animatetext=setTimeout('moveBall()',20);
, b! X% p) A, @/ J. W4 I5 v      }% J3 a: W/ A5 R- y% u" H7 A2 g! J
   }8 U/ x; y/ X( d% O

/ w; u& R( P' b: afunction calculatePosition() {
7 N/ o- Q. ~9 A0 P   if (xDir == "right") {* _' m4 t* r# Z' W9 f6 r% M) L
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 i, G. y9 A9 V
         xDir = "left";
1 ~& m4 W" T' G0 q         }
, C: Q/ Q/ E- r/ @      }
% o! G) N( R) H   else if (xDir == "left") {  m+ j5 P" y0 }0 }1 z4 U& o; q! \
      if (xPos < (0 + BallSpeed)) {+ h0 w$ C7 @& K7 r1 [* L
         xDir = "right";
+ g5 N5 [& {  F# e& s         }
4 x1 G1 m9 [$ t5 A( z8 p0 I      }
. i' k: n$ v1 P8 Z5 \$ ^2 l   if (yDir == "down") {
& X" V1 o& M+ ]      if (yPos > (yMax - contentHeight - BallSpeed)) {1 \" c: I7 C# y0 j1 Z
         yDir = "up";  V' [+ H: x7 H; j0 Z; y, j
         }( \" ]+ s" W" K! j* r
      }
- k. ?6 v. O2 m7 ]1 s   else if (yDir == "up") {6 q( U" B9 o) u8 U; |
      if (yPos < (0 + BallSpeed)) {' x; `! Y5 `, U. ^1 {
         yDir = "down";" |' ~/ I4 I1 J5 f/ C
         }
% y/ v  H7 _# V      }, a8 o- c2 {, L8 O
   if (xDir == "right") {
! w  y0 u3 C, M% ]8 `; v8 ]" C      xPos = xPos + BallSpeed;
9 [+ |- ^/ U5 T- k( q% K7 K      }
0 [, I2 e9 p* M! g# B0 N# S; f9 M  N   else if (xDir == "left") {
2 j" Y* ~2 k6 l; ^4 D2 b      xPos = xPos - BallSpeed;5 l. r9 [4 A6 X
      }
- t' h+ G/ L$ T/ ~7 d2 ?   else {
# O2 o. h7 Y. C  `7 v      xPos = xPos;
9 f1 g9 y% y5 H/ X6 h$ }4 b  J      }
: q: b4 m; _9 N& t  g   if (yDir == "down") {$ {9 _6 C0 s( |% H+ X- u1 t
      yPos = yPos + BallSpeed;6 i) W7 i4 d  e3 T
      }
7 [2 M" k( ]  z& J) i! I! Z   else if (yDir == "up") {
, m, p0 {* t0 o* z! `      yPos = yPos - BallSpeed;0 E# N' p) ]7 T" }; X
      }
( O2 [2 O, u" T7 l   else {
5 p- d' I/ y& M1 Z  G, f* Q* X      yPos = yPos;  M  j! f- S6 \6 i2 l  i  x
      }" O" q8 H7 r9 v1 p
   }3 d5 m, Q9 b9 `7 M* p

( |& v" m3 F. R! K0 m! Zfunction hidetext(){
$ @0 G/ X: W. v5 H# `if (document.all)
0 ?1 W' j! X3 C9 rsupertext.style.visibility="hidden"4 Z8 N: K6 W. q$ C
else if (document.layers)
9 f0 ^% N) O& H( c2 Ndocument.supertext.visibility="hide"
+ P6 k( S0 g- J' ?# W% I5 NclearTimeout(animatetext)
; p' p+ S1 Y5 R}! I3 h% ^8 n0 W, A

0 U0 `3 F3 v/ I1 kif (document.all||document.layers){
! q" ^7 ~. Y/ Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! w# e1 K+ t6 V9 E0 K8 S) F: Ewindow.onload = initializeBall;
; S+ R# B' j+ s# q# M9 Uwindow.onresize = new Function("window.location.reload()");
% {# O. S2 N* y, O% A}8 r6 |& o0 u7 V( L

* }) s" [# J: _! S; y</script>