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

zw2004

<style type="text/css">
$ r; |/ m# o" S9 ?#supertext {1 a# ^3 C8 J1 `) ]7 c: L
position:absolute;
+ w' G4 g! J6 N+ G9 X* N2 C' |left:0;
3 a" S% p' ^6 \6 q; etop:0;
% y$ J3 ?  D% o7 p4 [; ivisibility:hide;3 W6 G7 m6 g3 ~5 y2 r
visibility:hidden;: J; H" a$ H- O9 K
}( K7 }: {2 ~% @+ x, A. {
</style>
( e' i1 H- w$ F; {7 q6 _, d<script language="JavaScript1.2">$ a+ b  p& [: i' |, n9 g
<!-- 改变下的字体的大小。颜色-->/ f) Y& Y) u& K* z# v$ R2 r4 C1 A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# n* O3 d* Q, ?4 W0 E7 Evar hidetimer='';
2 F0 T" g8 C0 k) z' ~4 E% h& A<!-- 改变下的弹跳速度-->6 ^6 L" u' W: V# [& e" l) n5 q) \
var BallSpeed = 20;
8 L/ \8 z9 t" f3 {  M, |/ r- x  tvar contentWidth;
" \7 E3 A6 `# V- R, `var contentHeight;' q1 R) p, H: n5 X
var maxBallSpeed = 50;
# ~5 q, l* R, k  Q
; w" d. R9 M" V& K
& F' }& w6 \/ W: B4 T  _3 Evar xMax;
$ r, X5 j. _: h. m" Vvar yMax;$ }8 A5 k7 u4 A
var xPos = 0;. I0 u  ~  C* T% z4 Q7 ?7 K
var yPos = 0;
8 R2 k; g. {; g: p/ b4 j9 yvar xDir = 'right';" {6 w4 s$ l. f- y& c2 ^
var yDir = 'down';
  f- N6 u) Y' l3 ]/ S# Ivar superballRunning = true;
2 G: u+ a4 v2 gvar tempBallSpeed;/ @3 Q* [- k; i8 B- m* q8 U
var currentBallSrc;
& n0 n+ Y$ l+ a/ u* n! Ivar newXDir;" d1 @) l! ~& p8 Y, z# C
var newYDir;8 Q# K- [& O! X* Z- a  i. `. k
4 R5 S+ P; k0 B1 i
function initializeBall() {$ J5 @! f( ?+ m% O( v
   if (document.all) {( u4 y7 V( P1 Q6 H. T
      xMax = document.body.clientWidth7 }! G" {  }3 m, c+ x) M3 u
      yMax = document.body.clientHeight
8 K; {2 }2 d& B& P8 {      document.all("supertext").style.visibility = "visible";9 a( L" x. z! A2 M
      contentWidth=supertext.offsetWidth- x4 s9 l4 M% q" r4 D9 _' W
      contentHeight=supertext.offsetHeight
6 u* Y' O0 n6 j0 T2 w: K0 M7 ]      }) D; }) V% i" Q$ O2 v8 c% M5 t
   else if (document.layers) {, S2 k& @- t; v: w: v
      xMax = window.innerWidth;1 V$ ~, P( W8 ?9 n% h6 Q1 R, X$ o" u
      yMax = window.innerHeight;; ~! Z3 s. Z8 O9 L% Y
      contentWidth=document.supertext.document.width
) v7 r) y8 v# l# L9 t$ r      contentHeight=document.supertext.document.height/ N# O; K5 q6 n! C
      document.layers["supertext"].visibility = "show";( w8 G* b4 f9 x$ ?( x: A
      }
& I4 t" r3 M" F7 g9 ]   setTimeout('moveBall()',400);; v. d$ y2 U0 G2 v2 j) v
   if (hidetimer!=''). n9 @; A2 _0 ^5 E
   setTimeout("hidetext()",hidetimer)
1 \9 m4 S1 X3 U$ t   }
/ D3 x$ L- \+ s" P8 Q8 e6 b& x
8 L% ]  @9 Q& |2 L) t0 j8 vfunction moveBall() {
! g2 v9 _6 f$ u! D   if (superballRunning == true) {1 D$ Y* x. V+ |9 G! f- Y
      calculatePosition();
3 {% _8 X0 q. a" n) C5 X      if (document.all) {2 F/ Y2 X% @% a! x
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& y' Q0 j# a  V. }& Q# ?         document.all("supertext").style.top = yPos + document.body.scrollTop;5 [! R3 {) ?3 s7 ]
         }
! S4 y! |2 I4 t      else if (document.layers) {/ n) b. W$ I% L- O% ~) }
         document.layers["supertext"].left = xPos + pageXOffset;& v% x" M, E" v8 a# `; N
         document.layers["supertext"].top = yPos + pageYOffset;
4 [# ^3 I  b/ V3 m. h4 f         }
) n) C3 j4 o2 J6 b! z      animatetext=setTimeout('moveBall()',20);
( k0 A, e6 h' r      }
) q0 \' B& C& _4 G   }
9 D# m2 l3 }8 a. a% ]
* m: _) N/ h, `1 Sfunction calculatePosition() {& u* M& h- |( [9 H" S
   if (xDir == "right") {
  _  p  o6 l6 ~9 j' r      if (xPos > (xMax - contentWidth - BallSpeed)) {, K: m# Z- o( D" F5 R* Z7 r
         xDir = "left";
  s& P( s, q8 m         }6 E& ]+ V& X4 \, C
      }  B9 a" M3 F3 C# F
   else if (xDir == "left") {
- b8 [- I3 Q2 Q" D* J0 N; B      if (xPos < (0 + BallSpeed)) {6 }0 W8 ]" J* C" i
         xDir = "right";6 C1 t7 L, H1 L
         }
" T! w1 Q. p# y3 |. B      }3 p) L( Z; d( S# u! o" S
   if (yDir == "down") {9 ^# ~7 m8 J4 B; m  M* ?
      if (yPos > (yMax - contentHeight - BallSpeed)) {
* g: K# `& i  i3 o5 ?         yDir = "up";
+ Q; m5 e# g0 b) b; c; R         }
" f4 s4 M& ]& q* Y      }) P! |8 V3 ~- K/ u0 v5 S" t
   else if (yDir == "up") {: ?7 L/ s" _8 S3 l% j, b. u' p0 d$ }
      if (yPos < (0 + BallSpeed)) {+ Q2 ]$ h+ R$ s/ }0 V3 U! O' Y
         yDir = "down";! U3 {- Y2 V2 Q, Y4 A
         }
0 C. {3 X+ n$ W* z% t: S      }& \8 v0 S: f  o9 j8 W
   if (xDir == "right") {# I7 ^7 @& n& {0 @
      xPos = xPos + BallSpeed;2 g: ~. O' M% w1 j+ A' i0 G, F& u4 F
      }
( A" j9 p! f  e8 E% X   else if (xDir == "left") {
- W3 ^' ?  S" n. ~  K      xPos = xPos - BallSpeed;8 ^- {% g, x2 ?1 m+ E
      }
; D6 h; x5 n6 |% T0 c' K% A   else {
" y1 f1 `+ v& `3 ~      xPos = xPos;! K( w* M% Y7 @3 M% u0 m  Z; v
      }0 s+ W2 p5 G( b& y9 }$ d- W' I
   if (yDir == "down") {
' B! r/ n6 ?6 L" v5 G      yPos = yPos + BallSpeed;) J- I8 L+ X6 x# B
      }* I7 z! ]$ Z  f
   else if (yDir == "up") {. U1 f3 ]3 X# A5 P
      yPos = yPos - BallSpeed;
0 e" r$ m! L+ m' L+ u      }
/ C7 u/ |* j& M! m' k* D   else {
3 e$ T4 T, |/ ]6 _/ K% L# }3 {      yPos = yPos;  Y' y  J; o/ ?% W1 D3 v
      }
7 H" @9 F8 ?  [& z$ h; G2 ^   }
/ n! C3 J: f( V5 L/ }1 j( J* k+ k
function hidetext(){
' W0 L3 n  P) i4 Oif (document.all)
+ j; S: k+ ?. e" `# M  Esupertext.style.visibility="hidden"0 C9 H4 k! T( d6 H
else if (document.layers). D" o4 C5 d  E. P0 P( o
document.supertext.visibility="hide"
) O- c: x/ h0 I7 [/ P" lclearTimeout(animatetext)7 A: d! a! j8 }( |+ |' e' {
}1 M* b9 d) L; a' }
0 h  N- B6 {4 G0 o
if (document.all||document.layers){
5 L/ T; i  b" v" ~8 J% T7 Zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 h% I6 A. M, L# i0 Z* x, n1 J5 |
window.onload = initializeBall;* T6 F( h6 F: J
window.onresize = new Function("window.location.reload()");; N( v9 v2 C* K* Y3 \6 _
}
/ Z6 e6 s9 C6 A" u; F; J1 y, A' R/ a" n
</script>