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

zw2004

<style type="text/css">) R$ z2 Q$ C: H4 `( l* X" d
#supertext {. W) N; \+ z- g) s: r
position:absolute;- J- b1 L, {% Z; {. j0 i$ R* N# x# q
left:0;
+ ~8 X4 N! z2 `& ^' {( ]top:0;
* ~& @3 \5 u0 b- u( Z9 ?' Zvisibility:hide;
0 G" e0 _- |+ ]7 q: q9 i" B5 lvisibility:hidden;7 T% d" y# Y0 A( [% c
}
/ U& G- F/ E" l& x</style>9 b+ |8 i$ K3 H+ ^  N
<script language="JavaScript1.2">
$ y. B6 F8 H. C9 ^  z! ?. j' Z<!-- 改变下的字体的大小。颜色-->7 _) h! |7 q$ n4 _$ i9 l
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ l' r- C9 V6 q. ?# u, P
var hidetimer='';
  P8 u0 [! J0 }" S<!-- 改变下的弹跳速度-->
2 g2 B: b4 @6 b8 X0 j/ F& K" gvar BallSpeed = 20;9 G' n% p6 J) h. ]( P  m* m( h4 z
var contentWidth;
  s0 ]4 k) _4 M) xvar contentHeight;
" s6 j& c1 r; pvar maxBallSpeed = 50;
. g8 u- ^- y  k0 W9 M# }% n  g$ K. ]$ t) U" w8 Y2 u. A( q' u  [" S

! n  [0 I% I- d# _$ W' U" Kvar xMax;
. Q6 N6 l; c* j' t6 E3 X$ lvar yMax;9 \1 w0 B. q8 G1 |6 \' K
var xPos = 0;
2 q8 d! Q6 I4 `. S) M& e  Y( Mvar yPos = 0;
; l1 g& T0 J5 c9 d! Mvar xDir = 'right';
; t8 S4 F- z/ b1 Q6 D; e" jvar yDir = 'down';
4 ~! \4 o4 X0 o+ D6 m( ^var superballRunning = true;' F' r; I% b) D! ]. V
var tempBallSpeed;* }" Y& a6 m, Q0 C) {+ X3 H' S2 j& n
var currentBallSrc;
0 {) g/ `+ \& C# c" p' E8 ~% G! Qvar newXDir;* M8 [4 B& Y# R5 D
var newYDir;
2 P1 K9 D' c9 O7 U
) g* }: K# b0 f( x; I. O4 T2 [function initializeBall() {/ W# n" P" }) O) m- W, d
   if (document.all) {
4 i2 f2 U: ~8 ]4 e, B% }# a      xMax = document.body.clientWidth
" h0 S' F* E% \3 k; s      yMax = document.body.clientHeight9 Q0 r% Q7 @  l( g, U
      document.all("supertext").style.visibility = "visible";
; V3 G& l1 ^  O& L# z      contentWidth=supertext.offsetWidth* T: b% o& ^  U" I' n6 F7 E
      contentHeight=supertext.offsetHeight5 T  R9 Q1 Y: r  @8 Y
      }; w5 U4 @: X- F. U# g% ^  A
   else if (document.layers) {4 j" b+ d8 A  Y# a2 O$ k* f
      xMax = window.innerWidth;  T! r: I% l3 M! x
      yMax = window.innerHeight;
# A- A; n1 m' @1 [      contentWidth=document.supertext.document.width
7 F' v$ ^) U) m      contentHeight=document.supertext.document.height
& w3 ~. k+ ?  _1 i2 F      document.layers["supertext"].visibility = "show";
( Q- e: `0 s$ s  z% p- K" D      }
1 R9 _, j, W" ~   setTimeout('moveBall()',400);
! A1 Y3 f& j, w/ w1 K  O   if (hidetimer!='')
" w6 |1 G; J( e. ~1 m% r: C% d# \   setTimeout("hidetext()",hidetimer)
! j/ M. H+ w% `. Y/ O2 R  q   }
9 T' d* C# B( K
% `2 f- |' ]# gfunction moveBall() {6 G; T# [: H1 y& u: [; j
   if (superballRunning == true) {
! b) _6 s* j- ^6 M0 {' n      calculatePosition();& m! @" {, ], f! O, O: J, Y
      if (document.all) {
' ^. A  p# ]* A9 f& I6 O! k         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 a$ c+ V# R5 v% Y         document.all("supertext").style.top = yPos + document.body.scrollTop;7 P0 v1 N: ?+ c% u0 I9 |) Q. O
         }1 n! N# r  O9 ~: e1 ]- _' M
      else if (document.layers) {9 S2 G, Z5 v( x9 ]. m
         document.layers["supertext"].left = xPos + pageXOffset;
" {2 J. |2 L9 W         document.layers["supertext"].top = yPos + pageYOffset;
4 `# H5 Y4 A* H2 Y% s- n: ~         }% {5 b2 _6 ~$ C0 g6 a+ Q
      animatetext=setTimeout('moveBall()',20);
9 _0 b+ B; y" @8 e% @  t: ^/ Y0 Z      }
0 l4 w9 ~( z/ [4 I% {/ i& z   }& O8 I0 `: P9 e- B/ p2 ?
: L' j* r. U: q! i& M
function calculatePosition() {. p. Q9 G! @1 m6 [. n4 o
   if (xDir == "right") {
1 R% M+ |  G0 K; D3 I; u8 }      if (xPos > (xMax - contentWidth - BallSpeed)) {" d1 f# X  |# |& t  o% P
         xDir = "left";
! s7 P8 Q& v) l         }1 q( }4 s. P& S1 B
      }, z, Y0 \  Z+ l6 U0 m% z! L
   else if (xDir == "left") {/ N1 e7 q9 M2 `: [+ }
      if (xPos < (0 + BallSpeed)) {9 l; u: d( v% G2 C4 E9 S
         xDir = "right";& p/ G# S# }; S& n. k  m
         }
4 t4 ]! j) _# `; p$ X      }
4 ~+ S& B  C  w5 O; r. K! ~   if (yDir == "down") {
7 M1 }* K" N2 ~8 G% @. n: f      if (yPos > (yMax - contentHeight - BallSpeed)) {7 V  }  ]; s7 f% n- w. y0 L
         yDir = "up";& _8 V, s0 W8 _5 [
         }& K/ [$ U! c: G+ u4 \9 \
      }. v" x  f* V3 L* ~+ j7 y; C- O0 m
   else if (yDir == "up") {3 x# ^% _* r& ?" r  {8 K3 w5 `( ^. G
      if (yPos < (0 + BallSpeed)) {$ B, h5 {) s. D% H2 x0 N! G6 p
         yDir = "down";  K# \- G) g' G; s: x
         }
" E! Y& t6 g, l* o; }& E( N# O      }8 h) b* |' K1 G- E  W
   if (xDir == "right") {! S& Q# }9 W% L/ m5 w
      xPos = xPos + BallSpeed;
3 x4 [" u; O4 b; b9 p9 K      }3 D5 k/ ?2 j$ ?2 [
   else if (xDir == "left") {
+ R1 r2 k. |; Z& Q" d. \      xPos = xPos - BallSpeed;& S8 E& W% L+ T: y6 a# m' U2 u8 h
      }
4 J4 O4 B5 E" {/ y, B: g   else {) o, m9 c4 E4 j9 ^2 r0 F
      xPos = xPos;
7 E/ B) L. c' Y5 O9 o      }
9 ?8 @# Y  N  n! @1 Z# y$ W5 \   if (yDir == "down") {
! K: F* ~& K  ]1 y+ g      yPos = yPos + BallSpeed;/ {" e( m( S8 j* J5 x' D2 f
      }' ^) V. U+ ?4 w8 z0 i) T
   else if (yDir == "up") {7 H) l. E* \- t" T0 o* q
      yPos = yPos - BallSpeed;
: @" M3 C4 a% M" T$ c# M9 a      }
2 B: z4 b6 E: {- L. G* }) c   else {+ r- \# ?+ v) M4 g
      yPos = yPos;
, J  F$ _" ]' J  z      }- S* @/ _' c4 C* R9 w" p
   }! L3 x5 g# C1 Z' o% o2 z6 O

8 N4 z! d1 w* B# ?function hidetext(){+ w3 `- U9 T+ f  ^
if (document.all)" y' o3 e# S" W9 X* }3 @
supertext.style.visibility="hidden"2 o* O9 o* ]  z$ f" B
else if (document.layers)0 I/ k" |/ N' n8 c
document.supertext.visibility="hide"! e$ p& {! R7 \: A3 u, e
clearTimeout(animatetext)
5 r7 H3 Z5 ], S1 p, ~& b9 @: j}7 N. n+ X- p9 y, g$ h3 z/ `
* {/ }: q6 q! Y2 q
if (document.all||document.layers){9 [. f7 a  V7 c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); }1 m" [) C* b% O% @
window.onload = initializeBall;+ o# B/ j- a# y( e/ _1 W
window.onresize = new Function("window.location.reload()");
. I( t1 O! F, Z5 {7 c1 t0 b/ `4 s& W}; |3 F9 u5 R0 a' Z" o% v

. y' W# x1 g; J5 I5 y* s: h</script>