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

zw2004

<style type="text/css">" T: d3 V; T0 Z
#supertext {
9 b4 s8 C: n/ d, g( U5 Vposition:absolute;' r: K$ j, D6 ^' K
left:0;* @2 H6 v. q, a# x" A9 G) I
top:0;- g& Z) |+ h+ d0 t- N
visibility:hide;
1 c& b" O. \+ l4 N! G) T* J, S6 ovisibility:hidden;
$ H8 g' C. w: p0 W! }( g* I* k}
+ Y' ^1 u9 @6 T, P</style>
! \+ `$ S) v" @% H+ {% S: e<script language="JavaScript1.2">& w1 s8 h7 d4 Y9 h& d9 d
<!-- 改变下的字体的大小。颜色-->
4 O2 g3 N( o  L/ Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( N/ E" l% [' R: v0 O
var hidetimer='';
) x. q/ e) }: s0 A1 l9 ~# z" X<!-- 改变下的弹跳速度-->) s- K; e. r9 r( @: z& D0 P; `8 z
var BallSpeed = 20;/ y) `/ W2 O: V/ B4 U
var contentWidth;7 }/ \0 @; D3 j7 G: J* o5 n
var contentHeight;& C/ j% _3 G/ @$ d) {
var maxBallSpeed = 50;. g) L$ B1 v, \/ @9 w
( \# R" L. v, y) i/ t* Q
9 H5 O( j( s  Z' M/ n
var xMax;
- ]. L) J+ ^6 R" H( [5 A4 u  Zvar yMax;! b' d  S$ i6 Q# t& G  U+ _3 b  X; _
var xPos = 0;' R) J* ]( s) @
var yPos = 0;
* e( W1 z5 b5 M3 y: mvar xDir = 'right';4 z9 b# k# |: K0 @6 a2 V; i$ _* m% }. O, r
var yDir = 'down';
; [3 D1 J5 ]: K2 k5 f2 Lvar superballRunning = true;6 Y% Y) m* {& ]1 y
var tempBallSpeed;
4 ^5 |- A; z7 \. a% ]var currentBallSrc;" W8 M7 s0 p+ y1 C8 s2 P
var newXDir;
/ [6 H+ {$ Z: ivar newYDir;
( b* |& g9 U+ R1 I- i: \+ s; v% O. ?, T1 l7 @
function initializeBall() {
! {% ^( w% K9 n* A/ o+ S' j   if (document.all) {
! b; `- C( f- K. O" [% o8 a0 A      xMax = document.body.clientWidth
# M9 t  H8 _0 e# r0 c' p1 i$ w      yMax = document.body.clientHeight
# R; n* y7 L, l8 P' r. d      document.all("supertext").style.visibility = "visible";, @9 K( F# A% t1 k: ^
      contentWidth=supertext.offsetWidth& ^+ D& b. r7 O
      contentHeight=supertext.offsetHeight
+ Y' {) D. ]( W7 K9 G8 o/ x      }
! s& t6 A. g" M, s   else if (document.layers) {
+ x1 G  h' u( E8 Q7 `      xMax = window.innerWidth;
( P+ F, O# x: s; }/ F, L      yMax = window.innerHeight;8 O" n! P3 m6 l" I" P( ]! f
      contentWidth=document.supertext.document.width- p  L5 Y$ M1 R% A
      contentHeight=document.supertext.document.height
% N) Z1 t8 x9 |5 t( F      document.layers["supertext"].visibility = "show";% p' ]. m- C4 |( M& d+ o9 n
      }
- g: w6 t) _' ~5 p6 }; [1 f   setTimeout('moveBall()',400);
4 F7 V& @# L. w# x" d   if (hidetimer!='')
3 `  \0 n9 y" I% }$ x$ v9 p6 y7 ~( ^   setTimeout("hidetext()",hidetimer)
+ ?- Q7 y# S& K& b3 s( p7 _' U   }
( X( D+ |; |9 Q8 H8 \! e, w: k1 n# P" G8 A$ Z' e
function moveBall() {
1 O; L! p1 w6 [0 [3 ^% O& W   if (superballRunning == true) {
6 O$ `, I1 u4 c- d* D% a      calculatePosition();
5 D' {- M" l# E+ |. U- J2 N      if (document.all) {' O3 ^1 J/ W  Q* ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 T- Z. G- @: A9 Z5 l/ s- p
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 `0 D9 Y- Y  |
         }
% m# g* e; f, l) J: }      else if (document.layers) {
, H& B/ ~) ]$ g/ w5 _: W6 w! ]' [7 W         document.layers["supertext"].left = xPos + pageXOffset;
$ A' m5 L# r* r4 T0 o' N+ m         document.layers["supertext"].top = yPos + pageYOffset;
1 i- f/ D, |; w$ R- e6 D  e         }
- t8 |1 ?6 o- W1 T* [& K      animatetext=setTimeout('moveBall()',20);+ Q8 `" R8 ~5 G' l! G
      }: G$ O- C- \- B0 H& \
   }& H! b7 R/ H& e- K; s

  ]! T3 E8 s" [function calculatePosition() {1 m' E, K2 D3 t' A4 E
   if (xDir == "right") {5 {% F* @3 O9 _% X' [8 O
      if (xPos > (xMax - contentWidth - BallSpeed)) {; C" }5 J4 P, e( R
         xDir = "left";9 y- D  v4 [+ J- v8 q; K: |- S
         }. q! Z. P+ q1 E+ j2 R# T
      }/ A  T* |7 b5 O( B5 s* m
   else if (xDir == "left") {; W  t% o- c( e6 M4 ^; t
      if (xPos < (0 + BallSpeed)) {5 \/ C' j, O! r
         xDir = "right";
" K  U4 b& d. K  {         }
, z' U% Z7 G; c( g" G, ~. W      }
, N# T2 o  s" y% `; P7 n   if (yDir == "down") {7 g, F* y& r6 q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 ?# b( w6 \% l) r         yDir = "up";
( x: G$ g( x. H         }. {* K0 v9 f& @2 t
      }9 j; z! s  t- n7 U6 z, j
   else if (yDir == "up") {3 n, B; k5 n" L$ E' a1 @
      if (yPos < (0 + BallSpeed)) {. e0 R2 Q6 Z; g5 r; c, X8 ~! g* N* x
         yDir = "down";
# Z, M0 ?% K& m         }
4 @- s2 y% l2 U) i! K+ H- b      }
# A0 ~2 n6 S1 g8 Q   if (xDir == "right") {
* F1 W7 L& ~2 r      xPos = xPos + BallSpeed;
1 A) e5 r& v2 |  E9 T      }8 i" J" M8 G% g
   else if (xDir == "left") {/ U) }1 X5 W& U$ n  v6 z
      xPos = xPos - BallSpeed;+ r, N! ^3 L, b3 v: q( V. ~# x1 N" S( @
      }
& G3 a0 j. a) Z0 \5 I; Q   else {
' k& H+ m+ T0 H7 ?% }      xPos = xPos;
" z5 Y( u0 Q8 G      }
; `' Z. I. q, d" w   if (yDir == "down") {
8 n$ @" f0 h" t      yPos = yPos + BallSpeed;0 L8 {4 y1 C5 F1 b4 h
      }
. x% l& U( K2 ^   else if (yDir == "up") {
, p9 w7 i. ?% V* {: o# z      yPos = yPos - BallSpeed;- s, ^1 L3 c, _  b6 W: h) ?# Z" E
      }
. n: H; N4 d2 _, N# G3 X2 E1 j   else {
1 U1 D" P  L5 q      yPos = yPos;
6 \. e) y  |, z* m2 U6 ]' [      }
: O) i* Y! w* [- d   }
! v4 D- F* F7 M. d7 f5 {
  Q0 }: U& Q' D1 W' f) O- G# x6 Lfunction hidetext(){0 }1 B% Q4 o2 o4 q+ ^; D
if (document.all)/ W" t% J) w- B2 V0 ~
supertext.style.visibility="hidden"0 w0 `4 k( s6 z1 ]5 U4 c
else if (document.layers)3 c, a6 X% q5 y
document.supertext.visibility="hide"9 {2 Q0 l( s9 P9 _) m' i: ^7 G
clearTimeout(animatetext)( x. S- Z. N, S# n
}
* K8 R; w2 p9 K' N+ b
2 s' s/ n( r/ W) {! Cif (document.all||document.layers){
! s2 C+ ~6 |' \3 p' }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 O. L& P% y% a0 x1 |% T
window.onload = initializeBall;
% `% ?' c( o' L. \- z6 t0 awindow.onresize = new Function("window.location.reload()");6 F% {8 f1 F" |3 g( q& s" I
}
) T0 f4 m( m. F
$ Y& E  [& d; d  [( `+ `5 Y</script>