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

zw2004

<style type="text/css">
, o0 m% l. G+ `. m: s4 ~- F#supertext {
8 d1 x  O- N$ p1 k9 i) A$ g1 }1 Rposition:absolute;
. K" G4 _3 ~8 ?9 uleft:0;
  l* j: O- V8 g$ ~9 l( t; F- N% o/ p" Jtop:0;- N8 q0 G9 K0 _
visibility:hide;% L: E# _$ S# I% P; K3 K
visibility:hidden;
. D' B% I# N5 o3 E7 ]% \}
$ L& E8 D& ]" @9 a0 E5 w; ^</style>3 B: ~* d" a2 f" S  ?0 N& s$ _% H( a
<script language="JavaScript1.2">
) S7 k9 a5 {' E/ O$ S<!-- 改变下的字体的大小。颜色-->
/ r$ J# v3 `9 p( L3 S( Gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, K4 [. E% @6 H) u9 Ovar hidetimer='';
! g6 B' d" ~" i$ U7 E/ y6 z0 k$ m<!-- 改变下的弹跳速度-->: }* x$ k+ p) O. r: ?4 E
var BallSpeed = 20;
; W- y( e+ q, L+ N) s1 Vvar contentWidth;" i8 `; D! v/ W" k8 d% Y: N
var contentHeight;
( f- N& y  s0 s/ |1 Vvar maxBallSpeed = 50;4 L; F: q9 r& p1 H! M. z2 ^

1 d! c- Z0 Q0 B) A7 A& X; O* x/ b0 S
var xMax;: D2 c: E2 _0 F- V8 m! C: B* K
var yMax;- C* g0 H" H2 D: f: F/ T+ \4 m
var xPos = 0;
1 a7 i$ w1 k8 G5 Y6 |var yPos = 0;# J+ z- N' \; n9 k7 q
var xDir = 'right';
+ c/ o6 z2 C& @' s2 y- W! zvar yDir = 'down';  h9 p; I. U3 a% M, x
var superballRunning = true;
/ o, @* [, i6 ~* ~$ n/ G: pvar tempBallSpeed;& ~% D1 A$ i6 Y7 z4 C* ^/ S8 c
var currentBallSrc;8 p& {1 Q( y" W7 Y2 O6 l: J
var newXDir;" ?! D+ O. W" o  p% J: W& P
var newYDir;
9 H0 {# x4 m& ^# t7 E
1 Y* R) q1 }: Tfunction initializeBall() {7 [' ?% M3 R# [1 X
   if (document.all) {
( l0 X1 F$ p9 T2 m9 [      xMax = document.body.clientWidth' D' B7 k; J% A8 ^4 d0 |
      yMax = document.body.clientHeight
2 d0 Z) {9 L8 o5 n      document.all("supertext").style.visibility = "visible";! b/ \& |, w$ U  ^+ C1 A- n5 w' m, }
      contentWidth=supertext.offsetWidth
* t2 X/ @& Q; _8 [9 x9 \/ ^4 X# Q      contentHeight=supertext.offsetHeight
" o1 H! V% }4 G( i      }+ y* a/ f9 e' D) m
   else if (document.layers) {% U. P* F; p. W7 f  f
      xMax = window.innerWidth;( B8 p  M8 C) ~; P
      yMax = window.innerHeight;% C3 d3 g! \  q
      contentWidth=document.supertext.document.width
4 n4 |) H% [  T3 ~      contentHeight=document.supertext.document.height
  K" @) U( S% x! }      document.layers["supertext"].visibility = "show";$ ]( Z+ {! P! J3 V
      }
& R+ Y) _# ~, r  p( y& A3 R# O' `   setTimeout('moveBall()',400);
$ n" V2 y3 W! S5 l   if (hidetimer!='')
3 @# t' \9 t& g+ U- Q   setTimeout("hidetext()",hidetimer)" \0 B5 k& t- k& B& @$ `6 T, N
   }
: H8 ?/ G8 h* C% \
2 o* T/ P( F# e; Bfunction moveBall() {: U; E0 G2 ^: b5 g: d; y
   if (superballRunning == true) {
  L# n" L/ G: h" M/ w  a      calculatePosition();. ?, K6 `, t* C+ t% L% Z3 z6 B
      if (document.all) {" W4 `- e* B5 B% M' y) b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' o5 F0 L( A* [9 \         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 _6 T  {  C1 }+ b+ e  v+ F         }
- b% J1 J- t; F# f1 U2 m      else if (document.layers) {" I0 F) C" f+ {7 b) f. D0 i: V
         document.layers["supertext"].left = xPos + pageXOffset;/ J- D# @0 d% H+ L9 v' j# b- l
         document.layers["supertext"].top = yPos + pageYOffset;! j8 Z9 m  e/ s
         }
3 p+ i' l& ^1 O, v      animatetext=setTimeout('moveBall()',20);( z( R( F4 ]8 k& d: b2 Z, }
      }% G" d+ ^) y2 m9 y2 Y5 O
   }/ V0 q  J6 g% }- L. o

; t2 i9 U) K% M9 t) Sfunction calculatePosition() {
) A) u$ k$ |6 t   if (xDir == "right") {
9 e( [4 x1 {6 d& D6 z' V) U      if (xPos > (xMax - contentWidth - BallSpeed)) {3 C9 Z5 S0 z  }! @  M3 M6 V
         xDir = "left";
" R4 j& }: i+ D/ a! g5 o! }         }
+ Q; w0 c8 S% y# q7 _      }
- j1 k( D! c1 E1 R8 p: S  c   else if (xDir == "left") {. |- K1 x! r3 L& D# N# W; [3 p
      if (xPos < (0 + BallSpeed)) {3 E" O" m- h7 l7 a
         xDir = "right";$ J- x7 T& a9 n
         }
, {: c6 p5 R1 }) d      }
$ M' G3 O' c+ t+ Z9 c( H   if (yDir == "down") {
% W3 g" K0 @, J2 U( {- R      if (yPos > (yMax - contentHeight - BallSpeed)) {( o5 `; i) p" z& M' d/ r# d
         yDir = "up";4 o" u# o! k! G
         }
; \  R% i4 K8 I# h+ _6 \      }
" j) I$ x7 f7 w# ~0 ^   else if (yDir == "up") {6 b  }6 J" h0 q9 y9 l+ f5 \
      if (yPos < (0 + BallSpeed)) {
. ]: y, r) g0 w' Z8 a1 w( Q         yDir = "down";
& Z; z) q7 D. `* G6 j+ g         }* ~7 b, D+ w; e2 L# I- S; u  ^
      }  w7 o5 Q( ^; l( `+ G0 q0 x
   if (xDir == "right") {
# q/ D; c  l& t% P4 g' D: p      xPos = xPos + BallSpeed;
4 t6 ~' O) d6 i/ v( X7 k* \      }0 x, {1 L- W, ^4 r# r4 U* B
   else if (xDir == "left") {- Z4 c/ U; I& W, Z: e5 @2 ^3 r2 c
      xPos = xPos - BallSpeed;
  S/ q* n4 G# h1 N( E$ l      }9 @: H+ ?2 S. J9 L6 l7 n  S
   else {
7 _, n- S. S* Q: U      xPos = xPos;& [8 l* g7 E+ g. b" _6 @+ u/ _
      }
$ s/ F6 P, C8 m   if (yDir == "down") {$ o" ^% k% y% N5 {) i
      yPos = yPos + BallSpeed;
" |/ a( g' j/ E8 g. l      }4 \4 B& B( }# h9 Y) m$ t" t
   else if (yDir == "up") {6 ]( J5 l- X) c( C% I) E
      yPos = yPos - BallSpeed;3 J6 k9 R7 L- I/ X8 d: Z
      }
( j8 r1 x0 s3 ~0 |2 \/ Q   else {7 K* o0 w8 O5 X
      yPos = yPos;& `; Q; r4 Y. u$ g0 n$ ^' i
      }7 l# R3 c' C; r1 Y7 b9 j
   }
" p  L7 C7 @5 B9 m1 i- v, w7 l, m$ R
function hidetext(){
: @# k2 ~/ X; s9 P6 e' Pif (document.all)2 n3 f2 p8 u( m0 J# T1 s
supertext.style.visibility="hidden"4 f/ `9 x, z6 u( b
else if (document.layers)
8 u$ ], K' \5 Q) ldocument.supertext.visibility="hide"
& h- Q) m9 w3 {clearTimeout(animatetext)9 J$ k" B9 E" s8 B
}2 B, {  P2 C+ ]- N

7 E3 [+ j( {, E0 W; r# W5 w$ ~if (document.all||document.layers){
) b! T& l9 V4 y2 {1 mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 T! g- Z4 u' ?8 f. [) t# X4 J. i
window.onload = initializeBall;
# \' {3 e& g: S& ]  ]* A. dwindow.onresize = new Function("window.location.reload()");
' N) f: |) A; c) s, S7 y" B}
5 J" ~; T' q/ F+ j7 \
$ R; l. @3 b& {2 e' v</script>