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

zw2004

<style type="text/css">/ P- j" j1 I. Y( U- c2 b  _* |+ W6 h$ q6 s
#supertext {
8 z$ o& p  [+ e, G* Z+ oposition:absolute;
* I" q) v" m1 V7 M2 Mleft:0;
$ ^% S0 Q5 X# R0 ^6 O  W# Btop:0;4 p1 B8 l: f. O& S4 l, Y3 j
visibility:hide;
- j; V8 E4 [% u& I( fvisibility:hidden;
% \7 d9 U( p/ n/ G( z4 @}: k; e% s) |* p& F- j
</style>
0 J) k7 x( r: R. p# h, {8 \& x<script language="JavaScript1.2">; l7 U: K' c& s3 p
<!-- 改变下的字体的大小。颜色-->
! T7 z( ~) B* t, K: M6 B+ [var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': G- b9 O5 r2 V. O; z9 r
var hidetimer='';- K! x9 S. h" g2 P! U, O9 g" s
<!-- 改变下的弹跳速度-->
& N* g% o0 [( B/ t# s! Y, X5 Nvar BallSpeed = 20;
( C  o* i! f2 y! C9 y+ M4 Qvar contentWidth;+ G) e( x% a1 @9 a; n: o
var contentHeight;
$ G6 u$ V" f5 [var maxBallSpeed = 50;$ ]; U  H3 ?& V% y2 w0 F
$ G, ~; V! I2 L" N  k. a% H+ I
7 ?7 i! s) W( n3 ]) B& Z. l1 z' {
var xMax;
% }0 C1 V3 ~5 {" {6 ~( j& y$ @var yMax;0 Z2 y( B1 b/ d  I
var xPos = 0;
6 J0 ^7 z4 d8 d5 l0 \/ Bvar yPos = 0;
; b5 b* |/ s( @: `' Kvar xDir = 'right';% B; E2 Q" e2 j$ o$ M$ m; I- l' b
var yDir = 'down';
7 t) W* E" T' m( Rvar superballRunning = true;" [0 O- S5 Z5 @- C) l' V1 B  ]
var tempBallSpeed;/ `4 K; M  N$ C: [3 `  M
var currentBallSrc;* ]8 u* T3 t0 a" h
var newXDir;
% x1 n6 J* a2 g1 a" m# a/ Zvar newYDir;
, J8 A1 o0 F) U5 f& R3 X* P
; K( C& c6 c$ Z6 Z/ bfunction initializeBall() {. L2 P& N/ H4 Q8 X5 E# J
   if (document.all) {
$ z7 ^5 V2 {& Z( h      xMax = document.body.clientWidth
. T( D2 Q6 z( {- R: Y+ J      yMax = document.body.clientHeight% U/ D) t, ?  Y* S8 v/ i1 Q9 x
      document.all("supertext").style.visibility = "visible";
5 q6 K+ u9 _  s# a$ w/ v      contentWidth=supertext.offsetWidth! \. s: [  k# G+ O& p2 ?& b0 }9 b
      contentHeight=supertext.offsetHeight3 L- ]% h$ C" X
      }
& P3 ?. ?: V; R, C  ^+ H   else if (document.layers) {, ?! ]! q4 \2 ]; @3 Y" ~. ]/ ]
      xMax = window.innerWidth;* Y7 m' N5 h& @0 m" k
      yMax = window.innerHeight;2 c% c* n+ V2 D& g) L
      contentWidth=document.supertext.document.width- I; w9 R" }( z7 m) a
      contentHeight=document.supertext.document.height; p  u0 R1 a. c! [* T
      document.layers["supertext"].visibility = "show";  l3 v) s" U( |) t: ^+ M
      }& Z; B$ E1 ^# o' r
   setTimeout('moveBall()',400);
: [; k4 I( z. D6 B/ H" _' y8 G   if (hidetimer!='')# e* ]( y6 B* L7 Y+ U5 e
   setTimeout("hidetext()",hidetimer)2 l5 P. H; ~4 j& x
   }
. j2 M& }" x/ J% q9 E! [. n$ F; t( x* _, A
function moveBall() {- x  C3 j6 [. v) H5 d* O
   if (superballRunning == true) {8 ~  V1 E( p% Q+ _  p
      calculatePosition();
) {* P  F5 ^* `( y0 |& [6 w& L, z      if (document.all) {
% h. |. D* }. b. G7 A/ V2 T         document.all("supertext").style.left = xPos + document.body.scrollLeft;  G) j$ U" m( m) A9 }+ d. b$ K
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 Z0 C: x/ {3 T! ?- f( z. h' |6 s         }
0 C4 a- y* P" q8 X# ]3 F      else if (document.layers) {
: Q! o4 T1 F1 e$ L         document.layers["supertext"].left = xPos + pageXOffset;. {$ `+ y4 p% {2 z# N3 a; F
         document.layers["supertext"].top = yPos + pageYOffset;# [6 }; P* Z0 {+ g2 O  H$ }
         }0 z/ U  `- {! Z' P* f" ~2 s3 j
      animatetext=setTimeout('moveBall()',20);, ?0 b4 k/ R5 u! @( V; A6 o
      }
8 g, u( W9 T3 d4 f8 S4 J   }
1 _% G4 e* h1 y: G8 O  C! h, P  r& [" P; ?% k
function calculatePosition() {% _' [! E8 K/ c& ]: C
   if (xDir == "right") {: w  E  D4 G; k  l# {
      if (xPos > (xMax - contentWidth - BallSpeed)) {' x2 N4 _* v; v7 \( Y/ N3 d: J
         xDir = "left";
- B) v0 P! A# t         }3 _, B9 X- I2 U' F6 p' m# d. `
      }
9 Z) H# Y* }7 [  Q  m   else if (xDir == "left") {
; o1 f9 E, _! y  I7 j7 ^      if (xPos < (0 + BallSpeed)) {
) y/ V0 U4 o- a+ P# T: v) R         xDir = "right";5 b% ?4 A. p) g; b$ j& g- o; [
         }
, v# v3 C4 H- c$ {# N. e9 _1 b$ i      }) D# b- Z" |, ?! o& f; _
   if (yDir == "down") {& b( p  t% w$ u1 z# l$ P* ~4 ]7 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 a9 c& x" j3 M' y, ]* ^
         yDir = "up";& @) c; t. n% P/ N8 O
         }
4 a5 T% s) q4 Y3 D" V) I/ G      }
( g* Z5 {2 r0 @& }2 ~4 z9 F3 V   else if (yDir == "up") {2 L* ~  c" V) Q! Y% t9 Q
      if (yPos < (0 + BallSpeed)) {' \- d4 q, S7 K7 ^. T; w) H) d# ?
         yDir = "down";1 P: W2 P+ Q$ s, [2 X4 B, \  ^
         }; ?7 J) r4 P8 c
      }
  U1 K; Y1 }% P2 ~   if (xDir == "right") {9 s" ^, E5 f2 j3 _
      xPos = xPos + BallSpeed;
: I" A; h) \# x& M% U4 i      }
5 L8 y& f% }& J" s& l4 x4 ]( \   else if (xDir == "left") {* m# ]! a3 \* y. H; Y$ r; C
      xPos = xPos - BallSpeed;, C) L- M* v+ f1 E6 f* D( D" d) m1 M- V
      }+ c; f5 }6 X+ o# Z( e3 x. M4 @
   else {
; o4 b3 a: W# L, T' i) C! ?3 o4 }      xPos = xPos;
6 q; j& z+ \' I" c$ ]5 `      }
* Q" R/ n" R5 I  @8 m   if (yDir == "down") {
* `4 u( O& }: }* Z, k: N$ k      yPos = yPos + BallSpeed;
0 Q0 A6 B( @/ m8 H8 p      }
  w) @- Y! I- c- ^- `, A" x   else if (yDir == "up") {( ^9 }, I* r) n" L7 R
      yPos = yPos - BallSpeed;: T. O( `4 q% A5 f  M0 [! U1 Q. I
      }
7 O$ g$ e; M' p, \   else {* P( t$ l* ~1 {* p% K0 [. g0 t
      yPos = yPos;
0 K- G3 V% E$ c$ c      }% R  t* S: ^& F/ j2 o
   }
, g/ M1 R& M0 s# Z9 q
8 e( G9 _# A1 Pfunction hidetext(){0 f! l( c/ t/ I
if (document.all)
' x% T) A5 Y, l- Z( Usupertext.style.visibility="hidden"' w1 j9 w8 y, z! P2 j; Y* g  `3 |
else if (document.layers)
( i# H( J- I* K2 A9 t7 z" Q* ]document.supertext.visibility="hide"
& m, m: t- u, p6 GclearTimeout(animatetext)  H. a+ h# I% l: J
}
9 I: X, M" C; Y1 z5 r- Y# U) |/ F7 j: Y. E' {1 |5 q9 L
if (document.all||document.layers){/ Q8 r- w2 j' a- }6 C5 S  g
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 V& P+ p3 G7 x4 ~window.onload = initializeBall;" M7 M: K- W" g2 x2 j/ Q% f' l
window.onresize = new Function("window.location.reload()");- e; J& r3 H- N- ?+ I
}& [7 p8 A/ I0 z/ p! ~* a
) ?# J  w$ D' O# J
</script>