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

zw2004

<style type="text/css">8 V8 R0 s$ G0 @+ N
#supertext {7 V. K% {+ d3 x0 Z
position:absolute;
2 @7 ^/ ?3 v  k! t2 l& vleft:0;
+ Z" {) Z  w; Z2 n1 b/ d! l  gtop:0;
6 Y" y' x  Q2 X3 q# x& m+ R2 jvisibility:hide;( I5 m% F$ n% B
visibility:hidden;4 n7 h; \8 Q1 O
}
) T$ h" ~* n5 I, \9 }</style>! b' f. X0 v+ Y( B/ h, H
<script language="JavaScript1.2">
$ o2 ^& W7 d5 W<!-- 改变下的字体的大小。颜色-->5 o; j5 U; J. x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ S: A, f0 U# C- l5 s% l: V% I; h/ xvar hidetimer='';6 J: |8 _: I; X; D5 }1 m
<!-- 改变下的弹跳速度-->% ?2 B; s  n( q2 _* N* A
var BallSpeed = 20;
' v( [4 ?7 g: E0 Q6 F0 U: yvar contentWidth;
) A& [1 V; W& f- L# Nvar contentHeight;
$ ]. A1 Z7 q% D+ k1 R  K" Wvar maxBallSpeed = 50;) F2 p8 H7 h& r) T' N$ ^7 ?

" p- e* o5 t' C# s+ P( p3 L) k
var xMax;
) x& _0 _" J) ?( s/ {+ hvar yMax;
3 |$ N! q3 A$ K" d. Mvar xPos = 0;# K0 r; D' ?. P) _
var yPos = 0;
- h6 M" l: X# xvar xDir = 'right';% j: c5 @# q- P  u
var yDir = 'down';
5 c7 i$ `4 z0 ^: avar superballRunning = true;
$ e0 c, j' [; L$ Ivar tempBallSpeed;( f! d2 V1 j( t0 i9 [. N* t) h
var currentBallSrc;
" R: u# i2 |) }, _7 q* Zvar newXDir;
) s6 X$ v* u, J( i, m- d# q3 ~! Fvar newYDir;
2 F( T' v5 q1 Q3 L; S! q+ K0 x6 \) K
function initializeBall() {/ V  \9 Z2 i9 y5 T$ w
   if (document.all) {" w; N$ [4 ^, X  Q7 a
      xMax = document.body.clientWidth
6 v% a, B  Y. A1 L9 Z7 V8 X& d      yMax = document.body.clientHeight
- ^8 ]" s3 s7 x4 c" z      document.all("supertext").style.visibility = "visible";
( I4 f1 ^& ^' ?, ~2 F0 c      contentWidth=supertext.offsetWidth0 Z( D! }8 K( p' x3 n' ?& |
      contentHeight=supertext.offsetHeight
3 y: R! @/ w8 i* N5 ]% m& m      }- g8 P: C2 S# r5 c
   else if (document.layers) {# Q+ e6 \$ @+ ^7 V! i: j% l
      xMax = window.innerWidth;
+ m- O* P# ?  A$ a4 _9 k1 N/ E      yMax = window.innerHeight;
" D3 }. M. ~: y1 I      contentWidth=document.supertext.document.width
) {0 m) {6 t5 R) L      contentHeight=document.supertext.document.height, Q: U4 p/ O8 w
      document.layers["supertext"].visibility = "show";: s( C0 {, o- i! ^; d
      }5 l4 Q/ [+ S# A2 U
   setTimeout('moveBall()',400);% E& M" }4 j0 p# B" p8 b
   if (hidetimer!='')- c4 l- c) z' S
   setTimeout("hidetext()",hidetimer)( G" @+ o+ b5 G3 }4 Q" s' o
   }4 z$ i* S5 E9 m; x. x

# S" l  L0 l3 U' U& B8 U) Q+ N9 o) Jfunction moveBall() {
9 H% x  h$ Q; W/ Q) X' c& H   if (superballRunning == true) {  t- I1 ^! [0 S1 I6 A7 x
      calculatePosition();
* F+ V( p; Z( z7 C; Y; k      if (document.all) {
1 ?' \$ M. f. |3 @, q+ w) |% R; R8 u! |         document.all("supertext").style.left = xPos + document.body.scrollLeft;' Z- S: ~1 z4 h- l
         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 ~% f6 m( I% |, }  Z/ y6 }0 j; i         }, a* o: `9 B9 y, G1 |! R  P: a! j
      else if (document.layers) {' q: _' t# a, H. J
         document.layers["supertext"].left = xPos + pageXOffset;- a4 }: q  T, t' O" [
         document.layers["supertext"].top = yPos + pageYOffset;
% l9 J; h2 s1 z         }
; x. Z# }; Q/ n. z' ]      animatetext=setTimeout('moveBall()',20);
7 R/ k$ |3 L0 F  s' r# l      }. C0 t6 N  Y* X4 \5 ~
   }
0 l. W: d+ {  H% w4 a" V' U4 m5 C  O7 G
function calculatePosition() {% X+ ^- q% x. M& U  y
   if (xDir == "right") {. z/ v% {/ H' B# l8 M1 A2 o& M
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 y% L" P# z  o6 W4 d, ?
         xDir = "left";" l; F! x+ x/ q3 u
         }1 J* t  v3 b# A
      }8 j6 V" }- s2 b! j0 @5 o
   else if (xDir == "left") {9 Y1 w1 _) q, z$ x7 ^# \( l6 I+ |. F
      if (xPos < (0 + BallSpeed)) {  \' a8 P! Z- r( l, v# c
         xDir = "right";+ y, T5 h: _, Z7 w" A' w% o
         }7 a: J& y% Z: t2 u9 Q* v
      }
3 n6 f2 C* H8 T3 j   if (yDir == "down") {
% ]$ @: j+ ?, l      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 ^4 M5 B5 K! K7 b) G: _         yDir = "up";' n. z' }5 V4 p, J% Z) m2 \  j
         }$ @3 |7 o$ Z! J
      }1 x3 A  q6 r: S7 \' T
   else if (yDir == "up") {
- h/ ~# V  l. ]8 \. S' k; i      if (yPos < (0 + BallSpeed)) {5 F/ {% I  h" K# \& B. p& ?
         yDir = "down";
* S, y- N- n( t, f- u) P         }3 I8 F8 {7 B7 x  b, G# D. ~8 u
      }4 c# o9 G2 w2 V8 L
   if (xDir == "right") {
! H5 y4 f% a2 D! l& o      xPos = xPos + BallSpeed;9 w2 \( |- v. d$ [: B) I: t
      }
0 F8 K5 ]$ i+ B   else if (xDir == "left") {
+ T# c3 F- g  e& k& r      xPos = xPos - BallSpeed;
3 _# [% [" U; s! j3 Z( K      }
6 h" K, {& l$ U   else {
' T! X: S' [, a  \! J      xPos = xPos;
1 C% T8 r- I, d& z      }
/ K1 m; v$ i1 U   if (yDir == "down") {* z9 i5 `+ O+ \1 ?  a
      yPos = yPos + BallSpeed;7 r, `  ^8 E, x+ m
      }
5 x' e! w# X: X! B0 z) f. i   else if (yDir == "up") {
1 X  e# u; m' b* f! M) s! s( c7 c$ x      yPos = yPos - BallSpeed;
4 E3 k6 L* y& `4 W# ]      }, q6 b5 ~" j' V! O( l/ b
   else {) V( d8 Q: m$ p( ^
      yPos = yPos;2 H7 I# s; `. y+ s+ K
      }% A) v( g2 s! Y1 U! q2 D
   }/ j1 k' ~9 Z0 h6 V* ]. i" }% d/ l

6 p  t( R/ C8 |/ W  jfunction hidetext(){7 Q( _% @- Z8 W1 K8 D
if (document.all)" R$ \5 p/ n6 X1 d1 k* |0 g4 }
supertext.style.visibility="hidden"3 E) P* E( h  z9 a' K: D- B
else if (document.layers), r/ T9 t. [" |: l
document.supertext.visibility="hide"
  V5 O4 J/ g& RclearTimeout(animatetext)) j, x+ J2 `$ f& J. m4 ^
}
  {9 a' f* G4 Z9 b1 A2 z. ~. D
! r8 E* |2 e* a% L2 r5 W2 Jif (document.all||document.layers){
! G& b. X$ C+ n! a; B4 _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" {+ X4 k' T2 C2 b& h+ u9 {& ewindow.onload = initializeBall;
/ A' p7 Q6 r9 x- v6 A9 K' O) T% \window.onresize = new Function("window.location.reload()");9 {$ y$ z+ b* r
}8 o3 L& x8 H( }. A4 u& U/ u
# _; m( r3 A" Z, }
</script>