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

zw2004

<style type="text/css">
8 ]9 ^2 d  q7 S+ M' n9 S#supertext {  o8 a( M8 d2 d9 P" w
position:absolute;
' r- Z6 q  `; ?) Cleft:0;
# w- d. }( I4 P6 p' P! ftop:0;
, H0 P. z3 A/ Qvisibility:hide;8 y5 v5 h8 m2 c8 i3 [0 D
visibility:hidden;
' f' W) h! }0 M8 b/ r/ {2 U2 D}
! S1 {4 T: @- o, [( u; e</style>
% |  H: }3 ?1 S; m4 X9 B<script language="JavaScript1.2">7 Z: V* Z) u' ], ]) }6 r2 o
<!-- 改变下的字体的大小。颜色-->8 N0 Y# U% {7 |2 D% N
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ e0 L8 e! @6 J4 {4 O. @
var hidetimer='';( T1 h) k% J+ i  _2 I  j
<!-- 改变下的弹跳速度-->
' \: h  a4 }7 O& avar BallSpeed = 20;" d( J6 u6 Z$ ^$ u2 o8 w* O
var contentWidth;
; j" F0 d1 o' ^( H8 \8 d" B, P9 cvar contentHeight;
0 R% w2 H; K6 d9 f8 }& Nvar maxBallSpeed = 50;
+ q0 E1 Y% L- G+ @# A
1 X% V7 q5 e$ ?# R$ Z5 s+ d$ t9 D; a$ j. ]3 q4 g# ^- R0 H
var xMax;
4 x- _3 I0 u! Y0 p) e; _3 W8 wvar yMax;
( E) j' [* b, W2 cvar xPos = 0;6 X7 @7 d7 L/ L
var yPos = 0;
: R) C# `: k9 i& P. Gvar xDir = 'right';- h! d  u( T5 z' D# n
var yDir = 'down';7 k+ z4 U! @  L! @. T
var superballRunning = true;$ z% L$ Y! \0 v; n: y% F' R- C# M& l
var tempBallSpeed;1 `" b6 f& l1 I! O2 A
var currentBallSrc;8 L( P# [0 G; \: p2 I  e4 W$ X$ E
var newXDir;7 Z' A6 `& T' X' E9 g
var newYDir;
: R4 A& ^5 p" P8 L5 D: C& j7 C% r" u" ]  A. S7 S+ c0 Z/ \9 A
function initializeBall() {
9 A% L, F2 M" J" b; ?% y& B# }: ?   if (document.all) {+ H% D% S7 {- y1 t) r: u9 g
      xMax = document.body.clientWidth' d+ K7 S. a+ j* B
      yMax = document.body.clientHeight( @( p0 v" o4 v: v( d
      document.all("supertext").style.visibility = "visible";' `# u; `3 M' i
      contentWidth=supertext.offsetWidth+ L0 b  w1 |* K* o
      contentHeight=supertext.offsetHeight. |9 v$ D% O) e1 \
      }/ ]) Y8 j$ e+ \( `9 [
   else if (document.layers) {
& j- o5 l% ?6 m      xMax = window.innerWidth;. G) s; M) `; s
      yMax = window.innerHeight;* T/ h6 M6 r& L
      contentWidth=document.supertext.document.width* ^- J0 v* R4 r# m8 V
      contentHeight=document.supertext.document.height
* D+ M6 Z  v' O      document.layers["supertext"].visibility = "show";& o6 q! K& L  N2 Y4 [' U, x* Y
      }  `2 B- E, U/ \( n' p" [
   setTimeout('moveBall()',400);
  h( w4 }0 @! e6 s, @. a0 q   if (hidetimer!='')
, @( z/ v$ ~/ G( C; p) h9 E  v   setTimeout("hidetext()",hidetimer)
, P5 B% a: G/ O1 P   }3 I4 Z8 n3 y8 N, d; u, `
+ A- s7 g9 E- l, U- _7 [# E" H  U% v
function moveBall() {
( ^) j, T8 d" [, {' Z$ h/ R; D* e   if (superballRunning == true) {2 N6 ?( p$ H2 e+ z9 `: F
      calculatePosition();
/ s/ |. K' b3 A( U* |      if (document.all) {
, o: c3 H% p1 f& h         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 U( E9 f# o  L* U" r4 D; R' F         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ L2 [2 ~' P+ ^1 v& w         }
8 O- H7 D# z9 h      else if (document.layers) {
1 \4 z1 F2 W  k4 T) P7 u/ B$ }         document.layers["supertext"].left = xPos + pageXOffset;% d$ Y: ]7 w, J$ o4 E+ m' c2 b
         document.layers["supertext"].top = yPos + pageYOffset;+ P. G( [  R( I! M$ L9 @/ N
         }& h& Q: G7 t: i* x
      animatetext=setTimeout('moveBall()',20);
' h/ Q; p0 I$ B. M6 f      }' a2 [, k$ T" {) K
   }* @6 a  @4 h  a
; C1 w  H. [8 {; S% w7 U, m5 r
function calculatePosition() {* q! ]" ?' t& U8 m' ^3 {
   if (xDir == "right") {& G7 d* _; y+ Y3 f
      if (xPos > (xMax - contentWidth - BallSpeed)) {; N. K7 i3 j" `5 S/ {7 a
         xDir = "left";
, V% c' ]* E2 K: N- r+ l3 I7 ^         }5 ?& t% q" Y( b8 o+ Q' `9 ?
      }: b3 N- d$ x/ J) U5 W. A
   else if (xDir == "left") {! o4 Q& j/ L% j  ^4 C/ Y
      if (xPos < (0 + BallSpeed)) {
: ]! v  q! g7 c/ Y         xDir = "right";$ ^5 d- u% U% I4 Z6 V2 c& ]
         }
1 n( P2 q: `! T      }
5 a) A: t" |) L- a, c# b   if (yDir == "down") {
% B. z# P: l0 n& V5 E8 o9 v      if (yPos > (yMax - contentHeight - BallSpeed)) {
- I* ?( Z! @3 i9 u1 C% r0 P7 b5 x         yDir = "up";
3 A% @( y" g7 t, d& Y5 O8 ^         }$ s$ f% C. c% g# c5 x# X" Z
      }
7 r, y6 n& R' M% q8 M- g   else if (yDir == "up") {. A! S) x) m5 V. T$ X8 k7 ~* I
      if (yPos < (0 + BallSpeed)) {
/ N3 t/ O1 U" Y         yDir = "down";
8 j/ H& k; F4 o8 ]5 Q9 Y         }" K1 j; q( K/ D8 G5 G6 V
      }
- T4 e. L9 A: W, p0 [$ l   if (xDir == "right") {, L- @! N% \  C% u; d
      xPos = xPos + BallSpeed;7 x+ l" S3 b& H, E/ R
      }- x/ q; G' _* u: W  ^+ K
   else if (xDir == "left") {0 b/ g+ ]: D1 a( z( F" R. N
      xPos = xPos - BallSpeed;
) I' I, n0 v4 r, T      }
% x" B4 K8 o' S2 q/ a' h( ?   else {6 O- n. b, r4 f
      xPos = xPos;
# Z4 z4 h0 g: q. [* X4 p3 q7 z# a      }- z* A. e6 p3 j: U
   if (yDir == "down") {5 O& @2 Z6 o. H# V0 j+ `
      yPos = yPos + BallSpeed;* N7 p% o. `$ \
      }8 {7 w! R2 z" J3 q$ F$ P7 _
   else if (yDir == "up") {2 n: O8 ^9 C! H3 e( @8 U
      yPos = yPos - BallSpeed;
0 I7 E- l2 ^; F, K  o      }
$ F& E3 h4 @7 W+ O' H   else {
' M3 D4 w+ i. w# V1 A: [' o( D+ g      yPos = yPos;. g3 I: N$ d* v* Y+ V/ T
      }
1 t) J& O. c, f7 ?. z0 N   }
/ {. r2 G8 m( J) K. @, E% g  s8 |6 \9 v! p! p
function hidetext(){
( T4 @; K* K1 Q: M0 }/ Sif (document.all)
2 B4 O, Y4 l3 L1 V9 B1 wsupertext.style.visibility="hidden"6 C/ m3 G# _  ?* ?
else if (document.layers); S+ W. v6 W1 f0 h1 T& z$ ^
document.supertext.visibility="hide"; ~7 I" j$ R1 o7 [; }) c0 W
clearTimeout(animatetext)
9 y. c$ z, c$ t- ~( s}
' U' o! Y; o3 Y" b$ q; L/ y1 @/ ^$ ~' F' J: X$ }0 V9 K! N
if (document.all||document.layers){
# i4 w+ Z1 L7 m, T/ P, E+ `; Vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" _. Z8 ]% B% a3 K
window.onload = initializeBall;
$ q5 f6 }1 `* L7 T- A# Dwindow.onresize = new Function("window.location.reload()");4 [/ U% P5 M" _6 G% M
}: q" N8 S' o7 D8 `8 t

# k' F; M4 x* ]: X  U' ~</script>