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

zw2004

<style type="text/css">
3 B% ]- Q2 t3 O6 ?+ t: a# i% ]; ~4 Y) S#supertext {
, {) m# S0 B) Y7 l2 l- hposition:absolute;
  {$ k, i" n0 }( t( R8 sleft:0;: B5 ~, n6 N4 \, a
top:0;; W7 l  p9 u! n
visibility:hide;
8 u+ S2 ]8 q& D- E5 P7 {2 U# ~visibility:hidden;: W# L4 p8 U/ p, O
}
% w7 g- t0 E( @, N6 S/ u</style>4 a4 Z+ W3 H, }9 h
<script language="JavaScript1.2">' a; B2 A- w6 @# n9 u
<!-- 改变下的字体的大小。颜色-->
/ M! u% u% M, Y! @! i# ^var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ M% _; ~4 ~  g- M+ s3 e
var hidetimer='';
9 \; d2 H: x; U% K4 U: \1 Y<!-- 改变下的弹跳速度-->
1 t% `, t0 `9 F3 @9 |3 P/ Nvar BallSpeed = 20;
; c/ r( F7 E1 p1 F' T+ [  k) K9 qvar contentWidth;( I3 x  n, R$ ?& D: R) Y) F
var contentHeight;
& o( l$ t9 O) @  ^8 A+ V7 B# gvar maxBallSpeed = 50;
( x! d8 ]& K% \: K, F
3 M  x( Z0 H* }5 t, y
9 T: P8 B4 n  l3 Kvar xMax;" i: f3 x2 T2 y: l$ L. v
var yMax;
" f8 f  O5 D: ovar xPos = 0;" ?* p8 h( O! E/ g7 z/ w; E
var yPos = 0;
- `8 C; K. q1 o, W5 j2 [var xDir = 'right';& r! t, b2 j3 g
var yDir = 'down';$ Z  d# Z1 u. Z; H, R4 `, p1 O. f) L
var superballRunning = true;1 d- f/ a# {- f% Q
var tempBallSpeed;: m! m' |; a1 T1 I! {9 F, x
var currentBallSrc;
# I" g7 r5 B: V1 N& f7 |, s2 [var newXDir;
5 }* Z. n$ W7 j9 p7 `0 Kvar newYDir;. F: N. i' D! O, I
9 Y8 ]9 l1 c* |8 ?- e& Y/ k
function initializeBall() {- l; d. E: f+ c% @7 M2 s3 ~/ q: j
   if (document.all) {4 l* F+ T0 B8 s) e
      xMax = document.body.clientWidth* }# J) a0 m8 [- f+ u: F
      yMax = document.body.clientHeight
% k5 t' I. y* x& @" V      document.all("supertext").style.visibility = "visible";1 N6 j+ T4 `7 r8 h7 H; Z
      contentWidth=supertext.offsetWidth- u. f3 v9 K" b' P& f, L2 _
      contentHeight=supertext.offsetHeight# o* e8 E8 e" ]1 Y) s% c
      }
  P! |, Q, \0 U   else if (document.layers) {4 {+ G8 Q/ |3 N
      xMax = window.innerWidth;1 ~  O& {; F; J
      yMax = window.innerHeight;
: j/ m, }4 U9 M- n      contentWidth=document.supertext.document.width
2 {. c( ^- U( W; A0 V+ j      contentHeight=document.supertext.document.height, }" K& U  G: x9 K
      document.layers["supertext"].visibility = "show";
7 q( N3 `) S6 l% t      }0 Z6 @! l6 Q' G( S
   setTimeout('moveBall()',400);
5 L; R% [. z. W: x   if (hidetimer!='')
! J" j0 H1 \* v) c, |" i- H   setTimeout("hidetext()",hidetimer)
) [' \0 A- o" |# k  J* {   }
% `3 e9 |& Q( G  B, o/ Q8 V" d$ W  X. i6 }! Y4 c/ e  g
function moveBall() {5 Y4 ?( Q& ^, P% V; a8 ?
   if (superballRunning == true) {8 b; e6 [) F" f6 _. `  F( n. P
      calculatePosition();: m( T0 l# R: u3 A; w" c3 E
      if (document.all) {1 z5 z: p( r& U: |* m7 o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, X7 z8 S# R: @* N% o         document.all("supertext").style.top = yPos + document.body.scrollTop;+ q& ?. O8 n  `+ d/ ]
         }
4 q( B5 L7 b7 u7 J      else if (document.layers) {
% f, D6 \1 Z. P$ Z; h* u8 }         document.layers["supertext"].left = xPos + pageXOffset;
  A. q6 C! i0 F) o. j4 h" [         document.layers["supertext"].top = yPos + pageYOffset;
  i' |7 i6 V  x# i6 i" x. n3 K         }2 w& u- R: k/ O' C/ O9 S+ I
      animatetext=setTimeout('moveBall()',20);! B" |) J3 ]4 [0 G- l( P
      }* D, p7 J& y/ N( F- |' ?+ t
   }
  y6 _9 P" k7 n7 \) b/ X5 V
9 m  `% K. f5 x. r! T6 Efunction calculatePosition() {
+ b5 N. m, g* t& n   if (xDir == "right") {' F( g- u  v0 j' P5 j3 E2 Z
      if (xPos > (xMax - contentWidth - BallSpeed)) {: a9 V, M. }* h& O- b) m% z
         xDir = "left";( t8 [& e! w2 c: A( @* @
         }9 ]% |( L7 J/ q# X8 k( Q% j. p
      }
4 m1 y5 i3 q$ n6 U( e   else if (xDir == "left") {
% A1 e# J' r5 K9 R      if (xPos < (0 + BallSpeed)) {
- e* p2 f$ D5 f/ @( ^         xDir = "right";$ c. h4 Y3 l4 C: a4 U6 }7 \
         }+ X3 e( q/ Y) S9 Z- v8 ~# M' y
      }3 v7 O" b6 C6 w1 A
   if (yDir == "down") {
. J9 s6 }* B2 _+ W- S2 P' |      if (yPos > (yMax - contentHeight - BallSpeed)) {
- B! M1 O% H6 W         yDir = "up";
. a, A1 `: s2 o  w. h" P& [. ?7 j, c         }
1 l3 u; |- z; p" i, E      }
1 k' i$ ]# R+ c( p) x7 K. {   else if (yDir == "up") {
. u2 Y- v, B+ Y8 Q- M      if (yPos < (0 + BallSpeed)) {
/ H! W- n! P' K/ z         yDir = "down";  y8 f) H: C3 E5 @0 d. r: M
         }
  |! ~6 u* w7 q% v  }7 H      }7 ~+ e, ]( O( n' F3 S; a
   if (xDir == "right") {3 Y2 t1 i( z) @" @
      xPos = xPos + BallSpeed;
! G( H+ i$ y4 j" B8 P      }( `0 N  Z9 l4 Q/ M* B
   else if (xDir == "left") {
/ M  j2 @' @& X6 c$ Y: z      xPos = xPos - BallSpeed;
0 ]% x6 P# Z  w0 [5 m1 K3 Y" y2 X      }
- w; s+ M$ `5 l& Z1 |   else {
  O/ Q. z  [9 p  ?% c- w  t8 g7 `3 v8 t      xPos = xPos;) b/ m7 G% g) `1 y! ?
      }7 f8 Q) a9 H/ L- N/ y+ J
   if (yDir == "down") {' D2 t* a* w8 p7 Q( [/ @
      yPos = yPos + BallSpeed;2 S3 Q7 [5 V$ G
      }8 ~) }- }8 c9 z% ?6 J9 J( u
   else if (yDir == "up") {  b; w9 e6 E3 K$ H
      yPos = yPos - BallSpeed;
# N) _0 }6 c: [- z0 x# S9 i* a      }) a: m1 Y) m/ |# b$ J' H  t
   else {
0 S* M/ [' `6 @4 ?: ]      yPos = yPos;* Y; J! v& C# X6 J* x9 e
      }( Z0 q8 P) a4 f: h# G
   }* s# ^' A5 e+ b. d8 W3 T& Y
. |& x( X& K& z* p
function hidetext(){! {9 U) I8 R; c* f
if (document.all)
9 q  z" D  [& ^  [0 {4 ^supertext.style.visibility="hidden"
! C1 O7 C$ X# }  q- Z# Gelse if (document.layers)
/ Z8 P* G+ l7 M6 T2 ]5 y( wdocument.supertext.visibility="hide"7 c" }% O$ n0 X0 K2 U7 a* t2 r
clearTimeout(animatetext)  ~  A. r1 Z* _
}
7 W4 C1 i4 ^6 F" S+ r3 Z) G* r  s+ h2 o& F5 u* B: ]
if (document.all||document.layers){
0 U' ^# U5 E' B$ `: u2 Z  edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ y% g( b3 `  s
window.onload = initializeBall;: e% [" G9 x0 N7 U$ w2 V' y. u
window.onresize = new Function("window.location.reload()");6 @6 q% }, U' i" K3 z# }
}
# }+ K9 ?2 g; q& N, [, t0 U; [' o, H& I- q5 d9 q
</script>