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

zw2004

<style type="text/css">& E  d% L3 e  ~& l/ |  l( e
#supertext {8 T" T) ~. y# _) T- {0 X- q% n- n
position:absolute;
8 e5 s) L8 E4 A$ [: l0 f1 [left:0;
1 p! T# L  g# c+ ?top:0;
8 L0 Z! ~; P+ i: Ovisibility:hide;5 B; g! w+ C0 y9 }/ k# c" [
visibility:hidden;" x( N; [$ L4 \9 T! U
}
" `7 d/ B4 U+ R( f( z5 u</style>" J% u) ~0 z0 a$ t" f9 C# T
<script language="JavaScript1.2">% w2 W" t  @9 l: }2 @# q( p
<!-- 改变下的字体的大小。颜色-->" C4 a5 m# m7 Z1 B+ e: W& O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! ]" M3 F- E8 N, k8 O7 L! fvar hidetimer='';
* s: N; z( z/ ^* _  ^3 s' f( p<!-- 改变下的弹跳速度-->
  C) C8 O" ~* h4 w+ uvar BallSpeed = 20;
/ o9 T* U4 N: T! zvar contentWidth;
( Y4 U, k- I  d9 uvar contentHeight;
* Q7 C4 {- _2 C1 X( D% Fvar maxBallSpeed = 50;- h1 |# s  f7 R8 f

+ h$ U' q- m/ g7 s6 Z4 ^1 e/ j6 y. Y0 b8 `& J
var xMax;
9 S, M3 ~  G/ p5 S' y) ovar yMax;
7 o! M4 {" I0 b% I  T1 Pvar xPos = 0;2 `4 a' V! D9 F, Y
var yPos = 0;
5 S. M* e  E# H4 S5 j$ g+ Bvar xDir = 'right';, i8 d7 p( S( u! P+ P
var yDir = 'down';
1 Z# G5 V; K8 B: Yvar superballRunning = true;3 X3 ^! j9 ?$ @5 ]7 |
var tempBallSpeed;
5 n# X" Q$ M* i0 T: U# Svar currentBallSrc;
' w3 {* N6 _! @# n! q0 t# uvar newXDir;9 T# u7 ~2 F. b; m: x
var newYDir;# x- M- C( g5 Y. t+ K- B0 X( f
( ~1 L* [) ^* a9 J  ~$ Q+ B# B, v5 `
function initializeBall() {& l- F- Y, T2 p: B
   if (document.all) {
6 b" a+ H9 Y3 }. M0 r      xMax = document.body.clientWidth) h$ U& B0 X! V. \; H* e
      yMax = document.body.clientHeight
+ b! c6 q* W+ r- V3 E3 u, D      document.all("supertext").style.visibility = "visible";
. r) q/ B8 S6 Q9 _9 @8 X7 N$ j      contentWidth=supertext.offsetWidth
; n' u; f, ~4 c3 C9 r      contentHeight=supertext.offsetHeight9 V: {* C* B4 X: {: w' S
      }
1 [+ e3 ?. U/ ]+ ^! r0 |. v   else if (document.layers) {
' \& V3 p# X- F. t' r% B. _$ \      xMax = window.innerWidth;
7 O& t: G! ]1 N      yMax = window.innerHeight;; |2 ]- d6 `1 H# @
      contentWidth=document.supertext.document.width7 i+ u# P7 K& \# D1 [
      contentHeight=document.supertext.document.height; c( P# {! C" d: f8 h& s
      document.layers["supertext"].visibility = "show";
# P6 B0 z; J$ S! R) \, J4 y      }% Q. ~1 J% u4 q. D6 x
   setTimeout('moveBall()',400);
5 [2 _; S+ V5 \# s2 d% B   if (hidetimer!='')
; g( V* E1 g& i+ G8 x2 J. c' ?7 u   setTimeout("hidetext()",hidetimer)
# L8 i9 w9 Y8 z: U" P8 S  P   }
1 y8 j4 A. ]' m$ c2 t( h1 |' t
4 i) u: c* j# w7 Q1 M$ W0 H1 Wfunction moveBall() {
: ~* S$ ]; V4 W( G. g3 h( h- W   if (superballRunning == true) {- ^* ^/ Y: q) E
      calculatePosition();" ?$ |, I+ G" N6 o4 R; M) |: }; u
      if (document.all) {
& G" H" C/ A1 C! [         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ \  B5 ?; n( c5 K
         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 ^  C4 F5 q) ]         }
# a2 m) V4 x1 }3 f! A# m      else if (document.layers) {2 V7 n$ R. z* D- Z2 \2 f
         document.layers["supertext"].left = xPos + pageXOffset;
& Y7 x7 x- ]( [1 b2 h         document.layers["supertext"].top = yPos + pageYOffset;
% L/ K. D% B* q, }  i: s         }
/ R# d* I* g* q' z( `# T  K      animatetext=setTimeout('moveBall()',20);
# @; Y4 g. z. `+ q7 K% A3 I0 s" s      }
7 B+ a; a& k: _: O4 ~   }4 ?( {0 v2 Z5 o

/ C; [8 `$ n3 T# kfunction calculatePosition() {4 h7 O9 a  e. y, P
   if (xDir == "right") {) M. A( L7 ~3 c/ ?5 ]% b  I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
& S* O: s7 P1 G! a4 i- C1 T- c* x         xDir = "left";
: x1 m- e7 P9 H. E/ b) ]5 ~         }' V* I  O( @" U7 a3 s
      }1 X) x  m3 z. \$ j# J5 x  C
   else if (xDir == "left") {
0 Z* z+ K3 A3 H4 s( F      if (xPos < (0 + BallSpeed)) {
' a$ P; t0 R. L; e. U$ h; E, A         xDir = "right";8 _* R. p5 K3 s# h
         }9 e& w0 d- s* V" k
      }
( ?$ |6 U: N* B% W( m8 t8 J' L) K1 m   if (yDir == "down") {5 I! H* V" |% O- U7 H5 f/ n
      if (yPos > (yMax - contentHeight - BallSpeed)) {) D7 Y7 H7 G; I) d7 K
         yDir = "up";
/ Q) Y6 \$ @' }  C& u! Z         }
/ }- T, X, t8 m6 ^! A; @, U      }$ ?, e) K' i9 u# Z2 W4 Y; Y  H2 s
   else if (yDir == "up") {9 Y3 H0 G' K( l* n2 z5 f, E
      if (yPos < (0 + BallSpeed)) {5 G0 [8 Y+ n/ t3 N4 t+ P
         yDir = "down";
0 H$ A7 A+ @& i7 v2 k) g1 n+ }# G         }5 w* B1 z" h- w4 d3 m: [
      }
% D1 @1 e2 `8 `) O1 f, J; b. l   if (xDir == "right") {
" G. Y. h! g- H9 w* }& L      xPos = xPos + BallSpeed;8 y6 e% T; R, q" y# t6 R7 j
      }; e: g& W- `9 j  c% B
   else if (xDir == "left") {, ?; C+ {7 \  {+ e& }- O6 H
      xPos = xPos - BallSpeed;
1 Z" }& ?' v" d4 [. |1 {" v2 _/ G4 y      }
3 B+ |  c: ~& K$ y7 B( y   else {' o# @% o9 K, \
      xPos = xPos;
8 l0 i! r$ Y9 H9 ]9 \      }
$ U+ y" X0 y9 s: `: R   if (yDir == "down") {3 {2 n' ^' I, [1 L, H, k6 ~
      yPos = yPos + BallSpeed;" X# _; j3 C# O3 l) F9 h
      }7 r' S3 i1 o+ E
   else if (yDir == "up") {
% z) x& n5 `# U      yPos = yPos - BallSpeed;0 w# {9 L+ a& ?2 D: D9 [3 p9 W
      }
$ g/ X/ S1 T1 H/ g" a2 h   else {/ S/ _; J9 q' z( Y7 U- n/ e
      yPos = yPos;
. r# {' b& Q  l& q# s      }$ @$ S+ o, X9 w. R7 ]3 q, P* ~" C
   }# r, a- M3 {2 ]+ j9 T
9 F2 Z% e' o, Y* L5 |0 ^1 j" j5 @
function hidetext(){6 i# ~2 b0 T9 X" x0 K% |  e$ r& O/ i
if (document.all)
* ~& A8 C+ w: {7 Usupertext.style.visibility="hidden"
* e1 ?" L% K% }% Q7 C3 i9 Belse if (document.layers)
+ I3 ]" _) W3 {4 M  udocument.supertext.visibility="hide"
" Q" h: M* ]% n  }1 r3 ^clearTimeout(animatetext)% |5 \7 ]8 K  W$ Z1 G
}/ i8 @9 K" e) y5 c
7 Z- c3 [0 |# ?- u( \% N
if (document.all||document.layers){5 s' l4 i' C/ {- t) G, R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, s0 l0 o# }) Ywindow.onload = initializeBall;% I7 U8 b1 A8 c8 T4 R5 L/ a( q! K! o
window.onresize = new Function("window.location.reload()");& ~1 N5 U8 Q7 v6 `
}8 Z) v5 M8 T" @  `1 |$ o
+ Y( y6 M- A+ K8 q4 O
</script>