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

zw2004

<style type="text/css">
8 y. j- E! F* n% p* g$ H#supertext {
) i/ H5 N; X0 W$ I- nposition:absolute;
& P/ c2 F! A0 O& o# n. a* V2 oleft:0;$ p' _8 Q! T; w" h+ c
top:0;8 H$ g, Z' a. N: C+ A4 v
visibility:hide;5 P2 c% e% [2 m, I, l
visibility:hidden;* b* B" Q/ h6 m- s, W! T
}
$ c, b1 `( Z# a; O; E8 H</style>: f8 f5 T* \4 @! ]
<script language="JavaScript1.2">7 C' `( I, ]4 V0 k* U4 `
<!-- 改变下的字体的大小。颜色-->
6 T3 H  ?3 l7 V3 Z* @8 ^1 u; Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) w1 l' `# q4 C- {  C, L8 Tvar hidetimer='';
, {2 y$ w, b" J$ a# L' ?7 ?5 j5 ]<!-- 改变下的弹跳速度-->% f9 N, ~0 _3 |* s3 H
var BallSpeed = 20;
6 f5 _) i! ^& {7 x* B- v" m- Ovar contentWidth;
) r3 l* Y( E$ {; Fvar contentHeight;
, A0 a$ O& t% g4 y7 d* ]var maxBallSpeed = 50;) J  w) w3 [/ e4 q% Z
1 P9 {+ @  A1 z" w4 z+ a! \

! b2 Y1 D# T: w1 z5 l6 Vvar xMax;
1 R& k) X2 z! svar yMax;
  c5 K: P" u6 N! U0 Uvar xPos = 0;- _2 j* K3 Z; t. D. }; i
var yPos = 0;+ L$ L0 X3 i3 m8 P" X, b/ g1 \
var xDir = 'right';, v" G; i6 }$ c$ @% n% E
var yDir = 'down';1 }# h# l% W  I
var superballRunning = true;
8 r. w, O& Z4 l0 bvar tempBallSpeed;
4 x" g; @7 c/ {6 p' a9 _: B; X7 Dvar currentBallSrc;0 [! n+ M( C. ]. U4 ^1 q
var newXDir;
2 B) L" B2 |) N! [( uvar newYDir;: A/ U7 @, i# A! ?4 q# P

3 i4 M& e. }% X  ^function initializeBall() {
& B" A' w/ Z3 R   if (document.all) {# r4 R  z: ?- l9 C0 }
      xMax = document.body.clientWidth$ w+ S2 C* Z: K9 ~0 U
      yMax = document.body.clientHeight  f' |1 t% V8 Q
      document.all("supertext").style.visibility = "visible";
( P* R# V3 {, [& d5 a* U, d! g      contentWidth=supertext.offsetWidth* }! a& k! X% D+ C
      contentHeight=supertext.offsetHeight5 }8 J, I- i; q0 V" A' w
      }
0 g0 Z  }( [4 z/ _: `   else if (document.layers) {
1 x7 Z4 |% A( K3 i      xMax = window.innerWidth;4 e+ j. B6 a2 h, R
      yMax = window.innerHeight;
& r5 s: k) V3 y4 m; _+ c8 X! M      contentWidth=document.supertext.document.width4 o& B6 t: w* b; y
      contentHeight=document.supertext.document.height
* Q$ S6 L, ?5 j+ P  k2 R  B+ H' F      document.layers["supertext"].visibility = "show";
8 h& v7 C/ \: M8 q- f      }
) H( C2 R; S4 n9 \/ p   setTimeout('moveBall()',400);3 y1 p& }$ b: i% K4 f0 x
   if (hidetimer!='')
; H2 w! |5 r$ ^   setTimeout("hidetext()",hidetimer)
2 ?9 _7 w( s/ Q+ s" ^   }8 P; J8 D, h/ S# d* Q/ u6 o* c" M
; w) {, ]: v- a. Z4 c4 V5 Y8 W
function moveBall() {
& P, `, l# _3 R% o   if (superballRunning == true) {: y5 b4 b: B$ f# \
      calculatePosition();0 V; l! f* h$ J! @( F
      if (document.all) {
: y2 b8 Z2 ~6 ~, Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 ~+ D- P" e4 T8 V- O. s- b, N         document.all("supertext").style.top = yPos + document.body.scrollTop;
# l) o/ r: l. {$ G+ Y) A0 S         }: w& x; w. X( O; `
      else if (document.layers) {
/ u5 `! R9 w0 F: j7 t0 v         document.layers["supertext"].left = xPos + pageXOffset;! u& f  r4 w, m0 C; H* H/ X
         document.layers["supertext"].top = yPos + pageYOffset;
$ D, Y: |9 l' @( ^$ q! _4 h         }! r+ |# Q  y$ v
      animatetext=setTimeout('moveBall()',20);$ o$ G6 Q- p7 r
      }
# l) ^/ l3 H, j" i" U+ {) b   }( q8 C! C: }5 l. C5 o0 J+ M% h1 W
( ?7 C% F$ F% @  S1 k- s
function calculatePosition() {
* P' k; }( C; d8 t/ s0 N# I. ^   if (xDir == "right") {* `$ c7 [' G4 s
      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ p, e0 K5 x0 `2 _         xDir = "left";' h. [; n) R- O& U/ n$ a* o
         }2 O, _1 ]2 ]! B
      }
2 o9 F( s$ l5 [" b* w+ l   else if (xDir == "left") {
+ ]; }, ~! B6 G6 f  i: }7 _      if (xPos < (0 + BallSpeed)) {
0 s! K, O0 {  o' o6 H) A3 h; |         xDir = "right";! D, B- F6 ~& ~9 Q
         }
8 a0 f* \  }1 O/ u      }' R0 q5 |2 k3 Z3 E- {- W  n7 {
   if (yDir == "down") {4 e' @) @' Y; M* X
      if (yPos > (yMax - contentHeight - BallSpeed)) {( v' ]0 F4 p0 j: M9 n5 \6 B
         yDir = "up";
; R. K8 [# X, Y0 e         }
8 r% ]+ C/ U3 ^! _      }
: j) x% _$ _. @$ h$ W9 s+ z   else if (yDir == "up") {
2 R: O+ ~9 \7 E# {/ O      if (yPos < (0 + BallSpeed)) {' y& L  t% k7 b5 o3 l9 O- U
         yDir = "down";
" S$ }# d0 q7 |/ b- ~5 o         }
7 {: Y9 S. D5 b4 z      }+ \1 w7 w% z& p& f5 Z
   if (xDir == "right") {
# L" |) g# Z" F) r) l: M      xPos = xPos + BallSpeed;
& ?2 B1 e8 O9 T      }. n+ H+ v1 S% U* ^
   else if (xDir == "left") {9 ^. z6 Z. i/ s% J% q
      xPos = xPos - BallSpeed;
, X1 V& t: I8 t. H$ A      }: _3 Q, i" _+ {1 R- N- C, d
   else {* m6 e% x: c$ S! s$ ~  h. z' V  Y
      xPos = xPos;
  N5 G, Z" a0 T  a. ?2 I+ {# g4 w0 n      }
6 {5 A% d1 D) ]8 I$ @. [   if (yDir == "down") {
% f4 T+ z* p  X      yPos = yPos + BallSpeed;+ W4 ~3 R) }% Q) B6 a' u
      }
, Q! ^4 g( J! T7 H   else if (yDir == "up") {
( O1 l4 Z2 ?$ i7 J; y      yPos = yPos - BallSpeed;3 I7 ^5 P; h& g/ q+ O8 g
      }7 |1 @; `2 l0 {2 G, M. \( e
   else {
/ y5 R% o3 B' ]: s' O3 Y      yPos = yPos;
  C. F4 x  a# ^2 I% s& ^* S      }
5 N5 N9 l; M/ T0 e/ K; c1 r& B, _# \( X   }8 e/ ^  f5 @2 _, p+ E

' n( Z1 D6 P" R; hfunction hidetext(){$ }6 ]* u( Q( W+ x9 \
if (document.all)/ Z0 b, I* u. w2 P4 D
supertext.style.visibility="hidden"* f6 C( e$ N7 [0 L7 b
else if (document.layers)
: C' n" D. \9 O3 Odocument.supertext.visibility="hide"( k5 U7 k, x) ]& j" u  Z/ c. i3 y
clearTimeout(animatetext)
, |2 p5 N+ u" K  P0 F/ u}) O$ q, z9 ~6 B; m4 M: J6 P
7 H- |6 m4 \2 V/ d" p/ ]$ C0 R
if (document.all||document.layers){+ [" M4 c9 E$ O7 U" m3 }" r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; t$ \9 u' c9 x3 Qwindow.onload = initializeBall;0 `/ \. S; x6 E/ |# u; f3 |
window.onresize = new Function("window.location.reload()");
# Q, O4 q" }6 Q' L( m3 w}( z# v: N& q0 Y! {0 h/ {* p/ [
# Z8 z* q8 w* E5 [% B
</script>