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

zw2004

<style type="text/css">8 a+ _7 i% [# g0 m' g  n' G
#supertext {" F2 |9 I) N- A
position:absolute;
9 {0 z7 i. I0 r" t% uleft:0;
# @; V! h5 [$ C( X& q  |  \( T- H" ntop:0;
7 a, a1 w# s; _) ~9 y* u) L( f+ _' \* e5 xvisibility:hide;* ~9 }: e: b% \5 T" y1 k2 z9 J
visibility:hidden;2 P! Q& o: b( {: b0 J1 L2 C( k
}
' i9 _  \- O$ x0 j8 x</style>
  d- B( G5 I, H: n<script language="JavaScript1.2">
7 ]0 q( q+ a3 X1 C6 W<!-- 改变下的字体的大小。颜色-->
- m: b% g5 n$ J& j+ yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& _, S+ g, ?" \; ], o% A) @var hidetimer='';
$ s9 J; u; i( e2 l8 [# r<!-- 改变下的弹跳速度-->
, B$ ]. p9 E0 ]0 v& q# y8 m- Xvar BallSpeed = 20;
9 ~# c3 T- c3 u: @. D6 |( j9 Avar contentWidth;" [# E+ _# c  ~, M- `
var contentHeight;
1 q- `! ^( e6 q0 U$ Xvar maxBallSpeed = 50;4 z! U7 W/ z2 X: [, N& ?

8 n8 f2 o' v- X# ^/ J, c; J, `
2 p6 b3 ~( G+ z' d; d( R: }var xMax;
1 V3 c+ F) F; @/ c" ^3 W! Y+ evar yMax;, b- H* N$ ?; k  |. w
var xPos = 0;: X" q- D0 x: m: K" V" Y! z+ q/ p
var yPos = 0;
, Z& c: x3 H2 m5 l; }var xDir = 'right';" d( ^0 s0 ^7 P4 O$ ^1 G
var yDir = 'down';
. y2 n/ g: A8 t. F, i/ o; S, |var superballRunning = true;
- i% a( \0 ~& E5 @; {3 Cvar tempBallSpeed;
! s" R+ P& a( S* r: G9 Kvar currentBallSrc;
9 X) e: }( k. T4 I/ Nvar newXDir;4 o$ c' X: c* Q- o4 Z/ s8 v0 \
var newYDir;! n/ h) k) n( N  |: [' L% f
- b" Q" R' v% W( w* O# t0 X
function initializeBall() {
$ L4 ^# A$ T( l   if (document.all) {9 G0 L: N+ }3 C8 f
      xMax = document.body.clientWidth
6 c* q; ~( ^9 [4 s1 H& ^      yMax = document.body.clientHeight
& R3 k: |9 c$ O0 L- ]      document.all("supertext").style.visibility = "visible";
& ?' A. \$ p+ e. W7 d. Q/ T      contentWidth=supertext.offsetWidth! V4 D& B" j6 T! i* Z0 u% g# {" u
      contentHeight=supertext.offsetHeight
7 v5 Q, d+ M5 L; u7 m      }
$ r8 y, |9 }7 \9 W. Y# \  K   else if (document.layers) {
  X( \) q6 R, g, p/ a3 K      xMax = window.innerWidth;2 g/ Y% ^% b/ _$ N% V$ l( m
      yMax = window.innerHeight;
/ y7 M# \  \7 m) _6 }      contentWidth=document.supertext.document.width
8 E. C3 |# R- K1 ^3 K; M8 ^" U: e      contentHeight=document.supertext.document.height4 C: r% C/ N2 t
      document.layers["supertext"].visibility = "show";6 \, u4 D8 [" {+ g3 V
      }
4 V  z4 h  t0 P  D$ u$ {: q   setTimeout('moveBall()',400);5 l5 T  S5 ]0 B) ~" g& N
   if (hidetimer!='')/ L5 v  k8 `2 g: _8 Q/ Z7 a
   setTimeout("hidetext()",hidetimer)
8 \/ y0 u! G" i) U# a+ v0 `   }
: B1 ~  g' s6 l2 a6 }- a
( J  a, r6 h8 j0 m# D9 ]function moveBall() {
. T' N3 S3 b6 F   if (superballRunning == true) {! e$ x6 @. t; f' Q: ~* r! V
      calculatePosition();
% K! _; h' p" S8 I6 i1 o8 `      if (document.all) {
  m9 Y7 O3 k/ R: K, C! `         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 g" g6 c6 r% h# o% s: m
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ t, k$ m. ]% _) S         }" t1 \: i& m# j# ^' \
      else if (document.layers) {  K8 u( q" G  o7 A* R, a. P
         document.layers["supertext"].left = xPos + pageXOffset;
) d% C2 r, l* Y# M" K         document.layers["supertext"].top = yPos + pageYOffset;
: O3 r; z7 i9 T5 |         }( V; d, v; G- P) w) J, s! q
      animatetext=setTimeout('moveBall()',20);
  E# s$ S) N3 H/ R$ Q4 }      }7 [6 Y7 M0 T4 L: e- t
   }
/ I0 i; m5 c( V: ?& |$ S; b  |# ?( F. x2 d8 J
function calculatePosition() {2 D3 }0 i, ]) D( [
   if (xDir == "right") {
# }3 n* p3 h# L' r9 y      if (xPos > (xMax - contentWidth - BallSpeed)) {
" K" X8 {# O4 B0 B9 T3 u         xDir = "left";* K( i7 [/ \+ W( T
         }
7 U& a' _0 V: d9 y, W7 |7 u      }
! q  d% v) P" T   else if (xDir == "left") {! M5 C7 T8 T/ k9 |# w  u
      if (xPos < (0 + BallSpeed)) {! s2 ^6 b$ G, d) I9 ^
         xDir = "right";
6 u, ?0 ]9 a! p0 o; h: C         }# S7 H; d. U$ p
      }+ |" L1 s) \# i, w, M  z! p1 U( u
   if (yDir == "down") {
9 _2 C! f* M+ G! Y+ ^! r0 v      if (yPos > (yMax - contentHeight - BallSpeed)) {3 T5 {& m# j& k, J. Y. _  Q0 P
         yDir = "up";% T: O3 U9 S  P0 `8 t# \
         }
" m3 L( x" }8 Z" {      }' x. L% J! W$ K- _" U
   else if (yDir == "up") {
' D0 J- `; q) e4 V      if (yPos < (0 + BallSpeed)) {4 k. g+ ^5 d8 A: U# y) U
         yDir = "down";
! I4 \/ s" M1 x         }
/ Z# a: y; P$ I8 C+ Q+ M      }- Q8 E. S9 M  B* ]. z  u
   if (xDir == "right") {
- G' m7 ?* T% H$ T/ T5 y      xPos = xPos + BallSpeed;9 S" f7 b' m' o2 o) u
      }
4 s0 l6 q0 i* ^2 v   else if (xDir == "left") {
+ e) B5 _1 p1 Y+ j7 j4 h      xPos = xPos - BallSpeed;- p1 e6 C! ^/ h
      }
$ [# @! D0 [. i, u   else {; `0 z/ t5 \7 }+ m' V+ P) V
      xPos = xPos;
! h6 D7 r% _1 p5 V* M, V7 y. C6 A  |      }4 I# x7 ~2 u0 {# c0 L9 t- \
   if (yDir == "down") {
" f' o4 r9 d( E4 F$ f" a      yPos = yPos + BallSpeed;
) i% c! l- _: {; `: F& D      }
9 r3 B0 d+ x. l) v+ j4 ]; ^   else if (yDir == "up") {
' r8 N; |7 J! }1 G' r      yPos = yPos - BallSpeed;
. K1 f* e2 c/ j5 Q: [      }+ J' V9 _& f, n1 x! @1 \1 l) \
   else {! o1 j2 u- x$ g& M' {. J
      yPos = yPos;# G% r6 l& Q# O/ x# ~
      }
$ J; f4 k7 \/ c1 Q, R   }0 j1 J8 b5 E0 S# e+ p

% q; a; w1 N8 I) r6 cfunction hidetext(){
% G- l. `, g' }4 T! w% Zif (document.all)
/ Q, F, O; Y; H. S! p( |supertext.style.visibility="hidden"; `! t7 z$ L# {0 {! u
else if (document.layers)
' K2 z' Z3 E2 D, }7 cdocument.supertext.visibility="hide"! K8 _9 p3 R- C& \
clearTimeout(animatetext)
4 g7 C% U% T) @0 y6 P}1 `8 {# i( y9 O# x, }
( F% V+ J# O5 q! q3 M
if (document.all||document.layers){
0 X* m# {/ P5 K6 [6 {- C$ e- a0 p( Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). ~/ i1 `1 L0 B  g; ]
window.onload = initializeBall;# e  Z. @7 H; l3 A
window.onresize = new Function("window.location.reload()");+ S0 A" ?: V9 E* ]; I
}. Q) H+ y$ c/ r) X$ ?$ E

5 O$ [& L, U& \1 H) s</script>