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

zw2004

<style type="text/css">9 s: O2 _* m) Q! X/ m
#supertext {& A* S( U" W6 L  a) I# F# {
position:absolute;7 {- S! w5 N, B8 T8 n. `1 f" O3 Q
left:0;" {& N9 t4 Z2 c3 F
top:0;" s& B+ o. q/ c% B+ T
visibility:hide;
2 {7 [5 D+ H( m. D6 n1 @visibility:hidden;
: x6 C$ v5 T- r  H}% o- b- B( |! c. z7 y
</style>4 v8 p% V8 |( }
<script language="JavaScript1.2">5 m; v9 C; a7 k" d- a/ G
<!-- 改变下的字体的大小。颜色-->  E/ b- A' h& K. P" B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 F2 V, |: r, W0 J1 V3 K
var hidetimer='';
4 k+ Z9 [( B, |<!-- 改变下的弹跳速度-->
4 j9 P9 f# r2 K3 Ovar BallSpeed = 20;/ Z5 B) T* ]% ]0 k5 |" r8 [! o
var contentWidth;
9 T7 B7 Z' q8 K$ Ivar contentHeight;
: M" e* f& R! q/ P  @6 D( M8 E. Yvar maxBallSpeed = 50;" d! t5 X% A& T% R' B: c) @
3 X: J2 V4 s" B. ^4 A
$ s. H0 u5 W& _
var xMax;
+ \6 b8 k2 j# k( c) z; Y& Rvar yMax;
% o/ d/ j' Y1 E" Q8 gvar xPos = 0;$ g) l1 }1 p- t5 M, n+ z8 ~1 `
var yPos = 0;9 {& K& c6 `$ ~
var xDir = 'right';9 a- _: {) b2 g3 N. o, n5 Q/ L% P
var yDir = 'down';
+ r( D6 R+ H" N+ V3 r" F- _var superballRunning = true;
: m) V$ @* j9 b. G# vvar tempBallSpeed;( M: d! C' r4 d
var currentBallSrc;
1 ]8 Y* c0 Y0 r, I1 N7 x9 ?var newXDir;
/ Z: f* S! ^% f/ l, Q1 bvar newYDir;4 e4 y# w6 Z2 ^5 c4 [  q6 \" A
  C3 @% {5 V5 @/ S7 s
function initializeBall() {- U8 T! X( {9 S  V
   if (document.all) {
8 s1 d. N3 t4 G9 f- J' o      xMax = document.body.clientWidth! Q) \" k9 ^" L4 W/ h5 J
      yMax = document.body.clientHeight
0 Q5 f9 F8 I2 V# L) l      document.all("supertext").style.visibility = "visible";- ]' \# Q+ M" I5 i7 b# q
      contentWidth=supertext.offsetWidth( U" S8 j# ]4 v9 U7 I
      contentHeight=supertext.offsetHeight
6 E: K: B8 \7 |      }
+ [* c. z0 _0 p   else if (document.layers) {
6 k3 `* q: G* i  F: X' c6 |      xMax = window.innerWidth;
1 t2 y. P. x: Y! d      yMax = window.innerHeight;( N& \' W' X) Z( v6 k1 c
      contentWidth=document.supertext.document.width
, O/ t: V0 u! \      contentHeight=document.supertext.document.height
% O1 _( W6 R) l; v. ?1 P' `! Z      document.layers["supertext"].visibility = "show";
  j3 C1 N. l& F  r8 B$ u      }* \" s( C, O4 ?
   setTimeout('moveBall()',400);/ k. H( I* w- L9 z
   if (hidetimer!='')) t4 Z5 H1 }& V" @  F  j
   setTimeout("hidetext()",hidetimer); j& {: d9 }: C! e
   }. A8 o6 p6 I' ~

5 C$ B3 S6 v" Z( k0 s" `function moveBall() {
( A0 p) d& L4 y   if (superballRunning == true) {
" p) k5 }' Z: ^. u( i* Q      calculatePosition();) b& e& v- W( f/ S' @2 m
      if (document.all) {
- W- ]8 K* v  t  d! j8 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 R( Y$ F1 @2 ^2 C( R# M: H
         document.all("supertext").style.top = yPos + document.body.scrollTop;
* ~# N7 q2 W/ `- q* A1 ~/ ]& W* A         }
4 Q8 f5 q" H* Z9 Q      else if (document.layers) {) I: I  N( _) F. C* O  k
         document.layers["supertext"].left = xPos + pageXOffset;
5 m; O1 A# g6 l! T; g; z) j' {' t/ e         document.layers["supertext"].top = yPos + pageYOffset;
5 [% @  Q. {. Q: E: r         }
8 q0 N! ~0 v3 S! {      animatetext=setTimeout('moveBall()',20);
/ K6 A% H2 ^' D3 o5 F% S! E      }7 m- U3 b% M! o! C0 f5 e
   }9 L9 j$ h& T/ l6 @- r: t

( O/ w4 m3 P: Y  Z' w; S. yfunction calculatePosition() {. O7 x/ R) A! I. ?! E
   if (xDir == "right") {
0 U; ?8 x" `1 C3 X# L8 U      if (xPos > (xMax - contentWidth - BallSpeed)) {
' Y7 B+ g  @" Z  g4 ?" ]' Q, Q# x         xDir = "left";3 }, }' E& V& J; }) g
         }
. A* M( b" D. @: N- K  ?/ c      }5 i9 a, A0 B; L. E/ b) c: T
   else if (xDir == "left") {
" E8 Z+ @4 `# R6 x" H" N      if (xPos < (0 + BallSpeed)) {
& e, z0 K  c# a; h5 }/ t4 F/ [         xDir = "right";- B% M/ _5 B/ U9 e. g" u" {
         }( C/ J( T/ \9 ~
      }
9 A8 P! `+ j& x   if (yDir == "down") {
. e1 d8 m9 [' l: T' l! n( g! k      if (yPos > (yMax - contentHeight - BallSpeed)) {5 l+ [: @# I- K- v; j, R& ?& v
         yDir = "up";& ?5 r/ X+ w9 j, F0 J- a# _
         }5 T* y/ i5 H% Z  e
      }
, D' w8 ~* e" O6 z1 x0 i   else if (yDir == "up") {
9 |) @; g* @; w1 w      if (yPos < (0 + BallSpeed)) {& d9 D; K$ X* |
         yDir = "down";
) b" H" R# |4 e         }. z4 G3 N' o4 b* Y' T/ E& W  A( V, v
      }& c# y0 @, J$ Y& q: t) F  |! c, }4 t
   if (xDir == "right") {
! D' Y3 ~4 o* k% Y$ _      xPos = xPos + BallSpeed;
% u! ~! z8 V! q6 G: Y" g6 I      }' G6 c* G% ~, `/ G, P
   else if (xDir == "left") {
1 n6 c% d7 j" B! ]      xPos = xPos - BallSpeed;9 |0 O0 V4 h' i! g4 r+ U
      }
; L9 u8 p2 m! S4 Y0 A4 ^8 q8 Q   else {
* A% s& R4 ^1 w# Q3 I      xPos = xPos;$ q) C; ~3 }! ~7 I
      }! [+ Q8 Y9 X9 @1 B  W  J7 Q) E+ N
   if (yDir == "down") {- c& k$ g- Q2 r0 Q; Q  ^0 k
      yPos = yPos + BallSpeed;
/ R5 a0 _* c1 V% I7 d      }
/ d$ h* k" ]) ?$ E8 t7 L+ u   else if (yDir == "up") {* m% {  `& R. k- I
      yPos = yPos - BallSpeed;
. L# R8 y1 p( r  L: ~/ I      }3 w  S; q8 ~7 `5 x5 E- z
   else {
# P& ^. E# m1 S" Y* v      yPos = yPos;$ n( r6 B6 B  Y4 i0 p  X1 n. r: M, n
      }+ M, F# o0 A2 A7 X8 e0 k. S: h
   }
5 \6 Y; _5 a  Y+ p* i/ l  k0 m6 Y; G+ K8 D$ g, f8 P+ a7 K  T; x3 e& Y% R# o
function hidetext(){
0 w0 X$ k& ?. }, m! V; x: Jif (document.all)  B  w. d+ a/ U) w
supertext.style.visibility="hidden"/ s5 Z* C+ c* P+ g/ k3 i
else if (document.layers)
5 j, ~' T% d9 S" Y5 Sdocument.supertext.visibility="hide"
7 D1 z5 `! L8 AclearTimeout(animatetext)
) q9 v, d, d5 j8 P7 U& K( c( L' B}
% F9 H6 w) g3 y( @+ ]  v3 K) {: G1 N4 v: e5 b3 X
if (document.all||document.layers){4 I# @. k  I! ?  P/ }
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% R9 w8 l* o' j0 T( Owindow.onload = initializeBall;
# C" i/ i# {; S! v7 l. ewindow.onresize = new Function("window.location.reload()");
* z- U$ h3 a3 @. A  ]$ ]% ~9 ?9 Z}
9 b" M! P2 G% H# A. T) w5 k
$ ^0 X) Q* N& ^</script>