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

zw2004

<style type="text/css">
. g/ {* Z7 F, y0 H4 h! d#supertext {
: n, L4 |5 A; r/ X6 Dposition:absolute;# e! u3 k  u' g
left:0;
& Z) [! \: C) O7 V) `4 Gtop:0;2 W( }3 ]& b3 s6 R5 |4 b9 j
visibility:hide;2 L6 |5 Q. I0 l- f$ r; b" A
visibility:hidden;
6 k5 _+ m1 A( S! b: A: r* o/ W& `2 z}
3 C' q  \% O* L3 h1 w" M& \</style>
' \& J* y$ u* C3 m7 P+ v! z<script language="JavaScript1.2">' _; e7 c( t( A/ o3 o
<!-- 改变下的字体的大小。颜色-->. c" w6 g- l2 r8 B4 f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 z) k* s, G) w: _var hidetimer='';3 N) [, |- {, |( P  F( H& q1 S/ Q* n
<!-- 改变下的弹跳速度-->
, ?: L+ e$ g" U9 c% V) xvar BallSpeed = 20;+ p' ~, N! v0 Y. R6 Z; o( I
var contentWidth;( g: u8 p: I, A$ r2 b2 j
var contentHeight;2 q5 q' B# H1 t5 @' Q
var maxBallSpeed = 50;$ Z/ S/ W3 S; [5 k1 j+ w9 _4 ?
0 n* A' P( z: h5 C  I
+ a  r5 X8 h7 }, \
var xMax;
) c7 b! ]8 k- d$ N7 o2 cvar yMax;% p0 F7 N. ?7 ]
var xPos = 0;
/ x# M& G$ O' E, Cvar yPos = 0;
9 z1 ?0 L& L$ O% c  Evar xDir = 'right';
$ ]1 e2 S9 V- L) J" _var yDir = 'down';
* A2 K7 w& K* x8 F' p" u: w; ]var superballRunning = true;
" y  N) R+ K" k5 L( bvar tempBallSpeed;5 R. \# a( f) ]0 v* x- S
var currentBallSrc;
0 ?, n& M3 a: u' m' q9 o% Zvar newXDir;
" J9 E3 n$ T0 Kvar newYDir;
( W1 h) }0 T$ M; h# k& Q, d( a4 }2 X3 N. m! J' |
function initializeBall() {
0 ?3 X5 r6 F4 P* r, z9 T   if (document.all) {
$ B8 i2 G! m* ~* W% Z; Q" |; U      xMax = document.body.clientWidth
# C/ U! G- S, G8 a2 k1 c      yMax = document.body.clientHeight
3 ]: L0 e9 k) \      document.all("supertext").style.visibility = "visible";
" i8 l! R# q. [# E" G      contentWidth=supertext.offsetWidth2 n; n+ c% f) W: O8 J  Z' [& O
      contentHeight=supertext.offsetHeight
" r4 L, @( A* l: I      }" ]9 i4 p/ x: D) `- ]8 H
   else if (document.layers) {
3 @0 D7 I# o5 T. [      xMax = window.innerWidth;
$ d5 R+ ]3 O& K" Q0 t. F      yMax = window.innerHeight;
" u; g' O5 Y/ R# l) j7 y, `      contentWidth=document.supertext.document.width
2 |3 _* N- j9 ?4 h      contentHeight=document.supertext.document.height
) }6 w  n: w5 ?  ~      document.layers["supertext"].visibility = "show";
6 [# |+ O* R6 Q2 a% S0 b) L- q      }
; y* o- V5 A$ D6 w   setTimeout('moveBall()',400);
) Z8 x' e) z7 h/ ^; T2 m   if (hidetimer!='')
% r' l' h  X# H; ]   setTimeout("hidetext()",hidetimer)
& z7 n: T# t$ ]* E4 s( T* ~   }; ~8 O6 a* G0 z: x

( h9 i& x1 M8 Q2 \; i) `- H' t% Dfunction moveBall() {
, Z) N* [( W$ Y2 W" j( x2 R1 y   if (superballRunning == true) {( V- s3 C) V5 i3 [
      calculatePosition();- H+ g6 }8 ~' g9 ]' p
      if (document.all) {
! _* M4 w4 t5 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ ^1 E" `# O/ Y. z3 T
         document.all("supertext").style.top = yPos + document.body.scrollTop;4 H, Y- {5 O0 l# g8 y
         }3 {$ k5 o- d! g3 P
      else if (document.layers) {
/ L! `9 F4 c$ M/ H: _3 j* b3 J& o5 \# M         document.layers["supertext"].left = xPos + pageXOffset;
3 [- v3 \7 j' u$ y         document.layers["supertext"].top = yPos + pageYOffset;
$ y4 f/ c# R+ B" j         }
2 v1 u) h  M  w8 W8 W1 J      animatetext=setTimeout('moveBall()',20);! k* l$ m; w& A
      }
! L8 ]) j$ l. m4 {# X0 h- b# q   }! y, Y- p6 m; J: C) ~8 n: V7 \
: @& G6 b+ g- d( E/ ^2 g
function calculatePosition() {5 {+ \* D; S$ U" Z
   if (xDir == "right") {* ^; y0 v) L5 Y- x2 `- p
      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 C! y+ G9 p/ e3 o7 H: r2 M: q+ H         xDir = "left";; e3 ^% X: U! P, l' A0 p0 F/ [
         }7 J( @8 |" j) t' g( X
      }6 z" n# o1 a  W% W
   else if (xDir == "left") {5 V/ Q: u/ P* w% b2 D
      if (xPos < (0 + BallSpeed)) {9 L; \4 V/ ?+ X+ q) o& B9 e6 I% Z
         xDir = "right";: A: {. S0 U% Q# X1 o
         }
+ ~: }8 F* F: b, E, C      }
6 X0 L% `) H2 {) B" I   if (yDir == "down") {
9 W' U" z5 W" N8 z  U      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ q) o! x0 c4 f5 m, l& g/ G$ L) W         yDir = "up";0 T' t3 I7 u! @1 C. W8 y: W3 l
         }
; h6 Z, h: |9 t$ ^6 p) B# j$ \      }
* b! r) H8 \+ @   else if (yDir == "up") {
) q$ L9 l4 R6 t) x: O      if (yPos < (0 + BallSpeed)) {& `; S% o9 V$ i, F$ c
         yDir = "down";) u5 {2 S8 H% ]) G1 v! c! O9 b
         }
& s! |- u. n9 G! z% R      }
; Z) j6 y* G- t6 `' C   if (xDir == "right") {
( g2 y8 Q+ A2 d      xPos = xPos + BallSpeed;
9 M5 p# b8 a) n+ x: m1 V      }
  ^! Z# @# A- N5 t4 P1 V* G   else if (xDir == "left") {) n! E5 a9 b( \9 b0 O
      xPos = xPos - BallSpeed;
$ T* E. k; R8 I' D2 A; f0 n      }. w9 U, O* l* H3 H  I% z7 a
   else {2 H5 B% f. C/ F5 S3 K, ^
      xPos = xPos;
$ B6 L, _( ^' B. E      }3 p8 r1 k; D8 g- G( i( _6 u+ P
   if (yDir == "down") {' O" x  @* j4 r0 ^# Q- ]# @
      yPos = yPos + BallSpeed;
  X+ J' _0 P) F- V- B      }
" y* T8 x- e4 [6 @+ ~9 J   else if (yDir == "up") {
# |* @$ C! a, V; n1 I; \8 D      yPos = yPos - BallSpeed;
- \: c0 ~" R3 l      }3 Q0 d9 {! t/ w6 p9 W/ E
   else {: Z/ \: v' l" N. r
      yPos = yPos;
0 H+ u7 S8 j' d      }
/ g+ ?& x* O0 Q+ n: O. y  A   }2 _3 N% ^9 x' q. J% T# r

# t$ g7 h) c. e, r, Pfunction hidetext(){) B- e; i, \' w' q, N
if (document.all)
3 }* [+ y6 i9 t* Y4 b. {: \supertext.style.visibility="hidden"; X7 B: E. j9 V& X: I$ h& m
else if (document.layers)
$ j0 a/ z) i, p9 a. ^. Sdocument.supertext.visibility="hide"& T4 |: M1 t2 X' C# ~$ g+ ?
clearTimeout(animatetext)9 ?1 d! u& n  K7 ^* z
}/ C# m' b& z" A* n5 i9 k& a% v

9 @  o" ?( O& A  N" A- F9 sif (document.all||document.layers){
, Y; l  b" o5 ], {1 o9 adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ y1 E# B1 L  n' s+ }
window.onload = initializeBall;  J, q/ a% {0 j2 g
window.onresize = new Function("window.location.reload()");
; Z* p3 x2 f  o9 y}( v% o0 ]: c* z, M  _0 {

! I( ^/ K9 J: W0 u# N6 H( c</script>