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

zw2004

<style type="text/css">
% j& t4 Q& W' }6 Y! \1 x#supertext {
! K. h2 |. q6 U* L  z. ~: gposition:absolute;
1 c" h7 v0 y, e  C9 G) d# z: X5 ]$ Gleft:0;* I( Y4 f- \5 ^/ \; `5 Y3 f2 |$ ~
top:0;
5 S) w  X8 g8 H$ o$ p3 K1 |# h+ Lvisibility:hide;
# d  k5 h* P; p& Y! zvisibility:hidden;
! i+ Y7 S! u' @2 i; S- A# z}
& b- C( j: |4 ^* e  A1 S</style>
' |3 E! A6 g9 ~6 K: X<script language="JavaScript1.2">
; y0 R" r! f0 d: D8 l, B<!-- 改变下的字体的大小。颜色-->- p7 `2 V  ]& V& O, k; t, ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 R9 w) @8 u3 c( Qvar hidetimer='';
8 u/ m+ S) j3 H<!-- 改变下的弹跳速度-->
9 n" e) W: g$ ]% e  Ivar BallSpeed = 20;
' x- t; n$ d8 |var contentWidth;
+ v; k/ v0 n* I0 A7 D9 vvar contentHeight;" I3 C4 E! w/ u
var maxBallSpeed = 50;
! Z) u) s$ l6 d8 w/ }! R: r5 s1 G- ?* I
& N9 r" W" F0 N8 N& S' r2 P6 j! p
var xMax;( a# U( J; N' x
var yMax;; @" Y" c( ~! X% }" v4 N
var xPos = 0;& c9 a+ a/ c) q  p0 L- y
var yPos = 0;
/ p, G- Z! O5 ivar xDir = 'right';
4 a0 f  a" ~6 K1 mvar yDir = 'down';
4 j) I6 u$ |2 c+ ?var superballRunning = true;, h0 w, z6 S; A1 }. f" W' Q4 F* L
var tempBallSpeed;7 W  O- u2 i- \% V/ ^* b/ v3 ?
var currentBallSrc;% S3 @; ~5 o" f; N* @- Z" a
var newXDir;
, }4 [6 a- ^" F; yvar newYDir;
: ~) F$ K7 B3 `7 b
( n' f! @* y+ ~, S* Q' d4 efunction initializeBall() {0 R$ I1 o5 F* I. r- V4 [
   if (document.all) {" G8 R0 D4 B) z
      xMax = document.body.clientWidth
" j: L& s5 b6 [% p4 ]      yMax = document.body.clientHeight. n/ S% R" _" X" [) E- g0 R& l
      document.all("supertext").style.visibility = "visible";
+ |2 S$ {/ r- X9 f* N  G% e      contentWidth=supertext.offsetWidth
! [* H4 o/ {( m4 P" g0 j      contentHeight=supertext.offsetHeight
" D3 H) T0 F5 O3 l1 {      }- v: \: Z* @  Z. R
   else if (document.layers) {( ]  F/ T; s+ m" o1 N1 Z' F  j8 B8 r
      xMax = window.innerWidth;& F, I+ V) `% a/ J' c, _
      yMax = window.innerHeight;
, _! `8 o) j% U" T/ O      contentWidth=document.supertext.document.width7 ]+ h' \% e2 B9 o' }' t3 K- G
      contentHeight=document.supertext.document.height4 }6 s, m# {1 `& P( r
      document.layers["supertext"].visibility = "show";
2 D' i- S9 I! N      }* `$ ~1 v" |" H
   setTimeout('moveBall()',400);; u2 q! g8 m" X. e2 I! p
   if (hidetimer!='')5 q9 b* I# w$ C5 a* q: B
   setTimeout("hidetext()",hidetimer)4 G# H( ^* I0 ]1 Y0 Q
   }
3 F. W& y' q% i: b) u
1 R; I) D* I) a& a  Hfunction moveBall() {
4 A0 s: j/ Q  b' q6 t; }   if (superballRunning == true) {5 u" v7 k; j! Q: N2 v9 C# e
      calculatePosition();
" A4 r" F7 O' t/ }% d2 \      if (document.all) {
0 b/ T" X: Q3 d         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) \$ _7 H8 ]9 w; s; J( N+ M         document.all("supertext").style.top = yPos + document.body.scrollTop;& y% a9 K$ I. S# p
         }% w7 |. E* O' K5 a7 h3 d7 {- Y
      else if (document.layers) {
; i. W5 N' P, q+ \8 |         document.layers["supertext"].left = xPos + pageXOffset;
( ^" O: ]. o' V; {1 F         document.layers["supertext"].top = yPos + pageYOffset;
! F6 A7 L* c# T  j* p         }6 W4 [7 c7 Q3 B5 e
      animatetext=setTimeout('moveBall()',20);
- h' y& F. B/ `8 z4 q      }1 z9 l2 f0 x7 Y3 ~
   }
2 _4 m7 d8 ^! j. l3 `; P3 ]: Y* F8 j. c1 N  n
function calculatePosition() {/ ?' X9 L2 z. }8 u( K& d
   if (xDir == "right") {- X! A( K( o; K0 U- W2 C, I2 }" ?7 ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {- i! ^# ^+ W: G- Y3 _7 k  i
         xDir = "left";' o& ?/ S7 {" r
         }
9 n  n6 e+ p% _2 `2 ?! L      }
# s. T* o8 L9 U7 j   else if (xDir == "left") {
1 A# i8 x4 R' f4 f2 e      if (xPos < (0 + BallSpeed)) {% I& Q+ x3 P# y) a# T: o8 y3 o
         xDir = "right";
8 l4 x$ Z$ H8 u* c* s         }
5 y; _3 C' J) }6 p( \      }
( Q* [: n' h% \7 C) z   if (yDir == "down") {
0 U( t. i$ P3 ~9 r2 Q      if (yPos > (yMax - contentHeight - BallSpeed)) {6 q. |7 W0 `  _8 w8 u( f; O. i
         yDir = "up";
: \+ v4 S8 q8 @& h, e, ~" n; ]         }
0 H+ ^. m/ F8 ?/ ^* ?      }
* W* U* M' w; a+ F* b   else if (yDir == "up") {/ R( l& `9 Z: u9 c0 L& J
      if (yPos < (0 + BallSpeed)) {
1 H6 q% ^% X$ I' s1 I3 d         yDir = "down";2 ]6 @; M9 N3 `! B
         }
1 N. k5 @% c4 T( D      }
8 W$ e4 ~" V# F! r& @( ^   if (xDir == "right") {
" Y6 i$ U4 r) D( l4 [8 S- c  M! o9 W  }5 x      xPos = xPos + BallSpeed;
) \. A6 ]9 K0 \, O( v      }
9 l9 r! Y; i" o  {6 G" \   else if (xDir == "left") {2 p% f; S3 `. S
      xPos = xPos - BallSpeed;
" P! Q+ `( u$ p+ e      }5 j* x! T; T5 @5 ~$ @
   else {+ s* Y7 _: [. X- W5 s# D- \( _/ u. ~5 C
      xPos = xPos;
8 C/ Z. \. o8 Y* ~  c& d5 S      }
7 D. s* H7 d/ B5 r& s( B   if (yDir == "down") {7 d+ z0 w# w/ w; y& A( L
      yPos = yPos + BallSpeed;
; h# q' X: S; j' t0 T      }
4 w: N" ~1 d7 t3 m   else if (yDir == "up") {3 i: T& m8 @- {- b0 C
      yPos = yPos - BallSpeed;- a# s2 Q+ [+ c9 n/ ^6 ~
      }3 I. {- C' T% r5 I1 A' u% a
   else {
9 a! t: H, y, J+ `      yPos = yPos;
$ ]4 K7 [# H+ x+ S      }& r" Y0 C7 f* P* u; }
   }
! f" s9 Q2 j8 c# ?: {# h$ C# M- _& w5 t# B) D, x& w
function hidetext(){
) ~, L" o' l+ k& C) t1 \( tif (document.all)
( ?) [0 _8 D( z* nsupertext.style.visibility="hidden"
& N' u4 \- O% \$ \- pelse if (document.layers)* L. D6 y* H4 [& q
document.supertext.visibility="hide"$ r8 f, c2 v9 e
clearTimeout(animatetext)+ v, f0 ~* `" f$ C0 v# E; W
}9 t: I# ~+ |0 s1 Q' c

( t6 }6 T: v0 Q9 w$ ^* oif (document.all||document.layers){' c3 \0 Q& d" G; K+ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ m+ B  y/ q5 Z) v; [# I) Lwindow.onload = initializeBall;
6 V7 R- n- ?; Owindow.onresize = new Function("window.location.reload()");6 N( C3 ~( o8 E
}
6 R# ?* Q) t8 H" Z# c, N8 g8 u1 f! I7 I& o2 j4 v0 ^' P
</script>