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

zw2004

<style type="text/css">6 r+ @9 D6 Z$ ?2 m; c( X
#supertext {. c6 j2 i  y4 R* |& u+ N1 S
position:absolute;+ ^8 g; R) G; q3 _( E2 e, r5 B9 a
left:0;  N% {, N$ f1 ~) U; W% F
top:0;
2 P  i- l4 F, |5 Ivisibility:hide;) w$ t3 \; I5 A  V
visibility:hidden;
) S1 C5 b8 j# }' W) @* }! i" ^}
9 e. r; I& f/ S</style>
1 Y& ~7 Q9 S$ C6 r<script language="JavaScript1.2">
2 ~1 y' s" ?* a- M6 G/ S/ @7 @; \& q<!-- 改变下的字体的大小。颜色-->- a% l  }# Z! ]) I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', Q; H3 L0 e" M; V9 B. {
var hidetimer='';0 ~7 Q* [: o1 y4 t1 |- g
<!-- 改变下的弹跳速度-->5 d( f; f+ e' c2 Q" O% q( K4 S5 O6 ]8 `
var BallSpeed = 20;# S6 o5 m! x# t1 U- N
var contentWidth;
) C0 K2 t% W- c! ~- @var contentHeight;
7 E5 R8 c7 p/ d% |  Avar maxBallSpeed = 50;
3 O+ @. z, I/ }: D! n; h& _% _
' o8 p8 a# z3 O* Z- R
+ A) }: X8 t: U+ G9 zvar xMax;( X1 s, l5 X% n4 F
var yMax;% K0 j* _5 z% C- b% ]3 s
var xPos = 0;* ]' g8 O  b! L# O
var yPos = 0;
5 M+ u/ s4 i" c  ]4 t! d% y5 P) |9 Fvar xDir = 'right';! f, [" h" ?* t9 K& D, ~
var yDir = 'down';
1 ^/ b! n- p0 m5 C* P" S2 Pvar superballRunning = true;
; R. O4 ^* L7 U/ {  J1 ^3 |var tempBallSpeed;3 F+ ]% ^! N3 k6 Y4 U
var currentBallSrc;) h# f$ F$ `. ?% {+ F
var newXDir;7 v% g. Z, Q$ U& c3 X
var newYDir;
# i& m/ G' a' u4 M
" o0 b+ c8 N4 d, y( L6 V! I" U% Wfunction initializeBall() {
. _" \) a4 F( H) E9 ]   if (document.all) {5 v6 C! F8 V1 b- Q9 J
      xMax = document.body.clientWidth$ _. q" V$ |5 ?1 X( z
      yMax = document.body.clientHeight
( Z' F0 P  Z6 C$ Q6 q      document.all("supertext").style.visibility = "visible";
8 m+ ?9 h; I2 h9 ^# z2 T3 s% U      contentWidth=supertext.offsetWidth
1 K$ {, H# {" U( O( R: z9 z      contentHeight=supertext.offsetHeight1 D. }" v0 Q" @7 N6 e
      }9 O* r( s5 n3 V' ^6 C$ n
   else if (document.layers) {. B% M8 V) `% \
      xMax = window.innerWidth;3 @$ R7 d' ]. W( p
      yMax = window.innerHeight;
9 e  s: \2 J+ W- j      contentWidth=document.supertext.document.width$ q2 M' y' x" j, R3 @& D( _. S
      contentHeight=document.supertext.document.height, H4 Z1 x( H- C8 X
      document.layers["supertext"].visibility = "show";9 i) e, j% z; w' {
      }6 U- B1 g: D/ {, k. Q, O
   setTimeout('moveBall()',400);
, g4 @5 c1 _5 ~) i# X$ k8 {; @   if (hidetimer!='')# i) ^2 M$ W! i2 ]( \- j
   setTimeout("hidetext()",hidetimer)
, p) f" p$ E$ L0 E: d3 S   }
8 J$ o. Z5 q9 A/ `/ S& O+ p9 D
6 q8 Q6 W  R- cfunction moveBall() {. Y! ]; o5 y) f9 E* P2 t( x5 R
   if (superballRunning == true) {
  f6 s5 v" }3 a0 u6 K      calculatePosition();  o& y9 u, E: |* z5 W: o* [
      if (document.all) {4 {$ K8 p5 O- ?& r5 I/ e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" x9 P: L" W) z! u, j
         document.all("supertext").style.top = yPos + document.body.scrollTop;
% J  e. w% m0 U8 X9 x' _8 H* `         }
& r$ w$ _0 L# ~$ O      else if (document.layers) {
& ?% y/ C; M; O" Z) d0 Z  w' r" c3 u         document.layers["supertext"].left = xPos + pageXOffset;
* b# D: f! E5 v6 O7 \( t" R6 O! j         document.layers["supertext"].top = yPos + pageYOffset;$ J- J1 Q" n) D: s$ A0 I2 n
         }
% {* z( Y9 `" y+ t* w! M      animatetext=setTimeout('moveBall()',20);
9 K$ _; `) w0 ^& f5 e0 v: Z      }; {# r0 L" F# I" _/ b# S
   }
2 s: d7 h! w& \+ N8 i3 O; I& |$ Q' t5 W5 @7 M7 U) V6 H3 p
function calculatePosition() {! M  l& B* f, }5 g. ^& X
   if (xDir == "right") {
) x9 ^4 L) D& t; G      if (xPos > (xMax - contentWidth - BallSpeed)) {
! B3 p  W  I$ W8 s; D4 p  a2 m         xDir = "left";- R( X/ W& k/ ]7 f/ Z
         }
- A% [! |- {/ q2 I3 b      }3 ^! ?: E, |* |  R8 |) D2 _, S
   else if (xDir == "left") {
0 t* ?+ m/ S: _' N3 B  }      if (xPos < (0 + BallSpeed)) {
, o0 U+ a4 S# M0 e: _6 s         xDir = "right";3 v7 ]: s2 J) W0 ~5 G
         }
/ i: O, ~6 n) X% r: r# e1 G      }+ B+ q; r3 Q1 O( `% D2 L
   if (yDir == "down") {  M4 w* i9 l& c( D3 A
      if (yPos > (yMax - contentHeight - BallSpeed)) {; x1 B6 Z3 n6 O7 M8 x  @( D. s4 s
         yDir = "up";
; v# @8 N' l+ E' `& Y# l, E         }. I( I, _- C' ^0 o, B
      }9 _$ Y; L+ L5 q8 t
   else if (yDir == "up") {
( f! Q' g: d8 ^      if (yPos < (0 + BallSpeed)) {4 _- Z# |; H5 O( [9 K
         yDir = "down";
$ m1 l0 Y* i; G- t+ r         }7 a' l# C9 P/ [& ?6 L6 p
      }3 Y: s' G. [7 [& Z$ ^3 q$ L+ |
   if (xDir == "right") {& ^$ u1 {4 e9 z5 }
      xPos = xPos + BallSpeed;
0 F/ d+ ^3 B* ?      }9 S' j: a9 B8 d3 v" K2 _
   else if (xDir == "left") {6 p& F; J+ }7 ?# t
      xPos = xPos - BallSpeed;
; L$ a% g# {; M1 S      }$ i* i5 K: g' {; H8 Y4 o
   else {" B# C5 m: A5 t. v6 t, h
      xPos = xPos;9 c# ~9 n! B% x) @5 ]2 n! l; d" \
      }2 k% v) I  L  C
   if (yDir == "down") {
% @' ~. ^% S- T" ]      yPos = yPos + BallSpeed;1 O) g0 n+ r5 |" b9 B8 F! w
      }
$ I5 S1 M2 O) |+ J5 C2 e3 k# }) |   else if (yDir == "up") {6 g0 l0 i& G& u( m
      yPos = yPos - BallSpeed;
) w  b4 i$ N/ h4 l9 }, Z      }
" N2 s. W5 Z$ u* M   else {
- V) q4 T$ o" s5 c4 N1 N/ N4 r$ Q( d      yPos = yPos;/ P4 X% Y& V( U' ^
      }- E3 Y5 P8 {/ J- r
   }
! F, [! {! v" H9 @& T
! J! O# f- J5 i. o2 w! h& Qfunction hidetext(){
/ ^; @# w3 J% u) Hif (document.all)2 ]2 R2 P& f4 h6 d
supertext.style.visibility="hidden"6 T% }' p, r6 r% o" l
else if (document.layers)
: k& m1 {8 r' C7 s5 xdocument.supertext.visibility="hide"; M) F* v& K4 \1 G: C
clearTimeout(animatetext)) O2 T/ Y: M2 Z8 M
}
" r- g+ U* [# X8 X+ H
$ |0 |& g( ?/ `" z" ~' O( n+ \if (document.all||document.layers){8 M- c4 r6 P- |$ C  f* e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' q7 p% _4 }  L) B; N% P/ _window.onload = initializeBall;% q' D* J7 J3 E' T
window.onresize = new Function("window.location.reload()");$ A  j7 p4 L# b& B! b; J2 O4 T
}/ X* A, L2 m, C8 `$ C1 m- n
3 }& j% D" ~( u
</script>