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

zw2004

<style type="text/css">. b$ ?) ^+ T( o' |# n
#supertext {% p" u1 o5 i' @# C) O/ |/ c
position:absolute;
: U2 J9 U( J& g8 n( a: P/ T) @left:0;. ]2 d5 i6 L% ?; [1 P% Y% g% d7 ~
top:0;
0 q/ o' F* m# ^# X$ Xvisibility:hide;) y3 M. i2 y2 o  o6 c
visibility:hidden;4 ]9 Q4 F  x% J, E; O' n9 L
}
  C+ L0 z' I+ a$ V- n$ Y</style>
5 z" l' j, X- T2 \; w) e2 w4 N<script language="JavaScript1.2">
6 H1 R5 w: g/ _+ Q2 k<!-- 改变下的字体的大小。颜色-->2 Q* t& `; r% u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; X/ T& V, h6 y4 @var hidetimer='';2 u9 G  `6 i. Z# q& F0 f
<!-- 改变下的弹跳速度-->$ I2 b, I0 L/ B' U
var BallSpeed = 20;! L, \- V# i( i4 w! X3 X
var contentWidth;) w/ X! x9 }* J* n
var contentHeight;
" u- ?  w. E) B4 q0 `& m8 f! c9 W7 ]var maxBallSpeed = 50;
3 g1 A: m3 m& \5 I( a3 M0 l( o5 {1 z4 ]& z, a# B' b. c; E
$ ^+ l. [3 r" n& X/ p. [, s
var xMax;1 C" a* `9 L, [( n' T8 b
var yMax;
. S9 h+ k* V* e$ \1 Uvar xPos = 0;
: ^9 r- X( R( X* s8 b2 L- l7 Kvar yPos = 0;
) {+ j7 I/ ^2 N# j( fvar xDir = 'right';
* u1 K2 @- P3 |8 \+ Svar yDir = 'down';
! }% \# v. A; x  q$ Hvar superballRunning = true;
# t: D  \8 |  N7 Pvar tempBallSpeed;8 W7 K5 d% J; l+ x" z7 p* Z& G
var currentBallSrc;# L* F: M+ h0 a' }7 [7 a
var newXDir;
1 {4 R2 b8 g1 B" u( A* s* svar newYDir;& ^6 K# D" @4 N4 V: \$ A
3 s7 D: A+ |" J6 y! q
function initializeBall() {& V% P6 ?, C+ w# {0 [
   if (document.all) {
; Q- J# j& J$ q* k* [      xMax = document.body.clientWidth9 \& R& z) `) M- I# I. I1 R& c
      yMax = document.body.clientHeight5 e" S$ [- t, G: K; z# V% M
      document.all("supertext").style.visibility = "visible";
) J$ V# h0 S3 k* F4 `5 l8 y, k5 d      contentWidth=supertext.offsetWidth
; p5 U) V+ P9 x      contentHeight=supertext.offsetHeight
$ E! T, _- [1 A7 L/ {9 a      }6 @5 W7 c; |) z9 l  P
   else if (document.layers) {
$ @8 o. x6 }% B5 X8 v! }0 C      xMax = window.innerWidth;
# d& d+ l+ z' L      yMax = window.innerHeight;" z+ {0 e# W; B6 H, ~8 Z
      contentWidth=document.supertext.document.width  s: Z) |7 }/ S
      contentHeight=document.supertext.document.height, {! f1 _+ x* g; V# a6 a
      document.layers["supertext"].visibility = "show";
2 w" ~/ N5 [( P3 ?1 u      }$ `7 T1 S1 \  F) a$ {% i
   setTimeout('moveBall()',400);
, w  v9 n/ ]2 k* i) h2 B, e   if (hidetimer!='')
4 \1 \4 X( B% [   setTimeout("hidetext()",hidetimer)
' O$ p! I& t. K) l) m0 F9 F# {   }  W  T8 d0 c' I  B2 x; B

- t0 f  ^% ~* ifunction moveBall() {  C; X& K! O, Y/ E) n
   if (superballRunning == true) {
7 p) V) L& E! j1 l4 @' `      calculatePosition();
8 V4 ?1 Y. ^$ b3 z      if (document.all) {
1 w2 v; R  k$ N         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( ^+ a% p2 p0 z* T9 E& x" v         document.all("supertext").style.top = yPos + document.body.scrollTop;% }* C+ s2 g& n4 Z" z2 ?
         }
% t- ~" c9 i! z3 z3 U" C! z1 }      else if (document.layers) {' O! X. n" C" W$ {9 }& @
         document.layers["supertext"].left = xPos + pageXOffset;' u9 {4 n) j$ Q
         document.layers["supertext"].top = yPos + pageYOffset;, J3 r% l/ E- p0 w( a' S
         }
& {  V% _$ N- U' \      animatetext=setTimeout('moveBall()',20);
) e4 i$ x# z/ K$ F2 j      }
5 g/ X+ ^7 X. O0 o# J   }
% j; W; H; j: W0 L
0 P; i# l0 o2 @  xfunction calculatePosition() {
( o3 Z' C* X1 ~. {6 A3 \# n   if (xDir == "right") {, I  q5 Z0 `# ]/ [3 e' E
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 [7 B$ `0 g' w/ y: @* K  p. B         xDir = "left";
% M% E* c" G2 ]. O  Y7 r         }
1 \* k! A$ u6 c* F/ }# g; X. a      }
; C$ y  x) S0 b9 z   else if (xDir == "left") {+ P% f$ V4 X- \' M; i  `5 P
      if (xPos < (0 + BallSpeed)) {0 _7 X6 m0 u0 F* e* M& i
         xDir = "right";
; Y- N! `$ z! a( b# @7 K" y- H         }  f: W6 {. s/ ^3 B
      }
. C* P2 o' l6 ~, [4 {& J. P   if (yDir == "down") {3 v& u% {3 T: \
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- e& r" y/ C9 F4 Z         yDir = "up";0 ~" T- w0 K& W+ V' D0 J9 @
         }9 f1 o- q" N+ h" _* t, m% S6 n
      }
9 Z! g$ p! a) ?* i$ I   else if (yDir == "up") {: ?$ T% H9 o% ~: V: J& _
      if (yPos < (0 + BallSpeed)) {( P7 p1 Y# g$ {! w
         yDir = "down";
' K& k' ^8 `8 g9 B/ m, B         }
  d3 X- h9 ]9 G+ z! G      }
; w! M) ?6 ]* B6 x) n7 {   if (xDir == "right") {9 d$ S  p6 y/ q3 I  x% `$ H
      xPos = xPos + BallSpeed;
( r2 K  p" a) U( P4 w% p  _- B      }
$ W$ N# }3 _( O) v   else if (xDir == "left") {
/ W! `( j1 h) G( ]0 N& w( J      xPos = xPos - BallSpeed;: x) s& j4 y' d0 C. T* I1 A& J9 n9 }
      }
9 j) |+ H/ `+ B' M   else {. }  e4 j+ ^; A8 A1 P# M
      xPos = xPos;
& s, k) P7 q+ T( a4 C: G      }5 I3 _" V+ y; q0 E
   if (yDir == "down") {) X- `6 X% c+ A' Y( ~+ g9 k; z( n
      yPos = yPos + BallSpeed;# a$ X$ h& g  F  ?3 M1 _& p
      }
+ Y/ K6 e! y$ @- v$ `   else if (yDir == "up") {
0 V1 k, X! y4 t3 ]0 w. r) U      yPos = yPos - BallSpeed;# D3 m+ r1 x3 u
      }+ n  }/ j) ]0 ^
   else {1 n. L+ N' g) o' _! t, t
      yPos = yPos;
8 L! m$ X- l; h  |8 ]; \0 R      }
+ U. `. @8 R& O9 B: }$ d   }
) T- Q- W, @% W7 q" [: n# I1 g/ x7 z8 k' p, B+ c0 ]0 X
function hidetext(){
8 T, b  L) T2 {+ tif (document.all)2 r  m' w! a; B! N$ D* U
supertext.style.visibility="hidden"2 |6 z8 _/ n3 }& W
else if (document.layers)0 D' y, q  k4 k' [8 _2 B
document.supertext.visibility="hide"- T: `- j4 r/ g! J1 Y" F
clearTimeout(animatetext)
" r0 e/ S+ U1 s$ D}7 H' R7 _+ L5 I  s7 E$ _9 _

% L! e% F5 L; mif (document.all||document.layers){
7 k  W) A6 ^) t% Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). M! Q$ w+ B4 V0 x% B
window.onload = initializeBall;
. Z2 W( D, R. a6 B6 F: hwindow.onresize = new Function("window.location.reload()");' k8 j, Z# ?* s5 B
}
8 ]4 V8 C$ ]3 I6 k' X' E1 T0 @5 c* C# u! ^
</script>