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

zw2004

<style type="text/css">
; z1 G% w  l5 G6 |#supertext {; Y3 x! P' v2 K& G( A
position:absolute;0 K( x* A; Z0 u% x7 Y
left:0;
- `) g4 r& H0 F/ u) m' I/ k$ Qtop:0;
$ e7 h5 z6 m( E! dvisibility:hide;
$ A4 X0 _6 w4 Q' A( p8 Y- e* [! D! P6 Nvisibility:hidden;
7 l$ s$ f6 c* w- _& O$ v}
: f, l- ^% k! C$ |9 S</style>
( }1 b& w; _! F6 C# \<script language="JavaScript1.2">
# g$ R' B* l. H8 i! h3 ?<!-- 改变下的字体的大小。颜色-->
9 y0 ]% O9 {+ Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', ?1 `- N. ?: V0 G' f$ k3 t
var hidetimer='';+ j& ]+ _% A/ H$ T3 [2 |3 k7 ~; @
<!-- 改变下的弹跳速度-->& b- E4 |: x% P' O) X  l- f& t
var BallSpeed = 20;/ Z. ~" e% Q# t6 N: P2 x
var contentWidth;7 H  y0 e6 q+ m3 F3 g7 e* _$ \  Q% ]
var contentHeight;3 L# F7 W7 D* L3 D3 F; B
var maxBallSpeed = 50;
8 b# W  a" F8 B* G. `9 d
0 n4 P- U1 q$ \9 }. j* P: u* W
var xMax;7 P5 E9 L: v: Z0 u1 U
var yMax;) [0 V( z( i8 S% ]5 }, w
var xPos = 0;$ A7 B2 U. f  W" w- Q
var yPos = 0;
: g6 S1 }7 P  u5 u. {4 o4 A: _var xDir = 'right';
! j, ?$ ^7 {7 `6 _7 m/ s5 {var yDir = 'down';% s! n8 ?) F* e" t
var superballRunning = true;
, e" U6 z: h0 j& F/ X+ Fvar tempBallSpeed;
7 a. P8 C+ _- t  V% dvar currentBallSrc;5 [0 M) [. y. m4 Z7 j, k: R# q
var newXDir;! C' [$ G% U7 S  U  Q
var newYDir;
2 r1 P8 l3 y1 m7 B8 {$ @" @$ ]0 Y- Z
function initializeBall() {
; @( T* l: X" _- w   if (document.all) {
' t3 C/ h* F, M4 V  g- d      xMax = document.body.clientWidth0 O) w0 V. G5 ]9 ~+ M% J
      yMax = document.body.clientHeight4 [0 f1 l2 L4 z' O$ W0 o% ~
      document.all("supertext").style.visibility = "visible";
- P& d( n5 O9 B0 [      contentWidth=supertext.offsetWidth- d" A# X+ a% ~+ p
      contentHeight=supertext.offsetHeight3 m* U) |/ a/ s# P
      }2 h1 q  K; N" F3 |0 K
   else if (document.layers) {
5 s+ W& P: |! p3 G      xMax = window.innerWidth;
& _  H( T  x' u9 q      yMax = window.innerHeight;+ o" |$ A' t7 P& z
      contentWidth=document.supertext.document.width& L/ q& P  g9 n  V4 s3 u/ G- v" V
      contentHeight=document.supertext.document.height
+ h7 ~9 r3 G7 C6 j$ L7 j0 Z8 w- }      document.layers["supertext"].visibility = "show";' ~) j' d$ L) n/ y% @
      }
1 @' S# ?% Y5 P' i* c) K. _" n   setTimeout('moveBall()',400);
2 m  ?' w, P/ i. G% n& ]$ a6 w   if (hidetimer!='')
  ?$ a$ g) g# v( `0 ^   setTimeout("hidetext()",hidetimer)
/ n' {% N$ C; R4 F   }0 F( p9 ]/ [3 I2 M- w* |. z7 |! _
& I' I0 B, [; J4 J
function moveBall() {
/ y2 x% l# n0 C4 k8 m" M2 _* L1 a   if (superballRunning == true) {
* d4 p( o0 A* \      calculatePosition();
) r( Z: P/ H7 H+ c6 T) O2 j- o      if (document.all) {
/ l+ }. d% l9 M/ q& v1 L) h: u         document.all("supertext").style.left = xPos + document.body.scrollLeft;% V- D' b- E* N3 w
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- X% h0 n# s- p8 @* Z  y1 X  l: \         }
1 i" p  I: b8 H" ^      else if (document.layers) {
) b9 W( m7 B& B& @+ M1 O# I' i5 j         document.layers["supertext"].left = xPos + pageXOffset;
9 s% N9 B7 Y5 ~( {0 _; l* v         document.layers["supertext"].top = yPos + pageYOffset;
- r: t% F0 k3 w         }6 E( s/ @/ l1 v8 _' m' R
      animatetext=setTimeout('moveBall()',20);
7 Q2 J+ d& |: P$ ?( U' D. ]6 l      }
: E3 y5 K8 x2 y   }
5 l" E) Y: \1 {  v
8 o8 p& q& X2 n& P, cfunction calculatePosition() {
" a; d, ]3 M5 I: D3 R   if (xDir == "right") {& k; W4 S: n. T" f, k# K
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: Q9 M* j* L9 H9 V7 J         xDir = "left";
. t- m' p7 W% h" _. T4 K         }7 {2 \+ u3 R, S, J4 m
      }: Q" P6 ~  n2 W6 G- _: [: |8 _
   else if (xDir == "left") {
$ O6 g* U" `; q! y1 H$ Y) Z      if (xPos < (0 + BallSpeed)) {. e! l5 A8 W* T/ U9 Q  }/ [
         xDir = "right";3 s- D% w$ }6 \; R: {
         }8 ~5 Y6 P% `8 C* k+ R9 O/ V; f+ w* t
      }
+ \/ E0 [9 @" G  u# t   if (yDir == "down") {( P; o7 M( A) j1 V+ J5 T
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# c- ^+ f6 s6 \, }1 M1 C9 T         yDir = "up";9 Z! ~  P) ?' Z$ v0 ~
         }! F9 `; Q5 ^% o3 p: x! s4 Z( ~
      }
% a% Q: B7 n' [2 L4 N, j, S% l0 L   else if (yDir == "up") {- _: S/ i$ j) e! k0 m) t3 L
      if (yPos < (0 + BallSpeed)) {
) t' e! [1 J% u( I         yDir = "down";
7 I) }8 V( Q' T& D  c) b3 H  [0 A         }* n$ P; ]8 _; v8 O% w3 R+ s" x5 e3 M  t
      }4 s7 H# J; u) r6 v+ K
   if (xDir == "right") {
" q- C7 _6 O- P2 P      xPos = xPos + BallSpeed;8 H& T* X( L, ]7 `4 N+ L3 Y$ w4 C
      }- O; y( w1 b% V/ E" a0 `
   else if (xDir == "left") {
* z7 w: |- L1 @      xPos = xPos - BallSpeed;
  @  f" V, e5 O9 [+ P3 ]  b* m) x      }$ z4 m: L2 ?) ]& D: F
   else {
2 v0 u! {- m1 F      xPos = xPos;5 D" ~: s" T* l. m, G/ x; T
      }% K2 x- x# g8 M( w2 o; v% W
   if (yDir == "down") {: t# W& J  C1 m+ g' p7 `
      yPos = yPos + BallSpeed;
% _; I( ^: o# O6 m. w. Y* w      }
8 b+ `& I1 R/ l" Z   else if (yDir == "up") {' U1 b( ]8 v* ^5 l' m9 e: K( Y- J/ H' ~
      yPos = yPos - BallSpeed;# F1 ]9 m" v: t& S. K$ C( Z& v9 r
      }) ]7 l# b8 `( o) d" y& P$ |
   else {% P/ }6 l, O- J' B8 `& a
      yPos = yPos;
4 \" d# f  B1 D8 S2 {5 i      }6 g" J7 @! f, t
   }8 k# t: }; A+ S7 d8 s# d
+ m- T' l' ^& P3 R5 O
function hidetext(){" X/ z* n; w  u! r& ^. O; u
if (document.all)
. G/ L0 E# o, R! B2 O/ rsupertext.style.visibility="hidden"
; v' ?5 B3 o8 k! f5 m$ felse if (document.layers)
3 G: e* e- ]; S, Rdocument.supertext.visibility="hide"
% R1 b& N) j  u% ?0 {  R9 yclearTimeout(animatetext)
7 X- L. \+ ?5 m  O! \/ e}5 ?5 Z7 c8 J) d. L( W, W

9 d9 x& [% b; m9 h0 k  Dif (document.all||document.layers){8 t) G% L7 B- c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# }7 }$ H! B  U! }5 h& w; `
window.onload = initializeBall;. b/ F' P8 r1 V4 _  K' [
window.onresize = new Function("window.location.reload()");
. q& o7 B4 ]9 \. a}
1 `2 v  N0 ~9 J9 O1 \# N
- Q9 p, u" T- X4 O; @0 J8 m! |</script>