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

zw2004

<style type="text/css">5 U, \' O. }! u# c
#supertext {0 F, l1 x' |# N  S: d
position:absolute;& A3 w7 ~7 F8 q% F
left:0;; J/ L" I# A2 N2 Y% s$ c) M
top:0;
2 l; b$ z2 ^- V6 {6 w! F3 u2 yvisibility:hide;
: O, T! R( J' m+ ]visibility:hidden;
. Z7 l- F  x& ^8 g}
" U; W8 z. K" g</style>
( b0 Y& l0 g' k: N<script language="JavaScript1.2">
, B) |& s+ n* V( n  d' i<!-- 改变下的字体的大小。颜色-->1 @- A. p, K$ n) K7 k9 {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ B  \6 B  ~$ m# h
var hidetimer='';0 V: n* V( z7 {8 Q; z" ~
<!-- 改变下的弹跳速度-->( Q3 q# _( F, J+ v1 i) b( Q! h, k) g
var BallSpeed = 20;9 r3 ~! X) M: R1 z4 a
var contentWidth;  S$ u( I/ s3 d
var contentHeight;
8 p$ f* r0 X& k( x6 V! u1 Vvar maxBallSpeed = 50;
/ y' [6 f+ b7 w; p* `1 S' R& y: [

8 |1 _! R! H9 Q: lvar xMax;) d. T3 f+ r. F/ i6 b
var yMax;6 \& Z6 H7 t3 h3 @) @3 [2 [3 h. m' _
var xPos = 0;" k9 l2 f9 H* `. Z9 E3 n8 l5 g
var yPos = 0;- p" W. L+ O! d& z7 `0 J2 G
var xDir = 'right';8 k. L" ?* Q1 N3 y
var yDir = 'down';
9 n8 K7 c7 D. d) j: @/ cvar superballRunning = true;1 u0 F; r6 W$ p, ^
var tempBallSpeed;. E! V% D2 m( V
var currentBallSrc;
6 `. x; I* x9 q4 Svar newXDir;
3 Y. n6 @4 N% d7 ?5 B/ i# Z$ i: ^var newYDir;
3 [, t/ t1 k' ?. m: i( |% f" L; e( M' w" p9 p. Z& k7 |
function initializeBall() {
/ a5 e7 b; x) ]2 r3 R   if (document.all) {  E2 X4 d: W, }% l
      xMax = document.body.clientWidth' I0 t% [+ |- i  x+ l% n. ?
      yMax = document.body.clientHeight" n% o8 `" u: L. D
      document.all("supertext").style.visibility = "visible";
7 ^2 f6 @6 a* E5 E- f8 U' O8 G9 Y- @      contentWidth=supertext.offsetWidth5 W% S- o$ a  g4 T) r. H1 e
      contentHeight=supertext.offsetHeight( q9 m' d) I3 Z" F* e5 l7 c
      }) z1 d9 U2 ?$ Y- H$ Y5 _9 M7 E3 w
   else if (document.layers) {
( W3 q+ P% `* g, [      xMax = window.innerWidth;
: A7 a  w; T  Q6 |- B+ r* n2 @      yMax = window.innerHeight;; a1 @! A1 i+ Z9 M6 t, h  i  G
      contentWidth=document.supertext.document.width% |$ G) [( p+ Z2 Q
      contentHeight=document.supertext.document.height
% z# A/ |; r7 V3 G: b* _; g. k( s- z      document.layers["supertext"].visibility = "show";
  |9 E% p+ C8 z/ o; `0 z, _6 z      }* I- X. L- c4 ?+ A8 D- n# J4 Z- ]
   setTimeout('moveBall()',400);
! Q# B; q  `) m& W   if (hidetimer!='')! M5 J# j/ r7 ]  {* W# }
   setTimeout("hidetext()",hidetimer); O9 ]  `6 H2 P& w- b
   }% ]( b; x# X1 q8 i8 \

9 D! j5 c6 E* \! J6 Bfunction moveBall() {0 i% x- L# X) T5 k/ m) G
   if (superballRunning == true) {
" i, z' T7 P6 ?- B      calculatePosition();- K2 p3 f8 t0 B, N! \6 w
      if (document.all) {) q) ^" J' s4 [; B3 x5 w# B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# L$ b; E  z, p7 A         document.all("supertext").style.top = yPos + document.body.scrollTop;
) J' e8 O3 f: x; H' v9 Q+ `0 W) o         }
7 f' B0 t4 v. P4 w( |      else if (document.layers) {
! }' O& l% L( N: W         document.layers["supertext"].left = xPos + pageXOffset;
/ m5 [/ f. h* t4 a4 h         document.layers["supertext"].top = yPos + pageYOffset;
9 o9 \8 i0 F5 A, I1 c4 z         }
5 p, {% Y7 {# ~      animatetext=setTimeout('moveBall()',20);
8 o; a' c: n) _$ o      }  B. P4 o0 _, w8 u
   }
' D: @: R- q0 G; H2 G
2 M, I, n7 U% r4 wfunction calculatePosition() {
$ N' G. l1 L! n# X   if (xDir == "right") {" f9 G0 K9 G2 h" w+ E$ m! C1 c# O4 C
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" \4 m: ]. S. I         xDir = "left";
! y9 r6 K  |2 w& x' H) z3 w         }
% P& I) x2 r& J6 S; T( h3 V/ E" f      }
! q' F( ^1 }- Y9 L   else if (xDir == "left") {* T4 i" m) Z5 l( }, f7 t, H
      if (xPos < (0 + BallSpeed)) {
' w$ @' Z6 q* {( ?         xDir = "right";
5 V- ~$ u+ K8 B$ S' B5 x0 F         }
& d8 F  I- V7 O* S5 E6 T( r: ~$ o      }3 q2 T+ T' d% E7 D9 g+ ?+ U
   if (yDir == "down") {
0 `2 Q- v; f& |- o. ]) I: y" e4 f      if (yPos > (yMax - contentHeight - BallSpeed)) {
* z7 b  p- m- h8 z: `# {1 Z7 T         yDir = "up";# @) a* o0 z# ^1 N8 @- K% j
         }- d* t# x: e3 p; s) O. F
      }
& [4 R" s* A: U7 O& ]8 u/ D) i   else if (yDir == "up") {" ]! a9 Y  k4 n! o9 f
      if (yPos < (0 + BallSpeed)) {
) z/ Q) [$ p0 ^; |& ?3 i* h0 {         yDir = "down";- F( u5 o: }/ n. F" Z, x5 V
         }( ?1 ]( i5 Y* s) k( y2 G' A
      }: c9 O& [& e( N7 I7 o- F
   if (xDir == "right") {1 a( J/ ~, M( ^2 q( J1 J
      xPos = xPos + BallSpeed;, V8 b/ T1 d6 f# e9 Q- _6 p+ C
      }
& ]! g: T% g- f+ X$ b) ~   else if (xDir == "left") {0 C/ W; K% \# K! ~% `* q( I+ Y- x
      xPos = xPos - BallSpeed;( F' G: Q# @& ~- ]3 F) M
      }
; v! v0 I3 j4 i) t   else {
, W0 U+ C: `& }. w      xPos = xPos;
) t! k" _+ E( H3 y6 [4 ^      }
) K- P( d( b7 ]. x% _" W5 J( {   if (yDir == "down") {( a! y$ g/ q6 |9 |  V( ^
      yPos = yPos + BallSpeed;  M8 V. z% y: o/ U% m. L
      }
1 `: m. o+ S- T" u   else if (yDir == "up") {
/ I* Y8 b# C! T, }( Q1 N* R0 g2 @      yPos = yPos - BallSpeed;* x3 X. U9 A2 j( z/ m  v/ S. b
      }
2 g& K7 r7 p% V5 X( r$ A   else {
  b8 t% ^& i, e$ X* Z6 ^8 {      yPos = yPos;! E" a6 Z, m9 w
      }# G4 j" z( T1 k
   }
/ l) U6 ]/ `) X% [" m4 H
8 d+ L. V2 b' v5 C, Nfunction hidetext(){
0 S' y  b( l; x% i% sif (document.all)
) W' o4 C" D7 }7 s* `  t: Wsupertext.style.visibility="hidden"
4 N9 }/ t, i& O7 |4 Yelse if (document.layers)5 _  q% F; v' Q$ }: L# s. \) q
document.supertext.visibility="hide"
6 I; N$ P8 H' F0 `clearTimeout(animatetext)3 R- B* e# s6 Q
}
5 I& M2 _( F8 l! m' Z. A# ~8 I2 w* |) j* I5 @5 Y
if (document.all||document.layers){
: I2 K  ^/ t; p/ B5 q! L) C  \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 C1 F. `: ]6 Z$ C( E  swindow.onload = initializeBall;5 u# R% u! U9 Y5 ?5 q5 ~- o! b
window.onresize = new Function("window.location.reload()");
5 d7 P& r7 c; M# r}
& O1 Y  K& N: p6 R2 D& D2 P7 T7 ^$ R. B
</script>