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

zw2004

<style type="text/css">; R8 [6 P! ^1 g
#supertext {3 }" F' Q7 L5 V8 r7 d2 F
position:absolute;! T. k; X. ?1 n; \  o8 b6 H. ^
left:0;
: P/ x8 C; ?& ctop:0;  J& M& _: @2 Y/ r, B0 X
visibility:hide;
5 i/ P3 @( b) H, A. {7 M7 K; f" ovisibility:hidden;
' w1 a; q5 p. K# e" l2 A  I}
" s$ v2 c6 ?7 g5 `</style>
/ @: @1 L" Y% ?+ n<script language="JavaScript1.2">6 s$ Q2 L' z, K' @9 r4 ~
<!-- 改变下的字体的大小。颜色-->1 |5 L/ _4 _% {$ u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' r: E7 ?1 [" E* t! j6 M, I
var hidetimer='';
$ f- |' d+ F6 V- G) ?9 G' W2 m; q% @<!-- 改变下的弹跳速度-->
7 U! Z3 T- W6 h6 R, C9 {var BallSpeed = 20;$ V$ ?6 i+ E2 \- `
var contentWidth;
1 t9 s+ O* R' v1 _7 Q  M' Cvar contentHeight;  Y/ Y" |: w0 _) L5 m! G/ l! y8 N/ r
var maxBallSpeed = 50;2 F5 e6 s1 ~/ t# S
7 _( p) L8 M/ C) z* u
+ |, V* B' @3 E8 b4 e/ [
var xMax;
, L2 d* D& V3 i0 e: Mvar yMax;
2 H9 i, K$ _' R5 D/ s" k. Ovar xPos = 0;
8 u) |; G4 r$ Q" x6 Xvar yPos = 0;
, m- S. ~, z) l  r4 |var xDir = 'right';
! v0 w  p- ~9 z1 s6 s2 I) v6 dvar yDir = 'down';5 o" U4 L' b% L0 z4 k: n
var superballRunning = true;- m9 C# `, V$ T/ l7 C9 ?
var tempBallSpeed;* G+ L; f1 ?1 p" o4 M" A
var currentBallSrc;
4 F& b" S( O+ k2 F) Yvar newXDir;& [% y! u8 Z* V+ P- p% b' \6 X
var newYDir;6 C1 `3 D- f& T8 K& S5 ?$ ^" H' H

* Q/ J: d# g. S; f7 dfunction initializeBall() {1 |1 w  g) P! o' [7 k, s
   if (document.all) {
- K4 u% }. B- z3 l0 U      xMax = document.body.clientWidth8 W' f2 G+ g" A' h' ]0 k
      yMax = document.body.clientHeight$ z. n+ ^7 t) `: p$ w+ f( i
      document.all("supertext").style.visibility = "visible";7 c, l; h; M; @" y/ w" U4 E
      contentWidth=supertext.offsetWidth- d3 p# Q# U4 G6 [! Y! r
      contentHeight=supertext.offsetHeight! X! d0 K9 l! K9 u
      }
1 f4 \! A; u9 C  `4 ^7 N   else if (document.layers) {; h4 @" R1 a+ w0 L: S7 ~
      xMax = window.innerWidth;
+ j2 I+ ~" s$ }7 e; E, s3 a      yMax = window.innerHeight;
# o* R  w7 h2 Z, t0 l      contentWidth=document.supertext.document.width
4 Z% i- q; n/ ]. b" v+ d# Y      contentHeight=document.supertext.document.height
- q' r% V. G; O+ K6 z, R8 A- J( M      document.layers["supertext"].visibility = "show";
2 e5 O  R0 j- d: I4 ?7 w9 r' s      }4 y0 b8 u# o& H" J
   setTimeout('moveBall()',400);
% d0 [8 n( s/ p   if (hidetimer!='')/ ~0 K0 j7 S# u9 Q5 D
   setTimeout("hidetext()",hidetimer)( V: U2 |$ P2 B5 v6 O
   }4 d9 U' `- e; m! s/ Z

) N. }; n) t8 Cfunction moveBall() {
% N6 C, M2 c' U   if (superballRunning == true) {! [7 f: N6 i# \$ [7 t4 k, ~% o: a
      calculatePosition();* y4 l3 q/ q+ b; f
      if (document.all) {) P' Q% |2 y5 B" I" u
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ @* p6 e. L- m1 ~# D2 r! t         document.all("supertext").style.top = yPos + document.body.scrollTop;0 N. b1 ^; ]6 [# e
         }
; t! ?1 q7 e) x( x' y' t( F      else if (document.layers) {
$ [4 @5 r9 [9 ~, {1 E* A$ }         document.layers["supertext"].left = xPos + pageXOffset;$ x# c5 J6 a# l; c; |) J2 C' V1 E
         document.layers["supertext"].top = yPos + pageYOffset;
+ G7 ], j4 Q* g/ p" s6 a4 p         }) ~: `1 P! w$ w1 s2 [8 a) J* M8 ?
      animatetext=setTimeout('moveBall()',20);3 P8 w( O) a" Q7 o" W
      }
+ r+ l6 }0 {+ r  T) x0 @( q5 A   }' S( V3 A3 b* }3 O
/ C) R% a+ z$ |8 o9 c  Y; G
function calculatePosition() {1 ^) f! k/ s5 |. }" b
   if (xDir == "right") {! u( Z! J9 x5 a" J
      if (xPos > (xMax - contentWidth - BallSpeed)) {: w. T$ o1 a, d' B% m! O; \
         xDir = "left";4 k( [% ?; Z  f' I+ o2 H
         }1 ?# j0 ~2 A: C6 s& G
      }
* K- @4 k, N' ^% h   else if (xDir == "left") {0 C; z3 C0 R* ]: G
      if (xPos < (0 + BallSpeed)) {) Q" u; F) h, F7 ?
         xDir = "right";3 Q9 F. b$ Q8 E: q+ n3 M
         }
& B  c% @( Q* K/ u      }  n/ j  X9 @) Y9 ~* i0 ]6 W* w
   if (yDir == "down") {
% e- ~) O! g8 y2 k" w$ \/ S# t      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 y3 T+ {) q! d* c; [: M* ]         yDir = "up";$ l! n% Y% b5 z& u
         }
  b- p4 V) A# H      }
" b. U' U5 U6 d4 y   else if (yDir == "up") {1 Y: A7 L8 Y9 R
      if (yPos < (0 + BallSpeed)) {
# Y+ n4 |0 [! ?5 V1 j) t         yDir = "down";* \0 b' z4 k% Z) B8 k( J) f( y
         }
: h9 s! J! ~2 n, c% z5 H      }/ v& `4 B/ h' h& y
   if (xDir == "right") {
, d% k* t3 w/ v( l- w1 t# f) q  F      xPos = xPos + BallSpeed;) q$ D6 v  D" @+ g
      }! a$ P& t) G  D! y5 L
   else if (xDir == "left") {  [$ H5 H2 @9 A' P
      xPos = xPos - BallSpeed;
( s; l* B0 V5 i, K      }
, ]6 `$ g! l9 K  e   else {
9 s0 J4 G2 ^) Q. E- w      xPos = xPos;7 _# i9 F& G$ o7 N
      }7 c) \4 Z6 n4 I, h. B4 c( m- p
   if (yDir == "down") {
8 W; s  E4 c  v$ Y6 z3 L, }      yPos = yPos + BallSpeed;) O5 v6 D  S& ?5 \
      }
6 B+ p& w" B+ w6 T   else if (yDir == "up") {
: @, M* W; H+ n      yPos = yPos - BallSpeed;
% z$ ?9 i9 ?/ k" @$ q) |6 s      }
6 o0 b% L4 P/ u! V6 m   else {  v4 p9 j& i4 j4 T0 L2 r/ w
      yPos = yPos;
* h4 }8 s# X8 q0 T2 s( ^/ E; B      }
; E  R' m2 E$ i0 z   }
- Y! z3 U( i) O. F1 u) A- r' }! i+ y
function hidetext(){2 O- _7 K9 y& n- @$ W; z* F' h
if (document.all)
7 S: g! l2 ?  T: \7 c+ r/ m) \) jsupertext.style.visibility="hidden"  a" n/ X0 n9 n# }: u+ U
else if (document.layers); y' l5 u) n' l! B4 L
document.supertext.visibility="hide"
) K& ^3 _4 n" Q2 E/ aclearTimeout(animatetext)
+ U/ O2 a0 h7 r5 N$ s) q' A}* @, B+ @7 |' P  p6 w
* ~6 g. M) b5 B! q
if (document.all||document.layers){
7 X  s! C8 g1 q2 c5 o( D5 K  Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). z4 q+ v% P4 E# o3 `$ y: ?) h
window.onload = initializeBall;5 |2 X$ n+ q& j; @8 g2 W( d+ V; ~8 r
window.onresize = new Function("window.location.reload()");0 J8 U: D- ?2 @; V
}9 T4 Y- p4 Z6 Y4 W, u; x4 f
# Z% q9 m( ~) F- H, D* `
</script>