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

zw2004

<style type="text/css">  f4 c5 E8 h3 c/ ]6 h! V0 Q" n( X
#supertext {
: N0 U# G3 g6 m# @& Xposition:absolute;1 |- J- V- y8 \* A+ y+ Q
left:0;( }7 f6 b& {9 u& M
top:0;8 S* U( T' b3 |* {
visibility:hide;. b' S, |* Q# `6 |9 R/ }
visibility:hidden;
# ]+ ]# y! z9 h}
6 l0 s1 v9 b2 ^0 I, G1 D</style>4 ?; ~- n' A1 z" [# @2 H1 E: d9 I0 r$ W
<script language="JavaScript1.2">
2 O0 I% G2 v* ?<!-- 改变下的字体的大小。颜色-->2 F+ P$ ]( E" j4 P8 i% R1 K5 s
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 x) y# q) x7 L8 |
var hidetimer='';
. a' E) N" L9 K' ~/ R0 r0 E: W- l<!-- 改变下的弹跳速度-->3 Y# {  h" N5 g1 \/ [. S
var BallSpeed = 20;
4 H% V5 {3 X; _var contentWidth;4 _7 y; A* w2 l
var contentHeight;
% X/ m0 E) C# n7 }- dvar maxBallSpeed = 50;: ~9 M! j1 H( S. p
2 n; b2 Q# ?7 Z, d3 n+ i  r
; l1 @5 r4 v. a& I- d, i) @
var xMax;) s; d" m* s" m* P% N
var yMax;2 y$ ~* k$ e9 }* y' o9 D
var xPos = 0;) ?* n' f. L: Y- N3 P. F2 M
var yPos = 0;
$ O  a9 l/ |4 ovar xDir = 'right';
' Q4 C$ v2 ?7 N, p" [1 S5 u  Vvar yDir = 'down';
$ q! ~: n; |! l" S* v7 a( ovar superballRunning = true;! p/ s  e  K( V0 ^* x, l% R9 A
var tempBallSpeed;2 ]; s3 }: B3 n6 W- [- G. }7 l
var currentBallSrc;
- V) E6 K& m  L5 w) h4 ^var newXDir;
1 x& g; i2 x5 [; Wvar newYDir;4 r' i' H- Z2 w/ \
7 g& i% u( a- ~) D! I
function initializeBall() {+ [& p& c  F1 m( {& y$ `8 m/ {7 z
   if (document.all) {
: S3 C) V$ J4 m; Z      xMax = document.body.clientWidth! X7 H0 g1 m/ t8 J4 l( a7 _* @
      yMax = document.body.clientHeight5 ?% U( U: M+ c
      document.all("supertext").style.visibility = "visible";& u+ e% ?1 g  Z! x0 T7 F8 H% |
      contentWidth=supertext.offsetWidth
) J+ z! R% |% d' v/ w      contentHeight=supertext.offsetHeight2 U$ Y' g' i! Z6 u" L' N
      }
( s! S# A6 ?6 I5 p( I   else if (document.layers) {
! S& Y: l4 {- V  H: G& s5 A$ R      xMax = window.innerWidth;! J: [5 q0 w+ j; G0 H4 A
      yMax = window.innerHeight;
1 @/ c, t; f  _9 W2 v- T4 ^      contentWidth=document.supertext.document.width: @4 I# x/ }9 c* ]
      contentHeight=document.supertext.document.height
1 s. {& j2 m) D1 G% [  G      document.layers["supertext"].visibility = "show";5 T; Q1 o7 \3 }( G. \
      }
% }* s" D$ X/ Y6 d   setTimeout('moveBall()',400);
5 z3 H: s+ f" N* L9 p   if (hidetimer!='')9 R+ Q. _! u  E% T) C2 s  i
   setTimeout("hidetext()",hidetimer)( c; Y9 `# ~% J7 B2 ^! \/ a
   }4 B6 m. u$ M$ C% _
" r7 D: w: [! E# G5 x5 m
function moveBall() {
7 T; t' R8 z& B- Q5 D3 y   if (superballRunning == true) {
8 x9 Q5 [  M/ t      calculatePosition();
5 Z) g: U9 M8 \) ?1 T' D      if (document.all) {
! S6 g2 G3 q8 h$ I9 k         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 r0 V( G4 u% w
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ K. c% c/ ]+ U- y# }5 Y         }
8 c8 O. n/ s& J/ J! T      else if (document.layers) {
$ |8 ^  J8 B; j* d         document.layers["supertext"].left = xPos + pageXOffset;$ [+ i; i$ M; N/ u% G2 B: G4 b
         document.layers["supertext"].top = yPos + pageYOffset;! M2 _0 e( ], M0 q
         }
* U- W% {$ c5 u$ P* D: P; b) Y0 j      animatetext=setTimeout('moveBall()',20);4 T1 E) T1 b- A
      }
! N  s5 s' C6 S& s* a, e   }
1 O" [3 ^/ e* g/ I" [
- m/ [5 G9 j5 [) [function calculatePosition() {: N# j+ `: S$ O6 _5 a4 o
   if (xDir == "right") {
. v* o1 v: y  P; l1 L5 l      if (xPos > (xMax - contentWidth - BallSpeed)) {
; L+ K& v7 _, o: i+ g( i         xDir = "left";& ^( A7 D0 U& ^2 K* K- |# [
         }
4 K7 ?' F! k3 J1 _9 H      }
2 H9 g3 f: Q" Q# P2 u1 }2 B   else if (xDir == "left") {
- a( x" [. h. J1 H* N. M      if (xPos < (0 + BallSpeed)) {+ w# w. n( m$ k4 l
         xDir = "right";) K' V- U6 s, |+ F2 {. O
         }1 ?4 H; e) M" a1 z9 ~5 P% i1 A
      }
' \, a: v; G* e+ Q" @   if (yDir == "down") {
( i1 z  Z4 |) l      if (yPos > (yMax - contentHeight - BallSpeed)) {$ {7 X" `5 J1 O" G3 z
         yDir = "up";
# `- w) q1 V9 Q& A6 W7 ?         }
5 u1 F4 u& [8 {* Z/ E0 Q5 H+ Y      }3 N, m2 H9 y* E" s
   else if (yDir == "up") {4 b) B/ Q4 A: l5 W( }  b
      if (yPos < (0 + BallSpeed)) {8 s3 b1 g' R% e4 W
         yDir = "down";+ c/ M4 O  n; O; b2 ^6 a5 h
         }
+ {0 X& R- I7 n! Q+ y9 J" ~9 ^      }, ^* K" S1 G) H1 c1 o4 Y. t8 q
   if (xDir == "right") {. O0 }9 E6 o3 Y
      xPos = xPos + BallSpeed;; }* J1 k2 [: N. k' w; D
      }* E& H: L  Y+ \" j/ g
   else if (xDir == "left") {8 p; q. D, Q4 R/ n; B6 j4 B
      xPos = xPos - BallSpeed;6 {. F2 S5 f* e, S9 [
      }% o: {; B& K+ t; n; ]
   else {7 v0 `! c$ u# [) \+ v8 h5 k8 R
      xPos = xPos;
: p' r; z* F8 a) f* O& ?0 [7 `+ F      }
7 e1 K  Y9 z  h( z0 d1 B, R   if (yDir == "down") {" _6 R1 e+ i8 o# q& n9 t* \' Q) P1 t
      yPos = yPos + BallSpeed;
" {8 }7 e/ P& C9 I; t      }$ o/ t, E1 f( ~; S' o
   else if (yDir == "up") {2 A+ w' B' H4 F5 ~- R  H
      yPos = yPos - BallSpeed;
, c" n; r2 o& Z6 P" z( J, t4 A      }
& a0 d) L) ], ^9 i" o( u$ I   else {
& q8 G9 B- l8 `! ]      yPos = yPos;; C+ t, B" y: G- A6 n, _
      }
% Z9 J4 w+ n" H9 A* ^& ]" l4 ?9 g   }+ I. q) d' v: Q: v9 w$ U

, s  r/ U" t- C' \0 A) q! S7 Jfunction hidetext(){9 m. l$ S. u" [  v7 r+ F
if (document.all), U$ w! W: Z7 z2 o% G
supertext.style.visibility="hidden"
9 K9 [: M' m$ E- L9 n' Eelse if (document.layers)
9 ?& m6 k1 u1 ^" u, j0 n5 vdocument.supertext.visibility="hide"$ ^- K* s( e) j. }  f
clearTimeout(animatetext)8 x& F: H8 R1 O" X3 b
}) ?2 R! j$ o/ j* i( @& B/ j

: X% {2 R: F* Kif (document.all||document.layers){5 I3 T& }) O6 h5 ~' A' u' x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 J0 o) ~  X& A, {& ]4 p
window.onload = initializeBall;
8 J* x7 I' C1 h$ o1 x! |3 bwindow.onresize = new Function("window.location.reload()");6 v) _/ _6 D3 f+ L
}: d! R" D' g: e6 Z* }; @
7 K. d5 V8 R- @3 W' t
</script>