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

zw2004

<style type="text/css">! S! H6 h, E2 L/ ^4 Z  Z  }* ]' l
#supertext {
$ ^: t9 J$ m4 t0 n& z; @position:absolute;
1 k( N4 [8 T" ~1 T6 Cleft:0;
) a" O9 S/ F; Vtop:0;
' X. {! q, a6 a6 O' O* `! ]  H; Ovisibility:hide;0 a" N7 @4 `1 O+ G8 ?8 F1 S
visibility:hidden;2 E* {9 u& P7 n) f2 C! ~# y3 F3 U: B
}
, T) ?5 C6 v8 v- q; _$ [</style>5 f/ ~2 L4 q" y
<script language="JavaScript1.2">
" X) ]: ]# m. s& v" O! I3 ?) h/ d<!-- 改变下的字体的大小。颜色-->: H% g0 L! d; A; ?8 j( f# ~3 l8 u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! T6 k  g+ H( v/ S" y8 bvar hidetimer='';8 e8 N% o+ g% `0 Q+ z' s0 s
<!-- 改变下的弹跳速度-->
: i+ Z" q7 n9 ?$ t5 e9 Ovar BallSpeed = 20;
" x3 b  I" L% H, T- v: Jvar contentWidth;, k- n, [) x" A$ P5 b
var contentHeight;
2 X6 x; ]" b  g+ Rvar maxBallSpeed = 50;. j7 N$ T4 ^% N& r, |

( s3 B( ~+ O! _$ _$ g0 x3 t
3 z% D' l' B, H+ Tvar xMax;
2 C! T7 _/ W3 q3 Cvar yMax;3 C# N' F/ a6 A' w: C. G
var xPos = 0;
5 {. z% g7 z  _var yPos = 0;. N6 q- g$ u) X- Z8 B  e) g
var xDir = 'right';- C4 H; F" d) ], [
var yDir = 'down';5 P* E& G1 a) E6 c
var superballRunning = true;* d4 n$ z3 y4 ?4 e
var tempBallSpeed;
# Q: w' n; {) ]9 H' l/ o( P2 X) Svar currentBallSrc;
5 G  V" s* L6 O: Fvar newXDir;
5 f! L* I: [0 rvar newYDir;
& j8 }3 I* q& I2 {" U9 [4 M, f1 r9 V# \1 G* y4 c$ _
function initializeBall() {
9 @1 a: D0 c2 j( U/ \   if (document.all) {
1 p! T0 X/ I2 h  |8 u! l' H8 t      xMax = document.body.clientWidth/ j7 r! \: c# a0 W5 }
      yMax = document.body.clientHeight2 [9 T. p) Z/ L/ d( A0 Z
      document.all("supertext").style.visibility = "visible";/ S; F' U, U; }% O. X4 D8 p3 ?
      contentWidth=supertext.offsetWidth
3 ]  X8 E* |& m  u      contentHeight=supertext.offsetHeight4 d# \9 _: e* k
      }
, b% T; W6 n  t1 ?) @   else if (document.layers) {- w" R; [' `. Q6 A% _+ B" _. I* P
      xMax = window.innerWidth;# o+ f0 Q) Z9 o: I3 U) {" y+ K! |1 j
      yMax = window.innerHeight;
4 T- [$ d/ N! V# v9 A      contentWidth=document.supertext.document.width. u- `, U8 b2 h
      contentHeight=document.supertext.document.height
7 e4 D' Q+ n7 O      document.layers["supertext"].visibility = "show";$ P  E7 F6 h$ G# l- e2 a) Z
      }3 }, w; u/ Q3 j! h% R; i
   setTimeout('moveBall()',400);
5 z2 w2 M- s8 ~" T  N   if (hidetimer!='')9 R' T0 L5 p: y
   setTimeout("hidetext()",hidetimer)
+ B* ^$ c: }3 h& m6 c/ r1 s7 U" r   }6 X0 [% |$ M/ |
* H+ x, P- e2 F1 B
function moveBall() {
6 S+ Q  Z) h, `, w9 m& e! a   if (superballRunning == true) {
9 G& W5 c0 @! R4 c; E+ D      calculatePosition();2 b/ Y7 @+ |* @$ G% w
      if (document.all) {9 v3 X5 m: ]1 u6 p- K; I9 W* l2 R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 v) }# y+ s* @# ]# n, p9 p* \
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: m& y3 P2 O3 S  {8 g3 T         }2 V+ F7 S9 @: C0 r! K0 R/ ~( W
      else if (document.layers) {& D+ G$ A5 g! {( m- c( [) G5 \$ c- [- I
         document.layers["supertext"].left = xPos + pageXOffset;" f1 N3 p; a- s* q3 O
         document.layers["supertext"].top = yPos + pageYOffset;
0 J) ?: z: P7 z6 |         }& P( A! k: x- o4 r
      animatetext=setTimeout('moveBall()',20);9 u" L& l9 S( q9 O0 X
      }% P" F! J: C' \% s$ `  p
   }6 F, F' ]: S! u3 S/ C

; Z) U5 O, |: K. mfunction calculatePosition() {- q3 u# _8 O$ I; K, V* t5 O
   if (xDir == "right") {* x' U7 L1 b$ t2 e2 L
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 l& \' a$ `* S: T
         xDir = "left";8 Q7 D# s$ U; |1 ^3 n3 X( Y
         }5 u% P8 K: o. _' O" a
      }
# y) q- Q, j6 ~   else if (xDir == "left") {7 K7 O$ }& ^  ?. v; I$ f& x4 [
      if (xPos < (0 + BallSpeed)) {$ ~" h+ a6 N5 g0 ]3 }5 N
         xDir = "right";3 o0 i& \4 v; E. s7 e& u
         }1 x' L9 ^! y0 \+ F8 }
      }6 i" E' H  P" l+ q  J
   if (yDir == "down") {
$ Q1 k9 Q7 ?! L/ ?. M/ ?* ?; p. q      if (yPos > (yMax - contentHeight - BallSpeed)) {9 s* N. B' T% k9 R8 O( \; c- U
         yDir = "up";
3 ]2 q% T  r7 T6 E: G( d( C& O         }5 e/ k  H* N8 L' E/ n1 s* K) B4 k  y$ t
      }3 S5 L, C$ w! b* f3 y( g
   else if (yDir == "up") {
+ \: B; A' s- F7 p1 i      if (yPos < (0 + BallSpeed)) {1 D1 K& s7 e, ?3 Q
         yDir = "down";
* i0 t- [( h9 X/ f         }  Y) A: h3 J& b1 N
      }8 E7 x( c+ t8 d9 I3 Y/ Y! ~
   if (xDir == "right") {0 h  a. c$ }  j7 Q& F* _
      xPos = xPos + BallSpeed;! W( t) c& Y6 E7 d1 U/ u+ U/ o
      }
3 B$ u; o8 A/ ]   else if (xDir == "left") {- i& Z, H: A6 i" K" a9 E- R: b
      xPos = xPos - BallSpeed;* _* H8 t- [4 N& ?. `4 D# D0 X* u* \( M
      }
0 L' T  P1 v) g/ Q) u9 H8 q1 n   else {
/ H& G  {; S( z8 D" Q      xPos = xPos;
' Y) J5 c9 @$ J2 n6 \8 y8 g, k( a      }" p: a" a% g+ C( `/ L- m
   if (yDir == "down") {! ~. j+ O0 f: ~. g" X. v
      yPos = yPos + BallSpeed;+ I+ A- a; Y- n- z
      }
$ g* s) ?7 o) X% m) u6 Z6 V   else if (yDir == "up") {6 `2 f8 L4 i' H( t( \
      yPos = yPos - BallSpeed;
) L% a, x* v. n      }
3 ]" e, _8 b+ }. i0 a; z% m  b* R, y   else {
" k: k6 W, g  d' Y7 f      yPos = yPos;
7 G9 }8 _* q! y3 c' ~. E8 d. |# }5 _      }! L+ j8 ?; |: b
   }
  P7 b, w% I) y- Y: t4 b" }* W
" v4 `: _: ?1 e# l- [( J$ s7 T5 R- ^- Mfunction hidetext(){/ f% J/ K# ^" `) L/ H! C0 p+ V$ ~
if (document.all)  \* g( i+ w) x1 ^
supertext.style.visibility="hidden"
8 B+ D* w4 L) Melse if (document.layers)3 J3 X! i8 z! C& L" ?4 j- y* \
document.supertext.visibility="hide"
5 r7 t, T% w+ u0 t# F# Q% i3 \clearTimeout(animatetext)2 t2 y" y  T- s) @
}7 p9 e: o3 N  I5 T

# d, _0 b) s  A9 ^, H# p9 g$ W6 G* Xif (document.all||document.layers){; V9 |! O7 [7 q# H5 h0 w) y4 b, J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! ~( c0 O- S0 E: X. X& n+ |$ S* [
window.onload = initializeBall;
! e( G7 f& j) P8 ^+ cwindow.onresize = new Function("window.location.reload()");1 l& g/ D  ]' Z0 H
}* V- q% h) H. L: X

+ @2 s/ s% l) G8 q9 r</script>