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

zw2004

<style type="text/css">
4 t, n& s5 x5 @2 r$ [* L$ {#supertext {- w3 f! {* f0 J
position:absolute;  Y% b  P: M, w  D5 X! t
left:0;0 h. `. s' y* r3 }: v5 u9 v
top:0;' {/ S7 K. z7 R0 d  @8 E, y
visibility:hide;
( S3 x  ?! ?$ u: O  k' }  x5 Z6 Bvisibility:hidden;
! m% D& w7 \" e, x# n8 |  q0 g}, z4 t) [5 a. ~
</style>
0 l5 p0 s- P8 H* [2 |& T5 E<script language="JavaScript1.2">
, i. [& o- F2 i# J1 K' I& ], F<!-- 改变下的字体的大小。颜色-->
) r7 a% z, c" b; v  N* ^var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& v0 S3 g% ^$ X  w' X1 N8 [
var hidetimer='';
& s5 ^3 a8 E- G<!-- 改变下的弹跳速度-->
: O  U& E" S6 C7 S( xvar BallSpeed = 20;" D# Q, E8 z% q) U! a. B8 D. g
var contentWidth;
' i" w3 w: P) E/ Mvar contentHeight;/ [% C' [) \6 L$ z& r$ a
var maxBallSpeed = 50;& O4 i$ I/ Z2 i- Z1 T

9 U- Z  ?4 N) I6 s8 P( T  `
1 j4 h1 F2 d& |* ~7 cvar xMax;
0 U( c$ `8 ?8 @( ivar yMax;
+ b5 p' f! |( q7 s/ ^1 Bvar xPos = 0;
' E1 f  a' V7 A* \: c- m' {9 ]. Vvar yPos = 0;
- E1 o. Q) l# ?/ t9 e/ F/ [var xDir = 'right';$ i& U0 J6 m% k3 a; [' X9 ?4 b
var yDir = 'down';
' B) [! n1 K$ B" i2 P- }var superballRunning = true;' X% r& ?1 H% ^0 u, V
var tempBallSpeed;
0 ~2 n- ~) w: B3 |( Wvar currentBallSrc;
! v& p3 f9 Y* P; S/ uvar newXDir;
" [1 y. i% H% X6 K  h) G/ L% evar newYDir;8 ?# |& n- S- [% i- b, V+ r+ V
; o' ]- ~) S7 D: W" |
function initializeBall() {! E0 L( S( e1 a7 n; T8 r5 R
   if (document.all) {
: Z1 K8 q7 }5 P# A% e$ E' S7 K5 u      xMax = document.body.clientWidth
) u. L' ]9 F5 Z$ W      yMax = document.body.clientHeight& f, d# X, a9 Z0 T
      document.all("supertext").style.visibility = "visible";3 ^0 o. y& F: e. P1 c; ~: B5 g
      contentWidth=supertext.offsetWidth' ~1 f% I9 z3 T0 E8 }
      contentHeight=supertext.offsetHeight; q# l; T( z6 O. B4 N# B$ w
      }
: v0 z3 p7 |: ?- p. L   else if (document.layers) {
% l8 Y* ]. F+ S8 C' u3 E      xMax = window.innerWidth;1 ^; b5 M% M% w5 h
      yMax = window.innerHeight;
+ D* V. q" y3 w* Z. Q. k      contentWidth=document.supertext.document.width
5 \' l9 H  D. P6 a9 ~( H      contentHeight=document.supertext.document.height
$ z7 A) }- u5 D" l( g      document.layers["supertext"].visibility = "show";
3 T- g9 H! |9 P0 a$ ~: T      }3 T3 U' U( E# J/ r+ Z6 b
   setTimeout('moveBall()',400);8 L9 u: _3 |6 [' S6 Z
   if (hidetimer!=''), q* n% D8 Q. r9 s5 c/ E. F9 A
   setTimeout("hidetext()",hidetimer)
9 K2 J' C' M3 N0 v% k   }
. j6 G' @" K, H5 A% Y
. [+ {& V' l, Z# u3 D% l. tfunction moveBall() {% W1 I- @* O4 J& @3 p' _$ q
   if (superballRunning == true) {
: L9 w' B8 p2 @  R) i" ^! x8 h+ M      calculatePosition();
. x0 E  \: s% F0 b& B8 y      if (document.all) {
" h+ T( J+ ^: h' p4 i# N1 }6 G; x         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 H- C: `5 M% i         document.all("supertext").style.top = yPos + document.body.scrollTop;  d6 N& y% a4 T7 Q
         }: a4 c! Q, D% E. e+ N* W  }
      else if (document.layers) {
4 m/ k% R0 A7 |: x% I4 I         document.layers["supertext"].left = xPos + pageXOffset;
5 F, G6 r9 U: Z5 y3 H         document.layers["supertext"].top = yPos + pageYOffset;4 J% d) x1 d4 i$ ~) f. c; L
         }' h0 v: Y0 C# S1 }$ T- g' s2 x
      animatetext=setTimeout('moveBall()',20);8 C" G% \2 ^. o  g
      }
1 b5 c/ D1 J4 N: S6 u$ i/ g+ a/ K   }4 [( {/ _, W& ^  V( E" `7 d& P
0 y; ?$ ]5 j) T; e: [
function calculatePosition() {
* ^7 z9 o: S  y, T/ e- f& o   if (xDir == "right") {% J; j7 q2 |3 W2 _; X
      if (xPos > (xMax - contentWidth - BallSpeed)) {- [& s5 d0 R5 a( C9 W# `( T
         xDir = "left";
+ L; z* q1 H- `8 R' F. m         }
9 M5 l8 X/ _; `9 P- u1 \      }7 r5 Q& P5 F9 s" w
   else if (xDir == "left") {2 L+ e: J* R3 f
      if (xPos < (0 + BallSpeed)) {
$ Q5 Q5 s. Q) E! L! Z; E         xDir = "right";8 S  c% l$ |8 P: D& x# n
         }5 t8 w/ d+ b% K: D7 @2 h  j) {
      }/ A' b( Z& H  `  g5 \( g: ]
   if (yDir == "down") {) p# D" i: ^) M
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& w) W0 O6 X3 w# [4 D: l' H* e- o7 R         yDir = "up";
2 e, S' x' q6 E         }
. L( |& @; t2 y* i- m" F      }
- _; P0 }2 h* j' V% N; X   else if (yDir == "up") {# ~, c0 a* {+ @' d8 R
      if (yPos < (0 + BallSpeed)) {* n0 g& J( P0 G
         yDir = "down";# R3 S8 V  b# m
         }3 O# [# B* F1 R0 B: V* x
      }
4 o4 ^6 k7 s0 A7 |8 g   if (xDir == "right") {
9 J/ m$ g; i, [9 d$ k! K( f! r# z& i      xPos = xPos + BallSpeed;
7 v- G' v1 i$ A2 o* P      }2 W0 y1 A! F0 x4 u: W: y1 {0 P2 U
   else if (xDir == "left") {7 P$ m/ Y& T6 }$ h1 M3 S
      xPos = xPos - BallSpeed;1 B4 ^2 R8 _; ~  ]
      }
4 J3 D; W- R+ E   else {
4 ], U3 g$ I; d- ^- e      xPos = xPos;
9 e- a" S# q% c2 f3 [! k      }
# g) _9 T; Y8 J   if (yDir == "down") {
9 j5 S/ Q# I5 N$ G( V! p# L- }* u      yPos = yPos + BallSpeed;6 D5 w- N+ O' V) ~
      }" @- E3 f2 l) A+ i; q
   else if (yDir == "up") {" B% {6 y1 N2 Q0 ~) b* S
      yPos = yPos - BallSpeed;' D+ H% k; k$ y6 o
      }+ W4 v$ K. v2 D* u
   else {
6 S; Y0 B; l* h  u  C  L      yPos = yPos;
7 T7 L% `) c4 j! {6 k! w      }
5 N. ~4 O1 [" P/ M   }
8 Q" \# L+ @9 |( s' X- M) O3 {  W" t6 G% c
function hidetext(){
7 e" O% B# _: h! N6 L$ Dif (document.all)
1 D7 {# J4 l9 t1 ?  Isupertext.style.visibility="hidden"
2 Q: _" J( X7 L1 W0 Z, A$ [  {/ ~3 _else if (document.layers)
! d5 O0 Z+ R% {( D3 l/ p6 Jdocument.supertext.visibility="hide"0 I7 Z+ F2 t, \
clearTimeout(animatetext)  n" H4 T) d- C' O! V7 J  i
}
0 b6 x% _5 p0 F! o1 M& V# `* N$ m% E5 P- m
if (document.all||document.layers){
! C  ?, q5 m3 U7 h6 s9 Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 A# }  c: ~& Y! T9 vwindow.onload = initializeBall;
5 w9 q1 e- s( Y# \- b/ u/ C- @window.onresize = new Function("window.location.reload()");
: x; \$ k( M: u: o5 g: n% _}3 @4 `( W9 T+ r! |: r; G, r
4 a, [1 h- Q% ~6 ~3 k
</script>