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

zw2004

<style type="text/css">7 s. S9 u6 a( r% C
#supertext {* s. u' D) h# d# g
position:absolute;
' M) S1 ?- z* {+ y" r" R. [left:0;
* {5 e" f3 I7 O! c0 p8 u4 r, Stop:0;
$ ]& @% A% s+ [4 a1 x; ?: h7 ?8 Q3 tvisibility:hide;
( g: @  Y! \& V8 O& o) Xvisibility:hidden;
! t  V8 y6 A, A' ^3 K8 D3 z) K}$ N4 S# U4 U* R9 H* o+ ]$ j
</style>: \3 F% R$ t- r; t% }" R
<script language="JavaScript1.2">  b4 c( u+ t. h2 W
<!-- 改变下的字体的大小。颜色-->. w& n1 Q& q* b  S/ Z- i
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 e. e/ ?) W8 X" W# Kvar hidetimer='';
4 m" o) q. N. `% R6 k<!-- 改变下的弹跳速度-->
; c1 h! f) r; o7 ~$ a) Avar BallSpeed = 20;6 }% ?+ f" r  n' u
var contentWidth;
9 |6 s* `! \! H  m; S2 C/ G4 t# Fvar contentHeight;8 s0 d7 L  J+ |
var maxBallSpeed = 50;
- X/ M! x7 M/ B: ~; ^5 N' X* M* ]
5 k8 D) K& v" I* }$ i( V( C& y
var xMax;
+ Y* Z& ]5 x$ l; C  jvar yMax;3 s$ Z$ P/ C, @
var xPos = 0;! [- Y+ [$ X, x( z: J
var yPos = 0;
( j/ K  K) s% _9 b; wvar xDir = 'right';9 N, ^% s! n" a! y! C' h  d# a, [
var yDir = 'down';
( P# }% n( s7 pvar superballRunning = true;
) c( u4 ]" K, Y$ |var tempBallSpeed;; B: S+ J4 i" A. C, x5 b
var currentBallSrc;
; U" q3 R1 v( T% h2 ^# bvar newXDir;
; }- j) g) T. W  _! q. D/ q" jvar newYDir;' w, E, z7 i+ w) c5 H

- l! D" b3 Z+ R7 E0 ?function initializeBall() {- Z: B  [; }  l7 n( X6 R
   if (document.all) {
5 `' y, o* A# C9 `0 k8 C% H      xMax = document.body.clientWidth
* u- E1 E, ~% D3 Y, ^) H      yMax = document.body.clientHeight
0 p8 Z$ e  v& Q0 b) ^      document.all("supertext").style.visibility = "visible";
, x, Q5 `$ C, V, R9 i2 u      contentWidth=supertext.offsetWidth: p( H! G# x: G: y9 b4 o3 b
      contentHeight=supertext.offsetHeight  D! U0 \* o+ n. d( ?1 R
      }
. z5 |  P' e5 H   else if (document.layers) {3 b+ ]' ^5 [: ]) B+ Z( D" ^
      xMax = window.innerWidth;5 A7 z" _2 R! r3 A) w1 D
      yMax = window.innerHeight;1 N* l! }! P2 \4 X, U
      contentWidth=document.supertext.document.width
, [. R; T' G) K! W5 Q. d      contentHeight=document.supertext.document.height0 z7 e8 i0 Y, k$ U, q, |; G+ ^6 E
      document.layers["supertext"].visibility = "show";  ]5 O1 u+ o' Z2 `% s# n
      }9 A" I: `6 H9 K* r5 U
   setTimeout('moveBall()',400);
/ l* x4 o* }# ~   if (hidetimer!='')7 V% q$ G; q: t; W0 I' m
   setTimeout("hidetext()",hidetimer)
% A$ C% C( p3 r8 ^  Q+ B9 e   }; x2 ]0 Z- u6 |! h6 Z4 F, e. {3 I

- H  M9 H% P$ sfunction moveBall() {2 G! |; V) U6 e3 S6 W/ }& L
   if (superballRunning == true) {
3 x! |# w5 [8 J6 o* a- o5 [5 ^      calculatePosition();" I  F5 B2 m, L
      if (document.all) {
& y3 j+ E, i) E! y         document.all("supertext").style.left = xPos + document.body.scrollLeft;, L6 ]  B8 c$ b: W) s7 S  P
         document.all("supertext").style.top = yPos + document.body.scrollTop;
. x) M$ U  }) f/ O; {7 @" H4 k         }: C2 b- T( q7 c% N+ x1 @0 [
      else if (document.layers) {
4 E7 |( D* q+ \# x& X, D         document.layers["supertext"].left = xPos + pageXOffset;
: m% y2 O# D+ Y% |' _) w         document.layers["supertext"].top = yPos + pageYOffset;
8 H& m9 G' P) R) }. s' h  H         }+ Y0 Z$ L7 x  u  L" l
      animatetext=setTimeout('moveBall()',20);
) Y  D: }4 R) r1 o6 W( B      }
$ m/ K# }6 K) o7 p9 r   }
  `) i. @6 k6 p1 t" S
* |3 ]- o1 c0 Q, |function calculatePosition() {: m0 I6 h. j" J& A
   if (xDir == "right") {6 C6 Q( d  [1 |5 x4 X8 }
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ p: t5 K1 n" B# w" Z- O# Q; H
         xDir = "left";" A, w) j5 K+ _1 ^+ f
         }/ M/ ]3 n0 y' c6 {& r5 L' k
      }
% R9 u% {3 T$ f! H   else if (xDir == "left") {
) J$ X! ?/ i7 |* m$ H      if (xPos < (0 + BallSpeed)) {/ O" ^' Z. B: U+ _, |9 r; ?5 V# ~
         xDir = "right";
  F4 ]7 J! l9 }1 y. r# H) f# K- {         }
4 [2 W! u. T0 x6 c( Z" w8 j, v      }
6 I3 J9 G4 A8 l& ~, F$ i   if (yDir == "down") {  E0 k2 O, m! ?$ D6 f. E9 c* w
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ O6 u" I0 n  O
         yDir = "up";2 y. l% H' q% s. S6 i; L0 a
         }. D- P7 H+ z  m6 z
      }. X$ a1 _6 `+ H" p
   else if (yDir == "up") {
% ^3 x$ ^0 r( _& N3 C, l7 o      if (yPos < (0 + BallSpeed)) {: g0 K, |# _: ?. r* a
         yDir = "down";) \6 t8 A1 \  n5 E' s; W
         }& e0 _- j  R* k
      }
5 q9 P2 o* ^, u" x! T   if (xDir == "right") {+ e9 X; Z5 M( \9 ?9 k1 v; c. K
      xPos = xPos + BallSpeed;
3 V  r% ^: O& a9 I+ Q      }
# `) C. V& L7 {! }   else if (xDir == "left") {
3 a  c' A: E2 b& D( l3 K9 y      xPos = xPos - BallSpeed;
' r7 T/ D- L/ e      }
, x7 F" r7 n+ D  L% R   else {( a: u* S' \* e' T. j2 l/ g
      xPos = xPos;8 Y" C+ ]( v( K$ i* x! r
      }6 n) n) B' B' o  C9 |
   if (yDir == "down") {
# s* w' q  y" R' z& f% i      yPos = yPos + BallSpeed;. I4 D# v+ a2 ^2 ^
      }- p' i: H. ~4 e
   else if (yDir == "up") {
# m0 L9 S: t% p- C5 h      yPos = yPos - BallSpeed;
; t, e3 e! Q; c5 h4 I& ?4 U, C      }
5 W% g3 F) `5 }; j2 a* K/ K   else {: k, l" e1 |9 N7 _) q; Y" e
      yPos = yPos;* G$ k+ v$ U) F% l
      }
2 t  u" r3 \7 O) S   }, C7 O- \& M. A- x
0 G' F* M! l6 A8 o: A" P) [6 J8 H
function hidetext(){5 `4 F" p5 x+ Y( X
if (document.all)
8 `1 x7 ]# y3 q* ssupertext.style.visibility="hidden"
0 l1 I& |) ]0 l* |1 u. M7 Uelse if (document.layers)
. f3 l# S# X% j- I; i  I1 cdocument.supertext.visibility="hide"9 F* U4 d! S: n% w1 c; z
clearTimeout(animatetext)
6 d6 J1 M1 o: s+ ?) H5 o+ n- t}6 [# A$ ^* `! T7 v5 [( ?: ?

- X6 t1 {3 ^. M. [if (document.all||document.layers){* \5 X# M8 k4 o" {& E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 ^( G% w* @7 t6 `1 U+ S# p; Mwindow.onload = initializeBall;8 V9 O, J, m, \% K, j+ Q( I' d6 S& f4 p
window.onresize = new Function("window.location.reload()");
  V4 R9 I) l; ]. S}
* ^5 w  _6 c# u" d& `
/ m+ r1 C& ~- a7 H</script>