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

zw2004

<style type="text/css">
/ `1 _. u8 i, o#supertext {
9 ~% ~- {8 B( I2 Sposition:absolute;
/ z* i$ M" b4 p/ H, S6 z/ v5 sleft:0;
# a& Y0 [, U; E1 Dtop:0;
7 |# p+ G% Q9 Svisibility:hide;
4 q5 B9 A+ ^7 p: [: Xvisibility:hidden;
8 F. k0 M! t" q2 N}* R) g1 r4 K. x( l. Z9 H+ Q# Z6 Y
</style>, w" a( a/ r9 H3 h: h% e
<script language="JavaScript1.2">1 V: q8 O2 f9 D1 X: F
<!-- 改变下的字体的大小。颜色-->
1 j! G5 F3 J! O( qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& ^+ P$ ~5 e" B1 D6 ~( g0 o0 cvar hidetimer='';. ~" }8 a; C* Q: X+ }" i
<!-- 改变下的弹跳速度-->
( c- ?& m4 v/ R2 L: Wvar BallSpeed = 20;
' W  u, r0 U: ~: xvar contentWidth;
5 u9 v) U3 v+ S: ~7 {5 a+ _7 avar contentHeight;
6 Y6 _( E# G: C  \5 L7 }+ Ivar maxBallSpeed = 50;
. b& M# a3 M4 X  z# U9 v2 g) ?
2 e8 b$ {6 ^' O- S4 }! _
$ L: F( V9 T/ p# O9 _& Mvar xMax;2 r% W4 C4 J" V5 L; \' |
var yMax;$ V0 E+ C$ o( |) o/ Z8 J  H
var xPos = 0;' R$ U0 I! g- A. {, G0 _0 g- C% |0 t
var yPos = 0;& X$ o4 m/ _: R' m
var xDir = 'right';
/ b  w/ P1 g4 k# j% W$ Dvar yDir = 'down';
; }4 f1 H  }  H' M1 Tvar superballRunning = true;
8 p: t5 Y: _3 m% _+ E4 X8 @var tempBallSpeed;
1 E) E9 q3 D7 R' `( R+ a" wvar currentBallSrc;; @' S9 a+ L2 G5 F9 T
var newXDir;6 g' f) J7 v9 r% O/ X8 e6 Q
var newYDir;6 c; J: V! [: C, g1 z
  W1 c3 O* D- H+ w3 V6 i
function initializeBall() {/ U2 \( H1 [( f3 U2 Y
   if (document.all) {
9 [: c0 r: b1 Z4 g8 {2 \4 y      xMax = document.body.clientWidth4 X2 i  I: S2 g. }+ n# {* ^. ~
      yMax = document.body.clientHeight! T5 ]: ]% o& o' q% \
      document.all("supertext").style.visibility = "visible";
8 y+ }6 W+ N. S* c6 e9 a2 Y      contentWidth=supertext.offsetWidth; }" a& j2 `$ D& Q
      contentHeight=supertext.offsetHeight
. a2 h5 \5 T# {$ E* N      }7 w( r7 S$ I% i8 a
   else if (document.layers) {
3 ]+ p0 I( c. x      xMax = window.innerWidth;6 ^3 a1 r8 j/ {& a: B2 w+ B) v0 L
      yMax = window.innerHeight;
, z5 Q) b- Q* N$ L# V' R      contentWidth=document.supertext.document.width: l# [' X$ p1 T' K1 U' K
      contentHeight=document.supertext.document.height
1 F) F) H" k' ^4 d# F2 v      document.layers["supertext"].visibility = "show";  U1 Z" r) O9 \  w, L
      }
7 O; g( V+ D+ @8 L5 m" o2 d! h$ d4 d# B; ~   setTimeout('moveBall()',400);# p  {5 N0 ~2 k7 j, O
   if (hidetimer!='')+ t3 C/ D3 P4 [9 m; Z- J) O
   setTimeout("hidetext()",hidetimer)* q9 U- X6 K9 G( U; r, r9 n' O$ j
   }  p4 N/ e# \6 e" j; S

( w7 @' l3 \! @# d) Xfunction moveBall() {
8 I3 {' D; x( {! B$ z   if (superballRunning == true) {0 H; s0 l2 d" X3 Q
      calculatePosition();
/ \# m* R" n% s, R      if (document.all) {9 D; q  ?, @% @& y& F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 P& ?) H3 R9 @6 V" d6 Y" V         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 o  {9 [. F; e1 `' l, H         }
  A, v* l5 g. y( u* x      else if (document.layers) {
: C9 o$ K7 S0 [8 e         document.layers["supertext"].left = xPos + pageXOffset;4 b- v( j, E" w6 U
         document.layers["supertext"].top = yPos + pageYOffset;
- `6 Y. O% x2 Y! Q0 _' b# K; Z         }/ l- l: Z9 r3 q2 L7 P6 U7 z
      animatetext=setTimeout('moveBall()',20);* m/ z8 v( B7 E
      }9 I- x5 ~4 j5 T5 J, E
   }( a. o+ O! h6 Y3 e
" a* V4 U1 E% T/ I
function calculatePosition() {
6 a, w. P$ n, x/ \1 Q   if (xDir == "right") {
& A" ]* C' T  V( D" U2 Q) H      if (xPos > (xMax - contentWidth - BallSpeed)) {
- _4 ^) Y9 A0 {" k         xDir = "left";
  o8 C* `& F" F# G' o         }! H& ]8 H; p$ J
      }
, q  K( y6 v  Z$ v- a   else if (xDir == "left") {3 f+ w+ {/ `9 G! z
      if (xPos < (0 + BallSpeed)) {
4 b+ F3 [/ E9 |         xDir = "right";$ W* O* c' Z, x5 U+ D( h
         }4 @! i0 g+ t' P. n# m/ V, |) }
      }5 s3 ~4 }. ]: N- v. E# m
   if (yDir == "down") {
4 L) h; z' ~. a! H7 W      if (yPos > (yMax - contentHeight - BallSpeed)) {1 l/ Y- i1 X6 W& Q( E+ F* [
         yDir = "up";1 x8 M2 v! X# B2 g9 F. u
         }
7 z8 \' ^$ c4 C. `+ L" s      }
- X# m" s% @( ^2 L4 Y( ^% M   else if (yDir == "up") {: F3 g+ b( r# `3 V0 |7 w, h% n
      if (yPos < (0 + BallSpeed)) {
$ e5 c- r: u- d5 ~         yDir = "down";
0 y9 D6 N0 S3 j# D. a% \$ M. K         }$ j2 H; P. |3 l
      }3 _& c5 O2 g+ }7 N
   if (xDir == "right") {
; Q* X# d# k2 r/ f; O  S; s) d7 k0 a      xPos = xPos + BallSpeed;8 T( z3 q& u# m2 S1 a! ?4 _
      }
, q. X, Q3 a4 X0 g7 ]) r   else if (xDir == "left") {& X) P3 M4 L5 J* e6 }# v& G: [9 v3 z4 H
      xPos = xPos - BallSpeed;4 V' s8 M; f, T& o! I0 q/ [2 x
      }
+ w; p# f/ Y5 B8 n   else {
* _; ^$ @8 a4 ]0 f      xPos = xPos;& T4 {  y. n- ~/ H9 F  W
      }
+ g$ [  S' m3 b% o; L' l+ L   if (yDir == "down") {
) ^; I' l" C$ B1 g" H& q      yPos = yPos + BallSpeed;
* L6 ^3 l( T# J/ ?1 r      }
0 d) ?7 P1 f/ `4 Z  L$ e   else if (yDir == "up") {
# i+ z$ t0 H( L% H3 L$ J      yPos = yPos - BallSpeed;: a' H% P/ `) `9 u4 T( R& @9 z3 A" z
      }
% {$ x  v; Q6 A7 l' l* @   else {
. |1 Z3 h( `. x5 f3 G7 s" ~* B      yPos = yPos;
; R6 Q' `- |  U. h5 U& h$ d      }
& a* C  W7 A' S1 e1 }) C  C   }
* D+ _9 L" r. O2 @' y$ m& B1 w& S/ ]9 B: W0 C" r$ e
function hidetext(){
: J$ Q3 G2 o% G; i" Z0 v8 ^7 hif (document.all)
% w$ J1 m% r7 ]+ a! i! \: f$ x9 E2 z1 Rsupertext.style.visibility="hidden"* ]. S1 E5 U  U/ Q; x, j
else if (document.layers)
: k* m' _; y. `* `1 {0 edocument.supertext.visibility="hide"
4 J7 f9 d1 X( RclearTimeout(animatetext)  x; ^# P( F% U) M
}
* D* n/ f) J4 j# r3 q/ L3 ^( d, K( C6 ~1 w* ?- t
if (document.all||document.layers){2 z) w% s; v3 _5 O& h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ Z9 `: E2 I" ]9 ?/ l" Z. d: {window.onload = initializeBall;
7 z6 c$ L5 I' |& w5 i9 u& H' Twindow.onresize = new Function("window.location.reload()");+ a0 p4 Y4 J9 W- Z* c
}
, f7 k& M& [4 c9 Y3 v2 A
( |/ f$ V; {% A# q; ~$ D</script>