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

zw2004

<style type="text/css">
1 ?3 w  d$ D& H7 Y#supertext {
3 i9 q: S  l+ tposition:absolute;
) O, c0 i2 f4 r. B5 G4 Y/ wleft:0;/ R# j, _+ d6 r5 o. f, X
top:0;
; t; B+ m& Z& J+ A  Y/ ]! O: ]) J5 w1 @; l/ dvisibility:hide;
$ H  z8 \) _8 Q$ u& m6 bvisibility:hidden;1 Z+ _6 [" |; u# h; {
}  q; |' N8 R; V' P; f
</style>$ ?% j: g4 N: Z" E+ f. N
<script language="JavaScript1.2">4 ^4 n2 Y0 B1 O4 H3 e
<!-- 改变下的字体的大小。颜色-->' \6 Y5 C! y7 {1 V3 r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 J) L* a  z! E6 J1 J
var hidetimer='';+ Z) L4 L0 @+ f2 N. V& J/ |5 y
<!-- 改变下的弹跳速度-->
; z5 d3 p) `9 Q* @" W; O4 P. Vvar BallSpeed = 20;
$ @# Z5 D3 Z( N: q* d) U6 ^var contentWidth;; C7 H* _5 ?% ?5 V% ^$ W- ]# w% G
var contentHeight;) R7 I/ ?% }8 F" @* U- M. ?
var maxBallSpeed = 50;
* [9 s) W' q$ r+ J. C3 O$ P
0 l+ k/ T4 R- j' |2 V. L9 G
  U$ S. t3 K$ X2 E! y  r' z& Kvar xMax;2 ?* ^& C6 s$ i, {
var yMax;
( U$ L8 U$ ~+ y( G& G9 _1 Mvar xPos = 0;
- {) k4 Y" `4 k) D! I+ |8 B  Kvar yPos = 0;0 @  B( A& J9 G: f6 _
var xDir = 'right';
6 n- h& M9 F7 P1 K! f$ @9 l  }var yDir = 'down';5 D: o8 U" V2 \% t) h' a" Q5 M9 D
var superballRunning = true;1 Z. J" L: D/ D' `; G1 F0 s0 `
var tempBallSpeed;
9 E3 k0 e2 Z# q$ Dvar currentBallSrc;
/ I6 r! i6 i4 F0 ^& t3 svar newXDir;; V3 s. j3 f, k( q' f
var newYDir;* p% s- \7 f9 U* d( }7 P( k0 r, _

% r/ P$ m3 j1 j1 }( ^5 Bfunction initializeBall() {0 a% K0 Z# H5 {" @( |' f' R- y
   if (document.all) {
/ V0 Q: B) \* a9 ~      xMax = document.body.clientWidth' o: ^6 s7 j* @6 L! L9 x4 H
      yMax = document.body.clientHeight
8 {. n& I& l0 S" o, q) q      document.all("supertext").style.visibility = "visible";/ X' Z  e% O" e( h% Q0 f; O. r& d
      contentWidth=supertext.offsetWidth
1 i: T7 J( d- f      contentHeight=supertext.offsetHeight
% {+ a+ ]2 X0 i" J( e4 w      }
3 i; ~" O* |6 c+ R' p   else if (document.layers) {
# L& a: ?3 W  @8 ~- r      xMax = window.innerWidth;
2 x! T; ?8 G6 }5 B      yMax = window.innerHeight;
( ^; b. N* u& ]; A      contentWidth=document.supertext.document.width1 K$ R( K: f0 r7 r; @$ L
      contentHeight=document.supertext.document.height
. v7 K0 `* y" u  V      document.layers["supertext"].visibility = "show";# \6 [5 N3 {& G8 c; e8 e9 M+ i
      }
! P8 A$ J: d" b. J   setTimeout('moveBall()',400);: j$ h7 l0 s& D8 a( l2 [
   if (hidetimer!='')
/ n( y8 ~0 S4 O& s1 F   setTimeout("hidetext()",hidetimer)
/ f1 p7 ~6 W  [% `. J/ E   }/ v! g: T: g) E; ~% k6 A
# F% k% e$ v. B$ Q0 k' t; I; B
function moveBall() {' J9 i2 J* |0 y: E2 H. `3 c2 C
   if (superballRunning == true) {
, l; f: y! n. Z& I: M! x0 [/ S      calculatePosition();
, i+ E/ m; L( y+ V; x  @" j' U      if (document.all) {
8 P* _% N2 d7 H; I! s: @2 l6 a5 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 q" `  G& R1 h% S3 G; N+ i! w# [         document.all("supertext").style.top = yPos + document.body.scrollTop;
' W" V: x/ ^8 o# B3 ^         }5 S4 H& v( d6 ?# C6 ]8 Z
      else if (document.layers) {
/ k1 f7 x- H/ _9 D& ^$ L" Z         document.layers["supertext"].left = xPos + pageXOffset;
4 X# a( L4 ^$ d! B! Y+ q         document.layers["supertext"].top = yPos + pageYOffset;" I' @; F3 `/ s3 p" L% e; S9 u
         }
/ E2 m: T3 I$ u3 r      animatetext=setTimeout('moveBall()',20);
4 g8 _$ y& h9 C/ k7 G      }0 z) {$ W* y- y% h* D) n# {- x/ l( E6 f
   }) j( o9 i1 \, B# v1 ]& x) ~

7 t) g4 P, Y+ M* s% Dfunction calculatePosition() {
" H  p! ^2 e5 f4 i7 R& i8 y; U   if (xDir == "right") {
* p# s6 _. R) {* X      if (xPos > (xMax - contentWidth - BallSpeed)) {% @3 p1 U! g& T
         xDir = "left";- x3 c6 ?) K5 N# j
         }
4 }; `% @5 y+ n! |* F  b" o      }
; Z. v3 ]6 e. L5 t2 B   else if (xDir == "left") {9 w6 w- t. b0 [( F0 B8 ~
      if (xPos < (0 + BallSpeed)) {
& y6 o; C4 e- k0 A! ^         xDir = "right";
* B0 B% D" @9 {- |( ?0 O/ y7 ^         }
+ H+ h5 a" w2 h* w7 p& g: k      }$ @0 h, q9 A7 C
   if (yDir == "down") {
' R2 @4 s$ p4 A! b* T4 d) k0 t      if (yPos > (yMax - contentHeight - BallSpeed)) {
- z% z+ l8 n4 X" x8 v) N         yDir = "up";) O2 e5 }- A2 n1 _# a0 o; @
         }
1 z+ z# ~8 V* s1 ~      }
/ ]# m7 Y' R# m! R/ u# |   else if (yDir == "up") {$ x8 C5 c. z6 L6 N
      if (yPos < (0 + BallSpeed)) {
1 o- f; e" x7 s         yDir = "down";
' C: h$ o# L) T0 `' z* _0 l: f         }; L9 z! I# f! }% B4 p1 y- }
      }8 e6 l1 A: a, V# b. s
   if (xDir == "right") {
) A, S8 u( b( O! r% u- A1 ~. s4 o      xPos = xPos + BallSpeed;. a, k2 ?' @( O# g6 E# \: X
      }
) k" [/ y6 ^4 n3 T/ B" w9 C* j   else if (xDir == "left") {' g4 `% }( J: H# A0 P$ [
      xPos = xPos - BallSpeed;
1 I( a- O9 F; o      }  ]! Y& d: W' L# ~6 [" O0 {! E
   else {
( I5 [1 |9 \, F+ E      xPos = xPos;
- r1 \3 W- C! c6 }2 ?2 F      }% c5 V, i2 Y& I2 q
   if (yDir == "down") {: m1 Q" e; D& F" P- y9 I2 W5 O
      yPos = yPos + BallSpeed;$ @3 c" f1 \' r/ x% P' z
      }
1 ~/ g8 c" W+ S1 w' f; j* X   else if (yDir == "up") {
6 I/ T2 l2 M% l) ?3 x/ v      yPos = yPos - BallSpeed;
# x1 n& A& X" F8 W$ n8 |$ e      }. K! \- g* P' l  v! M
   else {2 E1 Z) {4 h- E" Q( a
      yPos = yPos;+ O/ a# B; R3 x) Y) U9 T
      }3 b7 `6 F" c1 X/ w$ j5 C. V: g: S3 d
   }0 u% B% o& d' f7 Q9 _9 X1 z% N5 t
; m9 N1 W. [: O2 q9 o( B) {
function hidetext(){
% p3 N# \7 j! n1 {5 v) ?) lif (document.all)
' `) d  @& g2 h" ~supertext.style.visibility="hidden"
8 I' m/ d6 c. e: S2 J" u/ `* Welse if (document.layers)8 e2 t- ^+ v: b
document.supertext.visibility="hide"/ `& z6 |$ @& `( e! J; F. N0 E
clearTimeout(animatetext)
( E  _* c3 [! @) \}( S% F& L% r: z: ^4 Z: O, A5 F) V
  I& Z" \) e* Y3 r/ n
if (document.all||document.layers){* X  J9 @$ k$ X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 L. u9 L2 ~; {8 s
window.onload = initializeBall;
2 O* l" X8 P% k8 P6 T. L2 y" S. ?: i) Lwindow.onresize = new Function("window.location.reload()");* t& L+ Q- j; q6 y) e
}5 s! Q1 b( L) ?" A. t

, g$ w7 D2 D: L, S</script>