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

zw2004

<style type="text/css">4 L( a, }- G/ u) `6 o  A4 h( c2 q! e
#supertext {9 Y3 J) N) D/ _; ^6 S( u: S( g
position:absolute;7 X+ |1 T. }  r* K8 x- K
left:0;
; ~% f1 s  p# P2 u) X1 Y' Qtop:0;6 P: q" d  F3 K  W, @" w* T
visibility:hide;
0 M8 Y$ A/ z9 ]7 evisibility:hidden;4 h8 ^* N* J2 k( z/ e
}
, t+ d$ T2 u* c1 L</style>
5 Q( H1 ?! O  ^* x( X$ Q<script language="JavaScript1.2">* |: V9 o0 z( d; r. k8 B$ E
<!-- 改变下的字体的大小。颜色-->
4 S) ]+ }* `- gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 d  K: `, [. N) W" ?7 C' e& dvar hidetimer='';* \& t4 o0 J8 N. W4 c
<!-- 改变下的弹跳速度-->1 J- g' Q6 k; W' \- c0 S. z
var BallSpeed = 20;$ k# [. t  I- R- z
var contentWidth;! L/ ~7 O+ m9 [. g3 a
var contentHeight;3 V: j. l0 o8 G. C
var maxBallSpeed = 50;+ k' D/ |8 U6 e1 f& s& m

! E8 K+ w- F! W. I- ?# Z
" h' l* J* U, A9 C: rvar xMax;
. G+ d% `' a# qvar yMax;, @$ k6 l% j1 {, O" r1 ^8 [
var xPos = 0;0 }- K( a% @7 z2 m+ r
var yPos = 0;" h/ K- R/ Q' D0 w1 y5 P! F4 U3 _
var xDir = 'right';
; l* _- r: j! u) r; s3 M4 uvar yDir = 'down';) g/ p8 ^5 ~% M7 J! z; X
var superballRunning = true;0 L- Q% b# y' f4 B& h) @8 J
var tempBallSpeed;
: j7 K. q. ~! ^" x0 a) a9 _! Xvar currentBallSrc;
% \3 U& n! u" K( Uvar newXDir;
& s& R  i- E. R0 m# s% s1 zvar newYDir;
6 T: X5 K. {* I0 z
! v+ Q! r9 K6 U9 t4 f* |function initializeBall() {* G( m% {- U$ B2 a3 U& W1 p
   if (document.all) {, p$ n; Z, V' r  W8 M5 @
      xMax = document.body.clientWidth
$ r  C5 E. D) ~! ]: R) a      yMax = document.body.clientHeight
7 ~; A( u) A" A2 f      document.all("supertext").style.visibility = "visible";
$ c' p' h# W- B& R' ~; d      contentWidth=supertext.offsetWidth1 C- m: ~! D2 \& L# B! d0 p
      contentHeight=supertext.offsetHeight# k- u+ W+ q" d' T% \* h2 Q
      }
  U* Z+ f! ?: K( `: @' i, Z   else if (document.layers) {0 u. {: i) [$ s% R- S7 n
      xMax = window.innerWidth;
+ R- w" ^1 i! m, p% F5 k! C$ v      yMax = window.innerHeight;
" K6 F, Q: I" B% v: h1 Z      contentWidth=document.supertext.document.width* u% d2 H0 A) _7 I( y5 G( H0 o
      contentHeight=document.supertext.document.height: b9 M3 J' T6 @5 ?; X% B- ?( D+ ^  P8 }
      document.layers["supertext"].visibility = "show";7 E7 l/ Z6 Z6 ]' Z' a* J! k
      }% s3 \: |- z; v0 }' J
   setTimeout('moveBall()',400);
3 i# v6 }9 s" I- [9 ?6 J   if (hidetimer!='')4 Z" q$ |1 a) U9 l1 T
   setTimeout("hidetext()",hidetimer)
) m- J* ?4 l. z  f   }9 ?9 `% ]  H: \2 c% \* X1 w

' l. G$ R2 l$ P$ J/ `3 R5 ofunction moveBall() {
# I/ q/ U3 _4 W! L" w   if (superballRunning == true) {
( L6 G7 q2 B) A  f0 ~      calculatePosition();
* i% o9 E. Y- [2 `! B: B      if (document.all) {& y5 |" b+ ]) d1 F  H2 G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" c; p3 p7 R: j2 f8 E8 s5 u3 D& o
         document.all("supertext").style.top = yPos + document.body.scrollTop;' W) ]8 }5 u5 f9 J
         }
9 m, V; W6 l. D      else if (document.layers) {8 ?* u6 a( M5 j" a+ T4 z9 n: F
         document.layers["supertext"].left = xPos + pageXOffset;
$ P( N, `8 k' X3 b7 M         document.layers["supertext"].top = yPos + pageYOffset;
7 T) r9 v/ X0 \5 N" j         }3 R$ |0 n- ]( C0 R& V( R
      animatetext=setTimeout('moveBall()',20);  J. q+ z+ U" R2 d& ?- i
      }
3 V3 q% m) h3 ]; l0 K, h1 r' A9 B: N   }
! e% z4 q' e8 i
" j' l3 w& v/ p& P. Sfunction calculatePosition() {5 f' F- H) ^) a. ]  D
   if (xDir == "right") {4 Q/ ^3 c: k+ u, |
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ o$ _, k$ p, [+ J- {
         xDir = "left";1 C8 v& O: J* h+ d3 c8 H" s3 @( N
         }, G& V6 j5 X8 k8 q3 _9 I
      }
- U6 c7 c- P, H8 q& m   else if (xDir == "left") {: U$ O1 A) C# L# P5 a
      if (xPos < (0 + BallSpeed)) {9 r& c& [) A- m
         xDir = "right";
9 R$ N" I- k4 K         }2 Z% N4 {* ~& A( `1 K3 o& s
      }' f1 ~! w/ r2 E* P% r0 b& i- j
   if (yDir == "down") {
" h3 z: K4 A5 ^  ?+ \      if (yPos > (yMax - contentHeight - BallSpeed)) {7 q* X- c! a$ ]3 V+ @+ @! D- |4 I7 k
         yDir = "up";# ], t5 e& D5 |$ K+ y6 _- Z
         }
7 E0 I8 Q8 V8 V9 t( O9 |      }
; [8 U- b5 z1 b9 S7 U* Q* O# g   else if (yDir == "up") {
" l1 |: B+ T4 E1 O# H# f% N& v      if (yPos < (0 + BallSpeed)) {
4 m2 ?, f- c3 O( c- Q2 t3 ~# s         yDir = "down";
$ {* ~4 b" y) c* s" @7 ^  o         }! A. K0 V# p0 _) c7 k" U6 H4 c  U
      }
! @- w6 C/ c5 q2 B- h& m% T   if (xDir == "right") {  X& L: [) g6 p( z3 Q, H" X
      xPos = xPos + BallSpeed;! O* J9 p6 m+ y$ ^
      }
/ M; l4 y8 L- A# }   else if (xDir == "left") {0 \+ }3 E9 Q$ O+ Y8 W6 n! N
      xPos = xPos - BallSpeed;
2 W. y. }/ b& N0 L# M      }. b/ v: b, j  H  d* K3 I
   else {0 v: r5 c2 m. e9 A. a
      xPos = xPos;' E8 u/ R. T( B, ?" n
      }: r& o8 _' o. r2 O' _. K# Q7 A! s
   if (yDir == "down") {
9 H3 s+ P8 C" S      yPos = yPos + BallSpeed;  g0 T, V+ b4 z1 a* r
      }
0 k" m. G3 ~% t. b2 A   else if (yDir == "up") {
3 D) a& g6 {1 a5 f" a      yPos = yPos - BallSpeed;
/ r5 E2 e; M+ v# [. a- a      }
, v0 F: i6 i8 j3 T9 l   else {- e7 ?6 s1 T" g+ b7 U6 v
      yPos = yPos;9 W. ^" v5 M$ P4 J7 Y
      }
7 s6 G9 P$ g0 U) E% a3 `   }! M# q, ^" C; h9 Q7 K
) N% h% @# f( F
function hidetext(){# Y5 z. H/ I( {9 d8 P/ Y; y
if (document.all)
9 ]8 A$ O' u! u+ B7 \0 [/ nsupertext.style.visibility="hidden"" v& H9 z4 h( H
else if (document.layers)4 @6 Y& R, G1 E1 A0 c0 r$ {
document.supertext.visibility="hide". T8 b$ Y/ Y( S
clearTimeout(animatetext)* C/ h, _% C7 [% f9 T2 X6 J
}
7 F) q3 ~- z: O% a- k3 o; q0 W" S4 C) z: @" [3 M  N1 b
if (document.all||document.layers){
9 v% p- G& U4 C* O5 {- pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ Y2 T# C- S4 `4 o  ^, a6 w% F7 x
window.onload = initializeBall;
( p) A& E3 a6 s% p2 A( [+ f7 qwindow.onresize = new Function("window.location.reload()");
$ e% l4 C, B: x1 y8 c}+ E2 C* F  T& t+ A0 \; K# v! S

- r9 a! t3 {6 ]! ~4 {</script>