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

zw2004

<style type="text/css">* a$ T. o: d9 n+ y1 M
#supertext {# k7 s6 c* A% D( z( G
position:absolute;3 D; u( O, I# ]
left:0;7 f/ P$ R$ c+ ^: s2 M
top:0;
2 S5 y% u% H+ u+ xvisibility:hide;
. `7 T4 e6 T) S8 W8 p) _: T3 qvisibility:hidden;. N* J6 }: y( T' w8 L
}2 ]: {% }9 @4 f4 J9 p9 v
</style>
. i- i2 p. f/ a: T' K7 K# y2 O  ~<script language="JavaScript1.2">
+ h  e' Y/ E' d% m<!-- 改变下的字体的大小。颜色-->
% d5 Y% d7 Z; j7 J/ v# `var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( j9 Z+ K) B: ]! k( \var hidetimer='';) t* Y( K; R; z! ?; {7 _
<!-- 改变下的弹跳速度-->* r' ?$ l) E3 B, c- E
var BallSpeed = 20;
) X, q: E& {7 l+ Yvar contentWidth;9 F, _# h" ]* e$ c( Y
var contentHeight;
2 s( R$ j! v3 V6 f9 \var maxBallSpeed = 50;: S( B- {" o* a0 x& I" ^( _+ l

4 L+ l9 }" g( i( ^. \5 y
( O( k  h6 k8 ]# ivar xMax;
' j. m8 H+ s/ ]1 B7 e3 H+ c9 ^# i% L, ivar yMax;
, W; u( X  l. d: ~2 ]4 W& Yvar xPos = 0;
( v, Q  y, g8 P$ y6 I6 Jvar yPos = 0;% l$ }  I. E1 l3 i: l
var xDir = 'right';! L4 w  h! C6 }! q* r/ ]
var yDir = 'down';
: ^! E3 F$ r) F2 X8 Nvar superballRunning = true;
* t9 K& m- h. m0 rvar tempBallSpeed;9 l$ L, l2 t/ ^1 O3 z( N% t9 g
var currentBallSrc;0 B) R5 U/ ?: b) x* w! l
var newXDir;
5 `2 N3 `- k0 xvar newYDir;. U: `( I+ }- z: b2 k
! f6 S" A1 p2 C7 g- b* a9 e
function initializeBall() {
: Q# V$ V2 ~3 B, a$ S   if (document.all) {' L+ p6 v* o$ T$ w
      xMax = document.body.clientWidth
; U$ ]+ N: l1 u, I      yMax = document.body.clientHeight
" D( W  U; C. x0 Y0 W" W1 y      document.all("supertext").style.visibility = "visible";  y( K' K* Z8 K' J/ a
      contentWidth=supertext.offsetWidth
0 R, O" g+ X. d& w: o) d. l! u      contentHeight=supertext.offsetHeight
$ P( L- W3 l* [& P% p" P  C: @      }
4 y7 V) b; l: N* Q2 q   else if (document.layers) {
( J% y5 i/ y1 G8 R4 z9 P      xMax = window.innerWidth;; N6 G' S0 j6 K
      yMax = window.innerHeight;
3 u3 a% M5 `' B# g      contentWidth=document.supertext.document.width
, j3 S  m* M+ o      contentHeight=document.supertext.document.height
9 ^6 P$ e1 _1 r; z4 y0 ?      document.layers["supertext"].visibility = "show";* G! x& v" t0 r) y+ U% M, @
      }
% K1 W4 v2 r' e% v3 E; a7 _5 g   setTimeout('moveBall()',400);  P9 V8 t+ S6 Z" X9 T
   if (hidetimer!='')$ ^4 t% [. t4 v! b+ {
   setTimeout("hidetext()",hidetimer)) S7 m4 c" x" ~: M( v
   }  }# t3 q5 x( |3 W; |" ~- X
- j* \" e+ S  c3 a9 S
function moveBall() {
; N# L3 J  s2 r# L  b: h   if (superballRunning == true) {. B9 ~' d% y3 r* ]" I4 `
      calculatePosition();) l/ E; S2 A1 k/ \8 G/ u3 L7 e1 m
      if (document.all) {! \  M9 X2 T4 X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;- f* o* T4 Z) J. T/ d
         document.all("supertext").style.top = yPos + document.body.scrollTop;
  K, T, U1 w0 W         }
% x8 F  A: A& a: H! I% e; e6 Z9 }      else if (document.layers) {
5 L6 U8 e- L( i# Z: }         document.layers["supertext"].left = xPos + pageXOffset;
9 K$ }$ k1 n- I. l4 k' |- m         document.layers["supertext"].top = yPos + pageYOffset;: s( v  h3 p, @6 H& L& m& I
         }
4 _: ?1 |% a8 X" ^! H8 Q      animatetext=setTimeout('moveBall()',20);4 I* K4 W5 q/ ~. ?% S+ C
      }
+ N0 F) t; s# `6 R/ q. T% |5 v   }& P5 ~2 K* T5 Z- z

% B3 p$ s1 T1 ~8 M+ G0 F+ Ufunction calculatePosition() {+ I" K- Y3 e, @  v. ]
   if (xDir == "right") {
" b) w" ?& G  _1 o& p      if (xPos > (xMax - contentWidth - BallSpeed)) {: O4 J+ O2 Q! i, W6 _7 ]
         xDir = "left";' |+ |4 F, b2 M9 ^. _' \: V
         }2 ^# t) Z; T3 i
      }
3 f) _, H  t. y, h9 c   else if (xDir == "left") {
: n: g# P. p* C) o% Q1 x: L      if (xPos < (0 + BallSpeed)) {& W" Y& }( {, d; X: ?% d/ m# H+ F
         xDir = "right";' {: F% m0 H* `' c5 `
         }  g7 h' t9 U, A
      }/ ]  v9 b& u3 \  {. f9 _
   if (yDir == "down") {- R; t5 a' F( ?5 x8 u
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 ^1 _3 ^4 ?8 }- D5 c
         yDir = "up";
$ c, a. |  x8 y9 a7 ?         }
1 P5 Y& a+ E: K! X7 v      }: W- i- K( w5 X+ D
   else if (yDir == "up") {
& p5 v9 M* B" \" A. s/ s      if (yPos < (0 + BallSpeed)) {2 F' W  {, V" N% i* ~0 U  Z" f
         yDir = "down";
8 I8 D5 r! F. Z9 n  C         }/ e4 d) `5 o' u' R
      }; E: N9 ?' R" O" i- Z2 v5 ~6 m
   if (xDir == "right") {$ l' L( p+ U0 J  k5 o* D, `& h
      xPos = xPos + BallSpeed;2 n  ~2 {. h5 c+ b
      }% ]/ L& g7 Y8 J6 E8 U
   else if (xDir == "left") {. i  W/ Q: E4 q6 ?& B6 f
      xPos = xPos - BallSpeed;
3 M6 X6 t. F0 w- g; D      }
$ j+ v8 t" l$ f& U: C# ^* ~4 r   else {
! A( X9 d0 [) C* ?& N  G& [      xPos = xPos;
$ g( Z' m1 c* A1 ^0 V/ C# o  \3 |2 ?      }! A1 J8 _1 Q7 p' q4 B
   if (yDir == "down") {, l7 N3 [+ @" D4 v+ Y: d
      yPos = yPos + BallSpeed;- P: i8 n+ e3 M5 z$ V
      }% q3 p! I4 M  Y! z
   else if (yDir == "up") {: M" m; \7 X/ U3 t
      yPos = yPos - BallSpeed;) h+ I  D2 l6 z
      }  {7 R: q! x5 Z; ]! s7 }
   else {
; J, L4 o4 F- k% _7 I; u6 O& h      yPos = yPos;! ^2 T6 x) }" R) F( a  y8 x' g2 H3 Q
      }) K0 F6 W6 O. Z) x6 ?
   }
# r: S* @' }) h! l
$ a4 D: ?, U$ |# {" e/ S8 Z5 ofunction hidetext(){
' Y: v3 l' B& oif (document.all)' Q8 r+ J$ Z0 N5 C
supertext.style.visibility="hidden"
4 l3 Q( v$ f! i& H( A/ Uelse if (document.layers); a4 {! V$ }$ z; `; M' a, W
document.supertext.visibility="hide"- q) z7 Z( _; r. ?5 J
clearTimeout(animatetext)/ e2 \0 V+ e4 G: V/ Q
}9 T- A$ C! G, X2 u$ f' {

5 u! Q9 @  r9 y- `* l4 w/ m) O. _if (document.all||document.layers){
$ x% A# s3 o' k- }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 P# R, k9 I9 J) }4 r. twindow.onload = initializeBall;
7 {4 J" E( g; F) H! b8 j: Y5 \* Xwindow.onresize = new Function("window.location.reload()");+ Q# Z4 z8 j% P1 k2 a+ \
}
6 s; ~6 Q5 c' E. q6 L& ?  f
1 J6 e  x+ b. y; M( d6 T; I</script>