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

zw2004

<style type="text/css">" J- u. }2 M! `, u( l( e
#supertext {1 D( J: ^9 U0 }& t; H4 `
position:absolute;
1 X& p3 r" z" S! q5 _0 I1 a/ Qleft:0;
) G* R5 {  Z5 t* I! Q9 _! B( `top:0;4 p: P5 j9 `# @# t' H' [% Q
visibility:hide;
; S* o" T. y5 h( v* h6 Hvisibility:hidden;
% W  V! t2 D2 A  n  Y- J}
- I  ^. N* H4 M( e% b5 h. ?: L+ N& u</style>
5 f9 d6 X2 z1 ?1 B0 y, J<script language="JavaScript1.2">
3 P$ l$ |9 u/ z; D- L7 y4 S<!-- 改变下的字体的大小。颜色-->  g. x4 B6 l6 |8 A- k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 @( Y1 l! P! }" o
var hidetimer='';# l& l' Z; f. U/ X0 R! N
<!-- 改变下的弹跳速度-->$ d( N1 n. D5 a: |2 f# S
var BallSpeed = 20;0 V9 F2 [* k1 G8 Z9 `9 P
var contentWidth;
% j2 _( `( e; |$ hvar contentHeight;
0 z# ?* C0 x( X, U9 W& K7 ]var maxBallSpeed = 50;$ ?1 r' O* s% M/ n9 S; U' M% y

3 H' M/ J  O3 n6 `1 b& R3 z, A% `% C) F5 j+ T5 e+ l! A! k4 _/ G3 M/ B
var xMax;% p5 o+ {6 p# k: V) o: w
var yMax;
7 c2 z) j  s; O: Y/ bvar xPos = 0;
* f& \7 v2 J# U  X0 K# N/ j" @. }$ R8 @var yPos = 0;
- t: x( e# p) i* ?( H% q0 Fvar xDir = 'right';
* Y. B0 V: z# ~var yDir = 'down';: t$ v# s/ u# v
var superballRunning = true;- t! W% _9 i8 Q" y: M
var tempBallSpeed;
& G2 L# T, D# \, Wvar currentBallSrc;6 O( T2 F+ a, Y. J1 ~( P6 z
var newXDir;* K$ D# n  _/ `
var newYDir;6 z4 f1 d' A2 G# o

6 @# l' l) g1 G  {$ Tfunction initializeBall() {* V7 u1 b/ h, ]- f" q
   if (document.all) {
0 S% a* Y; K% X+ w6 }0 D$ Z- h      xMax = document.body.clientWidth
& \) I5 w" S$ q2 p      yMax = document.body.clientHeight9 N- O  D1 u1 G6 Y, w& w. Z
      document.all("supertext").style.visibility = "visible";; l2 Z' p4 J0 |& C; `
      contentWidth=supertext.offsetWidth; X- @( b3 n! ?4 o& W$ \7 S
      contentHeight=supertext.offsetHeight
1 N! H( j5 o* P6 `7 a      }2 B8 U7 ~; e5 [9 E7 B2 H6 Y# b9 T
   else if (document.layers) {( f/ Y, H0 D# I% U" b4 `9 a, C$ V
      xMax = window.innerWidth;/ l' d8 B- M3 M$ Z  p
      yMax = window.innerHeight;1 l+ L  x8 y! o6 B" u
      contentWidth=document.supertext.document.width
. B! V- o2 r# O7 L' @5 P: X% A      contentHeight=document.supertext.document.height
+ A% T/ X* K  @      document.layers["supertext"].visibility = "show";
, `4 n2 ^- z- N7 x6 G* L      }9 C. B" Y# t2 S
   setTimeout('moveBall()',400);
" k6 K  b% Q. i4 P: u) a   if (hidetimer!='')
9 b& r& {9 Z+ X8 R   setTimeout("hidetext()",hidetimer)1 O+ E1 H5 s. t7 L7 W& Z7 e% N; _8 o
   }
* u- I2 r0 u% \) ^# a8 O4 ?. z1 j/ n5 y7 j( }
function moveBall() {
- m) V0 N9 Y0 @) K, Q   if (superballRunning == true) {
: Y. d  ^8 w0 _( d/ o# V8 ^      calculatePosition();
9 b. s3 ^1 }# e! f      if (document.all) {
! o8 p3 u/ P- Q% q' ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  i7 o9 D: r" U% o         document.all("supertext").style.top = yPos + document.body.scrollTop;
" J4 m; W! M2 n( |         }
6 Z6 _! j& t  Y6 i      else if (document.layers) {
3 X9 l" v- t* ?5 L2 y* ~/ i: N6 @         document.layers["supertext"].left = xPos + pageXOffset;: l6 q8 T% v9 M0 e! \/ f
         document.layers["supertext"].top = yPos + pageYOffset;
0 E" w" p* d  }3 H  \         }
" B7 V+ R; s; C7 h0 x6 Y      animatetext=setTimeout('moveBall()',20);1 Q+ \& ^4 Q, ?6 g* H" g6 \+ x
      }
% j) b. y) _2 C5 d% j   }
% m) M( t7 ~, Y$ B% K
5 y9 L4 p- {2 |( Efunction calculatePosition() {
5 j5 O! Y# p$ \( k8 x  o+ s0 f. F   if (xDir == "right") {
; [, N8 m1 S: e1 a1 g      if (xPos > (xMax - contentWidth - BallSpeed)) {
) _$ l# w/ B, y' V         xDir = "left";
, I, m4 T- n5 c" D         }5 g7 H7 B* o3 V. o' f4 a: n/ b5 B
      }
4 L' ~) A& m  d. G( h& a5 z6 @* Y3 `   else if (xDir == "left") {( A6 ?5 F5 L$ B% I/ N
      if (xPos < (0 + BallSpeed)) {: @6 n3 C) w, A) y- h# d9 u2 m
         xDir = "right";" j. i& p3 L$ {3 i3 \7 x# D
         }
9 j% g; U) U; N& V      }
: A5 b" w1 u% E% H7 `   if (yDir == "down") {
2 R# B8 w3 B, X. \' Q      if (yPos > (yMax - contentHeight - BallSpeed)) {
% E2 H1 a8 c9 [" O         yDir = "up";/ l# }) M* ~2 ]+ }' V+ o/ R
         }, |7 L4 z' b7 F& b5 @5 D5 j5 L. J$ O
      }
5 C9 K) `! F- |4 @7 u! n; {   else if (yDir == "up") {
% |) w, p2 c8 ^. c+ c      if (yPos < (0 + BallSpeed)) {
+ |5 ~; g! ]! r: J; G         yDir = "down";
( Q' G$ \9 f. [, @  F/ P, R         }
) t8 d; [) }" p      }
* }" t5 V, m6 ]* |# b. m- {" `   if (xDir == "right") {
: Z/ ~. H) N0 v$ \      xPos = xPos + BallSpeed;
# q+ k5 k. a+ z& q4 a7 [" @' ^      }
) H1 Z& G, \# J( ~" i9 b- ?   else if (xDir == "left") {" c' C# [( N3 [; `) w6 m) a1 U
      xPos = xPos - BallSpeed;. @6 P% P7 n8 y5 f, z
      }# m$ d4 S5 {. i; A
   else {
+ W" p- O* `5 U9 t& w0 ~$ d2 f      xPos = xPos;
. Z# G: n' C4 {; [      }. c: O, k7 d2 m" |; n( f) q
   if (yDir == "down") {
4 {# [. |6 f& a) }( M0 ]& p; K  g      yPos = yPos + BallSpeed;
, |( L5 q& X0 _  `- ^3 W! A) z      }
1 k: W* @7 \3 X& ]) ?# K   else if (yDir == "up") {
4 d2 u& d( X: F' P& P% ]# ]( |      yPos = yPos - BallSpeed;  j: X, K) h) R* w! `
      }
2 U2 y, d  ^) W4 g3 P$ O: s; E5 T# h- ^   else {7 v" d" M5 n2 K* D+ t! D
      yPos = yPos;: P7 s, `7 _8 J, L5 i
      }- p/ l2 W! B/ [) Y) V" y
   }  f! y( B  j' f

8 F  J* R& n, s+ I( s7 Xfunction hidetext(){
. S" O# w9 B' M2 f2 D, hif (document.all); T1 o  G( H% N, f8 K; A% k
supertext.style.visibility="hidden"
7 U) z. t8 d9 V- z: Xelse if (document.layers)( G- T6 o6 |( T1 p; j- I
document.supertext.visibility="hide"+ y  j8 \* A2 H1 X9 ~
clearTimeout(animatetext)
( `- D# z/ g* C5 h7 S- ]}: ~5 w1 ]& X8 \2 ~

& a; U8 W) M+ V- M0 \$ ^% k& Uif (document.all||document.layers){; r+ M5 s6 F5 A7 g6 S
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ v) h; V4 s- |/ A; l8 Owindow.onload = initializeBall;& W0 W) N, ?- \' ]1 ]$ i& c8 v
window.onresize = new Function("window.location.reload()");4 y5 Q% r9 H; l
}' ?" T" e/ Y/ l$ M
& f7 c6 B$ I# m: W
</script>