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

zw2004

<style type="text/css">9 u. t, v! {' K; B
#supertext {
  P- w2 M2 b0 \position:absolute;: k; q: A, p  [; @; F# W: |% E
left:0;
+ X1 i7 L; z' ctop:0;3 n! X1 i4 _% K. g/ `$ m' m$ x
visibility:hide;7 @8 M4 g# Y1 W6 p+ x5 l( Q! [! n
visibility:hidden;4 c7 b( Y& T" x% y# P  k
}$ ]) c  @. h5 \/ N9 |" Y
</style>
6 f* L* ^1 M1 c$ r9 D9 D3 u4 B<script language="JavaScript1.2">* T& }, r2 L- d0 O1 c8 Q9 i+ P
<!-- 改变下的字体的大小。颜色-->. _" R0 Z; w" E- i: \  z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': U3 I' K$ [% }0 y
var hidetimer='';
& \% x2 z  f+ B6 `- o$ v' n<!-- 改变下的弹跳速度-->4 B; F# K4 j) D4 F* A2 R
var BallSpeed = 20;
; p0 M2 B  `4 t; \; C* y- xvar contentWidth;+ o8 q2 F6 G- R5 k& U1 c
var contentHeight;, P4 [1 b$ p9 q# `$ F# I; p
var maxBallSpeed = 50;' G: j6 A* I7 ~; x; m; T

( a) G9 z9 s( k7 C! }" m
3 ?3 |" }1 Y( P4 r; B- x( D* q8 p1 evar xMax;9 K, K( Y2 @. v5 n
var yMax;( Q2 O5 M2 A( \2 a4 n$ O
var xPos = 0;# D. n" O) ]8 N+ b
var yPos = 0;
! a1 t2 F' [. h, I; A# @var xDir = 'right';
/ y2 A8 G; B% l' Y  R: R- J+ gvar yDir = 'down';
* }6 U2 K9 l. @% Rvar superballRunning = true;
& U4 \( A+ v( t, ~1 d5 Qvar tempBallSpeed;
7 x" m, a  ^8 b5 T4 K; g: qvar currentBallSrc;
+ \' V4 I$ L+ u+ u# M; |  Uvar newXDir;
: \/ A$ _+ x; z0 Nvar newYDir;
3 e$ F& ]" [+ b! T5 p0 c; u
, x; P, R3 U9 b% Ffunction initializeBall() {
' j0 V1 i- T. C% F4 G$ s! k   if (document.all) {
9 a9 N9 }/ r. F4 n0 i      xMax = document.body.clientWidth  G4 g: }# V: T- g
      yMax = document.body.clientHeight$ m1 V3 k/ c$ ~8 e  h* @. t0 U
      document.all("supertext").style.visibility = "visible";
* M8 T. e7 I0 P2 n      contentWidth=supertext.offsetWidth
1 s% l+ [) D/ h      contentHeight=supertext.offsetHeight% Q$ k" ?& `4 U. |0 U' @* I
      }3 n/ T, Y! C% j, k9 c2 A' }4 {
   else if (document.layers) {6 P1 X0 {, I1 y
      xMax = window.innerWidth;6 \: Q0 p7 V7 X6 ?* X  T: y
      yMax = window.innerHeight;4 i8 B+ o, U) W. w
      contentWidth=document.supertext.document.width3 ~6 @4 U% B& R1 Z& J
      contentHeight=document.supertext.document.height3 q: s* p; Z  v# z. c4 h5 S
      document.layers["supertext"].visibility = "show";
) U0 Z4 r* ~" N8 y* W" @8 e      }3 b$ S; O  l( a
   setTimeout('moveBall()',400);
: Y% Q1 E2 h" B   if (hidetimer!='')
1 o: n6 U4 n- j  x, A0 g   setTimeout("hidetext()",hidetimer)
: N1 Z/ `1 j/ W+ U/ s: v4 g   }
$ W! w  N( C8 [/ `8 l- Z* }$ F+ @
function moveBall() {
6 h: S" G" r0 m- c/ B" N   if (superballRunning == true) {) r" I% l  T( r' c
      calculatePosition();9 |- j/ O2 y% Y9 ]
      if (document.all) {# e$ Y  A2 H& Q: n2 s) Y6 [$ ?" @* I
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- A) |+ P' j* ~         document.all("supertext").style.top = yPos + document.body.scrollTop;/ S3 z( F* M; r' t2 ]9 Y
         }1 T2 d+ w! J/ f: V1 d: d. m
      else if (document.layers) {: S5 r+ J$ h, w: R8 S
         document.layers["supertext"].left = xPos + pageXOffset;
+ K, W  r+ _! @% y& E! A. M         document.layers["supertext"].top = yPos + pageYOffset;
2 @% F% n  N+ i2 F         }
- Y% x7 p0 a; ~* n5 Z, q: @" X      animatetext=setTimeout('moveBall()',20);- r% g2 W, ]7 b$ v
      }
: U& c! d, ]- X! \/ ~2 |3 R7 G' h   }
/ ~0 ?  D  @' h8 T
% P0 R! h: k9 _0 f' N1 Y4 Qfunction calculatePosition() {
9 e$ z$ o  S8 l8 t$ x   if (xDir == "right") {. n% V1 L( D/ g+ U& U0 c5 C
      if (xPos > (xMax - contentWidth - BallSpeed)) {, d  N/ U0 ^, g/ w2 `& h! Q
         xDir = "left";
. i/ `% J. I9 T         }9 y4 Y% V7 R* j" q: C
      }/ u2 o0 ^& U2 `+ c8 p6 N& e, I
   else if (xDir == "left") {
4 D9 s5 P0 U, m# x+ `. U5 p2 L      if (xPos < (0 + BallSpeed)) {
' p5 u  [. n8 C0 }& e         xDir = "right";" z6 s+ H, b* _  r
         }
8 D4 ~7 `6 U  `, @0 K' i9 R: D      }
1 s# T8 i1 P- p   if (yDir == "down") {! p2 t" ~9 x9 f
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 W9 e, S  v' R! K. m         yDir = "up";% ^6 O- T! N& a  O8 k
         }
1 d& u/ l: ?: D" F" D; e5 w      }
" w( O( m& K0 C' b6 g   else if (yDir == "up") {! N/ o# u7 o! ^- p$ [5 O1 N$ [
      if (yPos < (0 + BallSpeed)) {  l) z+ F5 S- I" w, l9 V4 x
         yDir = "down";. L( S2 Q  a1 h  T; }
         }
3 g3 f) B/ ]/ z! k' m( U/ n6 z6 o      }
7 K! S2 W: u% D, D1 l; y   if (xDir == "right") {$ y1 n, u& _: I" t
      xPos = xPos + BallSpeed;& F0 ], O- M! }. x
      }, m- w; M- I2 w- t' m/ `4 n; k
   else if (xDir == "left") {
! T; v7 x, j0 K( {1 Z- j4 I      xPos = xPos - BallSpeed;
9 o5 f0 S: U- c) b      }
$ p+ r! c) \9 b   else {) a) N+ ^2 j+ M% ~2 ^; ]' P
      xPos = xPos;
# k, r' s2 b* E5 Y- {- k  ?- S      }
3 O6 D+ N, \3 _7 G' [  ^0 W   if (yDir == "down") {
; X( n' r0 D* z5 B      yPos = yPos + BallSpeed;
( A* x7 B* F) g" u5 l      }
) T* s, m) A- o: ~) B2 t% T   else if (yDir == "up") {
! S* [( ^' [$ c. ^/ y9 x2 e6 R6 y% @      yPos = yPos - BallSpeed;
* N, n% w  G+ M! L: m( \, {      }% ^0 w6 X) i& V: e
   else {
9 b8 u5 W: y+ K: q2 }  j2 W      yPos = yPos;
# T- L6 ]+ i. m1 X% G& [# ^      }
! V, q! {; U3 y' r+ j$ E   }
8 A, \: c- K- i
! `+ t, B1 f7 [( N- Yfunction hidetext(){
$ k4 [* a% N) F% l$ uif (document.all)
$ K: b! {0 E* O' I; a+ psupertext.style.visibility="hidden"
1 u: G5 ?- B$ l1 q4 s" Belse if (document.layers)6 h0 l1 I! R' I* Z3 f# }
document.supertext.visibility="hide"
  w& {* z/ E& g5 OclearTimeout(animatetext)
/ Y, U; `9 u( t2 a0 O- {4 ]}
& [" o& l3 ^" P9 u- W  }" ]+ j. d, k4 k- t! ?
if (document.all||document.layers){/ P7 \7 ~; i5 ^' o3 O% R* [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! D4 b- [. E# Nwindow.onload = initializeBall;0 V% g6 C' [" K* b% S8 U4 d
window.onresize = new Function("window.location.reload()");8 F" c6 L( g; Y* i# d* T
}
: u7 b1 ~! n' o, p/ {
- N0 p6 W3 I5 E</script>