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

zw2004

<style type="text/css">
& k2 O+ q; K* f0 P#supertext {, Y8 D# H( \9 s; P
position:absolute;0 O) e0 t9 j5 u- u
left:0;1 C# X$ f+ r1 }( E2 s5 c/ t
top:0;" C2 q9 ~4 |6 d
visibility:hide;+ u  R3 i4 R2 p  K
visibility:hidden;
+ K1 ?. {" _3 s2 w}& b8 u! j5 {! v
</style>
9 I; ~: A  O( ]<script language="JavaScript1.2">& q- h9 W; C* l( k
<!-- 改变下的字体的大小。颜色-->
# r9 a8 R- s" \- X$ D; v( x3 qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' r" i: n- u' Y: B6 p* L$ x  X- X0 ~
var hidetimer='';
- U1 E8 b& O( Y- T# Q. U<!-- 改变下的弹跳速度-->
9 A, L  R5 S1 t& {var BallSpeed = 20;
! Z2 B5 ~* g/ i/ @3 ivar contentWidth;
4 G1 R0 w0 z% z! y6 Hvar contentHeight;! D+ r7 R# g0 L1 R. d  w( N; R# e
var maxBallSpeed = 50;
9 c0 u4 }, [; K1 T- j: f6 ~/ t' h

- X. r. L- T1 D) h, yvar xMax;
  d$ O2 b9 P# I0 g, O# Lvar yMax;
6 w# v; j* x0 q  qvar xPos = 0;$ y. e& K. K5 C, E' g% [
var yPos = 0;
- s, F0 J$ N) ?* H! {; Evar xDir = 'right';
& y) k6 B( b5 J( }  l; I4 [var yDir = 'down';
- M. w0 H- g2 Q* qvar superballRunning = true;( g6 ?  S# d7 o. ]# `6 r2 f
var tempBallSpeed;8 {# S( h. Q5 X  ~
var currentBallSrc;0 d% [. y; h$ o3 q
var newXDir;
- a3 Z/ j. U' T: m7 vvar newYDir;
0 W8 k: r4 r# L5 @$ g+ M* f* ~5 }% ^, j' {" V' y9 d9 p
function initializeBall() {
6 l& V2 L* r3 j, x0 n   if (document.all) {
1 _0 ?* s6 S/ e* v1 e      xMax = document.body.clientWidth
4 c$ J! U* S- Q! U      yMax = document.body.clientHeight
. D6 r* e+ U2 {  x! n' ]- A: O# c      document.all("supertext").style.visibility = "visible";% |% E9 M. W2 ^; _# \2 _# ]
      contentWidth=supertext.offsetWidth* d9 |9 b7 B2 c4 u+ u. {. b5 u
      contentHeight=supertext.offsetHeight9 u% ]4 N0 ?8 B& G8 e# Q3 A
      }' |. ^5 g- e0 y+ c4 d' d
   else if (document.layers) {9 K6 n: G  Z. b& Y
      xMax = window.innerWidth;- y; H) h( u& R. J8 z
      yMax = window.innerHeight;
5 d* l* F  [- a. F8 S) i      contentWidth=document.supertext.document.width
1 W- v! Z, s$ B) b  v  v3 ?      contentHeight=document.supertext.document.height
0 G4 a! i8 @- U; e8 v      document.layers["supertext"].visibility = "show";3 [* m2 j9 |( u5 B% T& H
      }
1 k7 E8 S+ D% f, p   setTimeout('moveBall()',400);
/ H: B$ p; R, \0 P% z, a   if (hidetimer!='')
/ x0 |4 V4 d- t   setTimeout("hidetext()",hidetimer)
4 d  }' M* P7 D3 c* T, O7 n5 B$ h   }, w3 B, ~) ~$ R5 Y$ X9 M' j' t+ ]5 z' {

' [& t  _- ?  S& a* f- Q$ bfunction moveBall() {- T9 R) m! ?" j% M) s/ y
   if (superballRunning == true) {
) T- f" H7 n* c; l0 V      calculatePosition();
) X' y, {, _; ^8 O, r3 `      if (document.all) {" Y" O8 e4 V2 _7 t
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; |- s+ O$ ?( H0 H6 [         document.all("supertext").style.top = yPos + document.body.scrollTop;
- B7 |7 R) U0 J( a         }) b) U+ x) h; C+ p. {) F3 u- F, [# e$ X
      else if (document.layers) {
' N  ^! i9 J, N         document.layers["supertext"].left = xPos + pageXOffset;
- l' L- T& b6 U- d, u3 K& \         document.layers["supertext"].top = yPos + pageYOffset;$ m" r1 P. {$ h* c% ]% h8 w: |
         }
3 |! K& g6 H- ]2 N2 y+ C0 u2 o, z      animatetext=setTimeout('moveBall()',20);) n/ [! z9 J" ~/ m- D. w% P
      }. c" \$ K8 O2 s1 |
   }
" ?" h$ x" A& J) L2 F
6 k/ M5 F% V. v2 L& J; Mfunction calculatePosition() {$ q! y9 z( T; ~+ j( [" k
   if (xDir == "right") {/ I! {9 r9 w: G! F7 V
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! A% g- G  M# h; d- ?- b         xDir = "left";
! e8 b* i6 v! H; ~$ F         }  m- ?  ?9 Q2 L; U0 {8 n2 B7 e
      }* R9 J, R- |/ E, O
   else if (xDir == "left") {
; a# d8 B9 H, `  U      if (xPos < (0 + BallSpeed)) {0 }: W1 t% B: A+ t# P* l
         xDir = "right";
) E& |! p3 c8 G. f6 k+ W         }
3 n7 b+ B: h& _      }( Y9 ]( B( h0 j$ G& u" z9 Y& B7 I
   if (yDir == "down") {
: I8 m& Y* b8 O' G6 m' M      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 [0 @6 f+ r3 ]/ [2 Z) ~         yDir = "up";
6 P" t  u' h8 T  e" D7 T& s5 O         }
3 i& h, T& t* a$ x      }
* K: H6 g) E% t# r" \' `" H   else if (yDir == "up") {
; r& I: U" N" A# H0 ^/ I, o! {      if (yPos < (0 + BallSpeed)) {
& T8 F( u; y$ Y2 K1 K/ ^         yDir = "down";
2 S, c" P# u2 R# u         }, ~/ F0 _9 `. H
      }
+ P4 H& }1 I. y- o0 V# K0 b   if (xDir == "right") {* q% [/ M2 R3 s5 M
      xPos = xPos + BallSpeed;$ g- @/ W( V! F( K+ \4 E2 p
      }/ }8 h4 V/ i+ e9 e
   else if (xDir == "left") {  ^, H( E3 U5 z
      xPos = xPos - BallSpeed;0 d" d- L' {$ A5 p
      }
/ Y8 m2 t$ z8 R: ?4 ^2 N, c   else {- k2 u% c8 W; N; c. }9 M% z4 I
      xPos = xPos;, h9 N2 l& k4 E& D  U
      }# I5 e: C% Z' \0 R& T% y# j
   if (yDir == "down") {
- k( c- y$ E' y2 d7 p      yPos = yPos + BallSpeed;
; u5 n/ p* t+ X) y# p. A7 d" E+ D  t      }) e4 G) }; i2 b- r  V  A% N& n: R
   else if (yDir == "up") {
4 q. E/ G  X0 r3 o* M' m5 f      yPos = yPos - BallSpeed;
1 |% `/ E$ K- D, }- D      }
: |5 A" x% o5 W   else {
& V- Y  w) c0 P      yPos = yPos;
; H3 e/ h3 k5 E+ w, `      }3 K! G6 |# }: W, J# X4 C% H( A! {
   }
' \: R# `5 r. R. W) u9 m) w" _% x& L8 }
function hidetext(){* c# p3 ~9 @5 ?
if (document.all)5 u( p4 ^; Q5 c, V, W& n8 G2 `$ i' F
supertext.style.visibility="hidden"4 c6 d0 M, }8 w2 T1 |* X
else if (document.layers)
& w% A  f3 R% ]6 I  `0 adocument.supertext.visibility="hide") q# Q6 i8 f5 `8 B
clearTimeout(animatetext)
" \, _9 f9 x$ E7 M3 p1 Q2 E8 x; h% T}
( D) ]  }1 Z: }0 T
2 W, V5 B' y3 M8 lif (document.all||document.layers){4 W" E% a% S9 a" J0 Y% O$ [* ^* M% a' c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: u& z1 H% V3 `4 w$ a) s# j3 wwindow.onload = initializeBall;- m) [; R3 W3 c0 i3 }% t
window.onresize = new Function("window.location.reload()");7 J; o! x$ k- C% e% G
}
2 O7 I, c; ]1 Z& m9 \$ r
9 F/ A. I3 Q  G4 m9 B/ C</script>