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

zw2004

<style type="text/css">
$ S: }. q% Z+ v+ P#supertext {4 |/ N$ U& u  i5 w6 n
position:absolute;
9 R" F* g6 |( S) lleft:0;
4 E7 Y& p6 r/ L" J" X7 qtop:0;7 n) Q. Z( x: m) t" S9 C
visibility:hide;
6 M& {  }( E1 O' _' Yvisibility:hidden;
1 a: P- `4 u. O) y}
7 o# ^( X5 q; S6 t0 \</style>* D1 P0 h2 x! s1 ~+ O
<script language="JavaScript1.2">5 ]% i  `: c% v
<!-- 改变下的字体的大小。颜色-->2 u5 m1 H* r0 Y8 |0 U9 n. r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ H5 ~/ o7 j/ h9 Y. U& e) a! q
var hidetimer='';  a7 \) v  D4 U7 [; _1 p, `$ X) I
<!-- 改变下的弹跳速度-->
+ V5 r. H% p5 x% F  ivar BallSpeed = 20;/ P% H" k& L& a* P. n/ |* y$ {
var contentWidth;
7 C' V! C, k& hvar contentHeight;
2 R7 T( Y6 E( q  uvar maxBallSpeed = 50;
8 t* F% {& Q$ J) W& _* p
* K8 e7 F8 {! p, `4 H
' C/ ?7 M6 P# L) y" V- x  \var xMax;# O* L0 r9 D& _3 n# t  ~
var yMax;, x& T/ T- n9 s
var xPos = 0;3 E+ M1 F1 J- d
var yPos = 0;# R( V' a# V& m
var xDir = 'right';
. \/ r% ]/ a+ J: L5 I4 pvar yDir = 'down';/ f0 S# G2 ?7 Z+ {$ W) i( }
var superballRunning = true;, B9 N1 Y1 h: v( }; e# y5 P
var tempBallSpeed;
3 R9 }, G. J5 r5 y0 c; ]6 bvar currentBallSrc;
$ a* _- i8 }2 yvar newXDir;' |5 v: m" |8 E0 |9 T! b; Y0 A
var newYDir;
( Q0 `/ O& c% I0 H7 ~1 n2 {2 W% O; X  v8 I
function initializeBall() {
1 @! Z; g+ E' _5 i   if (document.all) {
/ V: |6 A3 A9 [2 R* d( v) Y+ j      xMax = document.body.clientWidth/ f6 l5 A3 c9 B; T( J
      yMax = document.body.clientHeight* L# x. X( v$ \0 J- J
      document.all("supertext").style.visibility = "visible";
9 c8 O# l" }6 S! v      contentWidth=supertext.offsetWidth
" ~: U7 u! q4 l# u' C1 S; G      contentHeight=supertext.offsetHeight3 C$ Q) Y# N5 D
      }6 d* V" ^! D4 U( M, r# n: O
   else if (document.layers) {
/ \; R# Z) X: H- M% S      xMax = window.innerWidth;! `6 Y. i/ @6 ^( C! E! j9 W
      yMax = window.innerHeight;. V( Q) n8 l+ B. B6 a
      contentWidth=document.supertext.document.width6 T6 `' O- S1 Z5 x4 U) w  O' Z; G
      contentHeight=document.supertext.document.height! x: R! Y8 n$ N3 b  \$ K
      document.layers["supertext"].visibility = "show";3 R1 x5 w8 g; C8 P: C" J
      }
; t! \9 c. X9 e% _1 U   setTimeout('moveBall()',400);
1 h9 Q3 \# Z' J& [# g. w6 Q   if (hidetimer!='')
# m8 J2 `  e- S7 n   setTimeout("hidetext()",hidetimer)* U7 L3 j! D( {+ V% }
   }  E; ~" R1 Q! L* B& Y6 y+ @0 ^
* t; [* e: p# c, K) p: l6 g7 a
function moveBall() {* E7 r! s. D" V1 d/ I( F
   if (superballRunning == true) {% j# C1 c. W. R5 l+ C2 ~
      calculatePosition();# Z8 i$ z! A6 |4 ~) K
      if (document.all) {& e" S! R% b/ t
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! N; b1 I. T8 s2 ?# i/ F4 L         document.all("supertext").style.top = yPos + document.body.scrollTop;
" r) U% w+ t$ d8 r, i         }4 V) B! l: m9 A0 X/ J' o
      else if (document.layers) {
4 X* c7 K; K3 W  O4 X         document.layers["supertext"].left = xPos + pageXOffset;! f  f  E. i' N% K
         document.layers["supertext"].top = yPos + pageYOffset;
; j! W8 h! K( K3 E         }
" H8 o) S( S- t) D/ j( Y% C      animatetext=setTimeout('moveBall()',20);7 ^9 ?# Z1 s$ {; R7 y
      }+ ^$ Y" L: ~. k! v2 Z3 B
   }
) h2 m4 \6 Q8 z/ ?/ Q( j& ]# ]8 C( Q/ R" U( k6 P0 S
function calculatePosition() {
' T- @1 y. S& b) F+ l! a   if (xDir == "right") {
' L' I7 G* L' |$ }+ s      if (xPos > (xMax - contentWidth - BallSpeed)) {- G0 l. \0 d/ u! ~' {
         xDir = "left";
# P; M  p( T: K# p6 o# n- M' S         }
: M: Y' H8 w7 j  }7 h      }
; @' @. N+ T9 T% ]: {   else if (xDir == "left") {
7 F6 o" f9 b5 L' x      if (xPos < (0 + BallSpeed)) {5 P, x+ ]3 h* v$ d$ z5 h
         xDir = "right";
2 H2 r) p! l2 a3 A) I/ z4 e, }         }
8 X2 O( V& i. V. n  I- `8 u      }
3 z8 p& j0 f) f# _5 }1 {   if (yDir == "down") {5 Y0 F2 {5 R7 m+ o1 |8 X
      if (yPos > (yMax - contentHeight - BallSpeed)) {! L! }* V1 ?& r3 p" P8 T& `# N
         yDir = "up";/ v, _" u1 c. d" `
         }9 [6 \3 C$ S  M# m  L5 V
      }
% @+ f0 D) m' s& s& ]4 ~5 Y   else if (yDir == "up") {
( D0 M. L3 j; Y( ]      if (yPos < (0 + BallSpeed)) {/ l* s- r& ~5 |/ ~. J2 ^1 q
         yDir = "down";$ o3 k6 J* W+ J5 V; r
         }* _0 U7 P5 c4 c0 B$ _3 f
      }7 O% o, f. U& z/ o- _" r
   if (xDir == "right") {
- U( S1 F. n1 n$ |8 \2 z      xPos = xPos + BallSpeed;! ^6 N9 V8 D; k& W: F/ `  `
      }, Z$ z8 q' f) x% V7 v& ]
   else if (xDir == "left") {; {( ]& p' {# v4 j# k" \8 k7 l
      xPos = xPos - BallSpeed;! b2 g) G+ t0 A8 h% N/ v
      }3 {6 n$ u+ M4 X9 w
   else {1 W, a" h; S6 @8 W: D0 |6 @: P
      xPos = xPos;  c* s! _0 j% ^) L3 J$ @# `
      }
1 }: k* S; f" _0 W! P: J4 L   if (yDir == "down") {
, `3 ^0 s# h. r) `% ~8 J# w; @# B      yPos = yPos + BallSpeed;
- l! m9 `  {) c8 i0 B8 J      }7 d2 f* I# g% j
   else if (yDir == "up") {* A4 J# m+ x2 Q; m. x( Y
      yPos = yPos - BallSpeed;' w, O% g5 y( P$ H/ J
      }
6 X0 l& P7 v9 N# h   else {0 y, N3 y' }5 H
      yPos = yPos;
. R  w- R1 K# b$ R/ ^: D! D9 `      }
9 M, x9 S0 ~$ Q8 r+ |5 X   }8 d& F# H- U/ h

# E9 v6 Y% j# }; r5 d- Kfunction hidetext(){
2 b6 G  W- m; C" V3 j+ v5 m* mif (document.all)- {: N* w: c" u3 |
supertext.style.visibility="hidden"7 w, u3 o) a' b% X
else if (document.layers)
5 x) j- \: o+ U  q/ ~' ]document.supertext.visibility="hide"1 x5 P) e4 S+ X+ I5 B, w) }( w
clearTimeout(animatetext)2 r; g. g  \' \3 t$ s! ^
}
, N% G: C. _# {0 n5 B* u3 a4 P" @7 \
if (document.all||document.layers){
. k" b' c5 z4 T- Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ l, @" k. N" L' Y6 J0 g' ]) Cwindow.onload = initializeBall;7 ~' e- l8 Q9 o( j7 P" T
window.onresize = new Function("window.location.reload()");
0 v; J) O) g& w& U}
0 y6 W5 ]4 z- D% C4 a* \; C6 A4 `  y# S# e% K
</script>