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

zw2004

<style type="text/css">9 D& o* n% `( w  Y+ l) T* H1 p
#supertext {( a8 ^. o- I; R
position:absolute;
3 m' o& T; k, [& K- ^1 ~  Fleft:0;; H1 T  C& w/ T+ I, k2 G
top:0;4 R' I7 b; j0 g# t0 E1 o; j
visibility:hide;7 E+ `0 c: \: {3 U4 W2 P4 s, m
visibility:hidden;
0 T8 u  `7 ^- l9 S( ^}
" d" x# N; V! s) j& d; e) N+ d& U</style>
0 K8 e2 c! h$ U, `7 C<script language="JavaScript1.2">7 X) t* z2 U6 V
<!-- 改变下的字体的大小。颜色-->
' @7 ^& E3 u8 D+ nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 \# G( \: q7 f9 [# {6 mvar hidetimer='';$ ^/ g. Z# N" `* r2 j2 ^! {
<!-- 改变下的弹跳速度-->1 ]4 A% o  F# @; R
var BallSpeed = 20;
7 ~3 H# `# H' Q6 `# u1 M) tvar contentWidth;9 @* B' T, M4 k( `$ g& W1 o
var contentHeight;$ T  ?3 x2 b  I1 T( B# _
var maxBallSpeed = 50;
% B, I% j* p* s/ b7 y/ u
! t; G% s6 G0 _+ m5 g' w% Y5 Y9 s+ ?: Z9 f" @: ?
var xMax;
) d  X% X) l0 w9 Y* `: Uvar yMax;
  z' l( l" T* Z: o7 p! wvar xPos = 0;
2 M& s6 \: u% q  m& `% F2 G. z! s6 dvar yPos = 0;
: C3 Y$ c$ v5 C* @3 ]2 K8 zvar xDir = 'right';
* D  }/ D8 c2 B8 D5 R# z$ F) avar yDir = 'down';
2 c4 B2 M2 |' ?2 m! Zvar superballRunning = true;) m/ n( _+ ^) [/ \, ]
var tempBallSpeed;- u$ a0 L2 r5 g  k2 X0 k
var currentBallSrc;
+ d' }# s8 S, S1 Q! N  Y) _' dvar newXDir;
! C% B/ i. }1 v* O  d/ `var newYDir;
9 w( J3 F; d+ s. \( j" e5 i( s- j
function initializeBall() {/ D/ ^! P. p& b# ]
   if (document.all) {
& z) z  z; L+ F1 J0 T      xMax = document.body.clientWidth2 S  N' Y5 B0 l+ b4 O
      yMax = document.body.clientHeight
. r8 C$ Q/ `9 k* _1 z7 g) L      document.all("supertext").style.visibility = "visible";
/ n3 t. ~9 {5 n1 U+ x( f' F      contentWidth=supertext.offsetWidth6 g# G  F1 ]9 _! ~5 d
      contentHeight=supertext.offsetHeight
" Z' k4 ^- Z# `      }8 Z0 ^# |( ^+ S2 t
   else if (document.layers) {# A8 o! H/ q' u, s9 G$ o, ^8 K
      xMax = window.innerWidth;2 ^0 E6 R, I, B; \
      yMax = window.innerHeight;" E* p( F) e1 o- O, _! C$ O
      contentWidth=document.supertext.document.width# A( b( l/ C: k0 d2 D8 f% w# ^% ?
      contentHeight=document.supertext.document.height
7 a% ^! |3 Y3 ?* w      document.layers["supertext"].visibility = "show";9 h' }" D0 Y1 i7 |) S& [* P
      }
$ v4 Q  T4 m9 i8 k- X   setTimeout('moveBall()',400);
* {+ X8 z$ N' _9 W7 n9 `   if (hidetimer!='')
: c3 W# D5 a  G- t& a. n4 P6 U   setTimeout("hidetext()",hidetimer)
9 P5 h6 S7 [+ q$ E8 {   }9 M& K9 w* A3 d+ \; F) V4 w* ^) ?
" T" ^0 w) ?' o2 D7 a: f* {; I: L
function moveBall() {
4 X& y. c) ]+ K) X, Z+ J. v  Y' e   if (superballRunning == true) {/ U' U! Q& T6 K! y2 ?0 T/ ~/ l
      calculatePosition();; |: N$ g% ~) l% p0 t" x
      if (document.all) {
. E8 K0 T0 M. L2 \/ X         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 B5 W6 E9 p: M4 U; a2 ]
         document.all("supertext").style.top = yPos + document.body.scrollTop;) U  l6 ], q  X' r9 ~7 O4 P7 V5 ^
         }
0 `% f5 \4 c* D' M/ J      else if (document.layers) {" Z, J1 T& F4 S4 O1 V
         document.layers["supertext"].left = xPos + pageXOffset;: J% Y+ _; Z6 L5 [+ k: a; y
         document.layers["supertext"].top = yPos + pageYOffset;0 d$ a% E( W3 O: k! r1 E0 f' X
         }) V$ K" g1 w* c6 Z
      animatetext=setTimeout('moveBall()',20);
7 W$ ]9 D5 R) p      }
% D& \1 R5 B8 y$ v- A4 f   }9 i# ^  P: G# D- i* t
! Q3 c# @! F0 b4 }
function calculatePosition() {
' F: H( u8 ~4 R   if (xDir == "right") {% l" [2 e7 H; F( Y4 D# L8 w& r
      if (xPos > (xMax - contentWidth - BallSpeed)) {; {3 h& M2 x% }( y0 G
         xDir = "left";
. U9 M1 L1 T4 t         }
9 f! A* X3 a- N% v+ Z, I* u      }- r5 @& C3 C9 X# l9 d
   else if (xDir == "left") {: h0 `- }, t" Z) |. G
      if (xPos < (0 + BallSpeed)) {
) L5 ~0 M: i' E         xDir = "right";
; S. u7 Y2 s. |6 Z( j         }0 f5 I; o8 I  n- z
      }* o+ C9 Z) L- @5 x4 ?1 m) J. I
   if (yDir == "down") {* ^5 y- F) Z6 S5 L
      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 b! N- |* t* R" X         yDir = "up";) q5 n* ~$ v' j, a2 u  s
         }$ c# ~) G. |- p
      }
8 E. }4 n+ q# \: e2 P1 A- J   else if (yDir == "up") {
' P' n* Z' X" }- b! \      if (yPos < (0 + BallSpeed)) {
% |# a( A% c) n, {         yDir = "down";
" v' ?. ]" K9 ^% [8 P         }
1 t5 k8 o" Y' q* _% b* r; B      }% `$ D5 a2 D, `( h1 X
   if (xDir == "right") {8 Y$ x' Y1 ]( r  r
      xPos = xPos + BallSpeed;
  ~8 c2 b5 U  H      }
$ ^8 v# s4 U" s6 W   else if (xDir == "left") {5 s+ s; W+ _' O" V6 z! m& w1 T
      xPos = xPos - BallSpeed;, g. j, U" r% @' ]3 U9 _" Z
      }/ v9 c$ S3 p9 F. a1 R& K- N
   else {
' W1 z  ?  j$ g- D# E( Z# {7 a5 I      xPos = xPos;. I& U6 c; u% T9 I+ z6 C) o
      }8 s! p  X/ _# e$ M. n
   if (yDir == "down") {
2 s' x; _. ^& r& l$ U      yPos = yPos + BallSpeed;! i# X& w6 E! t% ?4 m0 O
      }
) ^/ a3 x% N" l. J3 l   else if (yDir == "up") {
4 b. {; _1 O3 {- M! ]! `! V      yPos = yPos - BallSpeed;
* ]+ V7 Y& \8 _) l; e& w9 w1 d      }
6 n! ?' `, f6 X( w) {   else {
& T" g7 U' F# G9 W3 ~      yPos = yPos;
% `+ X& h8 c+ ~7 `" @      }4 @8 O5 S% R' @8 l) D9 l, [5 ]
   }' l) m9 [* Y, Z& @* X/ g6 W

2 X) O7 d1 C; L8 D8 |function hidetext(){
, a8 _! V& z) f! Y" n% Lif (document.all)) l  R+ E% ?6 i8 E* i
supertext.style.visibility="hidden"7 x( X+ o+ R8 J3 }; I) y9 X0 \! _. ~
else if (document.layers)/ ]7 e" ?' @, l' _( S3 {- a
document.supertext.visibility="hide"
6 V' B: u6 ?3 LclearTimeout(animatetext)* s1 F. k8 Q, t& }
}
1 r% K2 z$ \* x( W; I/ S+ i+ ~+ `( z6 U! N0 R* F8 n
if (document.all||document.layers){2 ?* t" `: z( j7 b% f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 v, j4 _/ m8 J+ [9 U" o
window.onload = initializeBall;
$ F3 M& T0 d6 X& Awindow.onresize = new Function("window.location.reload()");" X6 T8 p$ e# N- c/ H9 o: |* J# @
}' A3 T; e' P6 i. z1 Q& m, R0 d

0 J  a& C7 U7 b) `1 @5 d</script>