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

zw2004

<style type="text/css">
; K) m( q6 \. d  P' S% ]( j# e# K#supertext {- m' A% r! h% E4 J: t8 Z1 T; ~
position:absolute;
* T/ D; p0 @4 X  O. t. @$ wleft:0;0 T3 b1 G  B5 W8 H. _
top:0;- s! g2 K2 ]4 u4 {
visibility:hide;6 ~: T% Q& F. r/ o5 [% q
visibility:hidden;
' Q$ D& i( m% i}
( y3 T- p( p* {</style>1 R, w9 a+ I! r; _0 d
<script language="JavaScript1.2"># f$ h  ^  w5 l! `1 Z
<!-- 改变下的字体的大小。颜色-->: ]1 G4 h% M% h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) |! N0 r5 i1 Lvar hidetimer='';
1 b6 p5 v9 U) V<!-- 改变下的弹跳速度-->
5 o; g; y  ]' Lvar BallSpeed = 20;  I5 L0 [3 H) I) \8 ]" ~; @5 F
var contentWidth;
1 G' R% _  I* k& |& {6 {4 T, _8 cvar contentHeight;
2 g. l" p- U; y" s2 ovar maxBallSpeed = 50;
' W! j0 z4 I3 @9 N$ N  p; i4 u
, {) {2 f" Q5 A3 i+ Q! V9 d2 K& W+ O+ q3 T6 M
var xMax;  e: R- T: Q" J2 G9 A  m* M9 `6 m* _
var yMax;
4 d) ]$ d/ o4 ]0 O* ]var xPos = 0;; p! {; P2 C7 H7 K& a3 ]$ J
var yPos = 0;( b9 u4 I1 V4 D5 s- U/ r/ e0 \
var xDir = 'right';
. D' j% j. v% c. M. r% d2 N5 Evar yDir = 'down';
  {' |( P+ r/ O6 vvar superballRunning = true;
) N3 i! w9 b  u* [. Cvar tempBallSpeed;
0 N( f) S' W: e& F7 \$ {var currentBallSrc;
; H" Q7 k, J% `+ J$ W! Q# t: mvar newXDir;$ I& Z- X& ], L% [7 r
var newYDir;
7 U0 z( b! Z" U) T3 X' ]) c
! G  H8 U- u3 \$ \/ @function initializeBall() {
# q1 ^% W- h5 c0 q) I: j   if (document.all) {
& K4 m) E& R) C  `5 ~' [' t4 }8 J      xMax = document.body.clientWidth
# Q" N  H' h, F% l% @1 Z      yMax = document.body.clientHeight
/ R2 w  ~* {' q/ @0 ]3 G      document.all("supertext").style.visibility = "visible";' _( e  a' i* ^# r
      contentWidth=supertext.offsetWidth
# N, c. V# h. a( ?# V2 L      contentHeight=supertext.offsetHeight7 _  x( h9 U# [  j/ T- E0 r( V
      }! Z, |# [4 W$ O# k! ]  w
   else if (document.layers) {
  J$ W6 ]& N) Q0 P( `1 T      xMax = window.innerWidth;* ?$ t) H2 m+ ^
      yMax = window.innerHeight;3 E2 U9 Y/ j8 `' D  X3 s% O8 w
      contentWidth=document.supertext.document.width
9 x, v; l, |& W& G2 k- F5 i      contentHeight=document.supertext.document.height
4 x/ Z6 i( M% T$ D+ [      document.layers["supertext"].visibility = "show";0 y  W- s% D! B( F
      }7 c1 C9 J) U* ]+ g; f
   setTimeout('moveBall()',400);+ u# p! ]5 {/ K$ J
   if (hidetimer!='')* I. P+ h; {2 ^/ x( C( p+ Z' e
   setTimeout("hidetext()",hidetimer)
0 D# z+ `: m0 g! b7 ?- C   }. P. _3 H4 X6 t) J4 L
( W4 d! {3 F3 Q! c  w4 _2 x
function moveBall() {# E8 l5 G2 Q' j# D* |1 P; ?
   if (superballRunning == true) {
" D# C/ L; _+ P& ]      calculatePosition();2 _  @+ H4 [+ j7 y% x, H5 ?
      if (document.all) {
; M& }  Q& c% r/ |         document.all("supertext").style.left = xPos + document.body.scrollLeft;& ^; E' J: F8 }. e
         document.all("supertext").style.top = yPos + document.body.scrollTop;) S  J! a6 {: N" F3 [0 g- s
         }7 K/ }1 ^3 a0 a) P0 h
      else if (document.layers) {
7 L7 G  _. \# m" x         document.layers["supertext"].left = xPos + pageXOffset;
2 a7 J5 M% k% g3 M* D. g8 z" R$ y3 P1 q         document.layers["supertext"].top = yPos + pageYOffset;! E9 f8 l0 u, N
         }
& j- ~0 _  Y) z- U" I      animatetext=setTimeout('moveBall()',20);
0 X' O2 K4 t7 e% r$ n      }2 d7 d. _- F/ x0 x7 f6 U1 H
   }1 S2 g- F2 L6 ?8 I) ]
8 x$ O4 \$ E* n+ H% @. o6 O
function calculatePosition() {
- @: k( n/ f+ q- ~& J   if (xDir == "right") {6 p1 Z$ s7 }$ J* d
      if (xPos > (xMax - contentWidth - BallSpeed)) {& J) B3 S, ]% w+ L$ P9 T
         xDir = "left";
6 t7 T. ?0 \  P& c) ]( A         }
3 J( c8 c; G  i  c+ }      }
( T4 k0 W( A  M6 I   else if (xDir == "left") {
+ {( M+ U6 x/ }      if (xPos < (0 + BallSpeed)) {2 H- M/ N/ w+ j2 [! l) |. w
         xDir = "right";  B: u2 I5 z0 |* j
         }8 J8 z! j+ Y5 U# w
      }( @: N  F2 q& W- }, q5 H
   if (yDir == "down") {1 z- d; ~1 O) E, f
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& y1 I, N! e. b' c( |8 [) {, F         yDir = "up";2 ^8 ?3 M: [% _- @% d% X2 R; g& h) _
         }# c+ W7 J* A; z; Q- H. h6 y5 A
      }
' _0 _$ V9 Y# p, y8 p7 i   else if (yDir == "up") {9 W1 ~7 i& B9 M. j' i7 F$ X9 K' m
      if (yPos < (0 + BallSpeed)) {0 R; q3 l9 ]4 o
         yDir = "down";
/ d; H9 X) h9 v6 A) z         }4 ^  a; i: k7 Z7 u6 |
      }
- s9 u  ]0 G" {$ ~6 g9 O- N   if (xDir == "right") {
: V  j( E$ z* L, f' `      xPos = xPos + BallSpeed;
, r7 k/ G( F: u3 ~; @% \2 ]) ~$ ^      }  Y$ h* s  [+ A0 o- W
   else if (xDir == "left") {3 T& s* E) Y, x9 }
      xPos = xPos - BallSpeed;' W. \' L' b- {" Q* j7 v# ]9 `
      }
) o% y7 `6 Z6 h  B1 Y0 P+ L1 R+ I; N   else {
/ c0 o# ~5 Y# G      xPos = xPos;
0 C" M4 k( h" e5 ^+ {) B& T      }. ~4 N3 U3 J1 Y1 `1 I
   if (yDir == "down") {6 b3 B. N% u0 Y7 q. _
      yPos = yPos + BallSpeed;
5 D6 I5 K; H$ I+ a/ L) N( ~      }' t4 ~" a4 l6 V8 _) ^" Q1 t
   else if (yDir == "up") {
  ^0 B( Z* e- J, Z0 v* P* z      yPos = yPos - BallSpeed;
! S1 M' }  ^( c3 u- w5 A      }
$ {( H7 \, y1 [* P/ m) w  @2 C   else {% `& z; G7 t' \6 u" f. ^
      yPos = yPos;! o/ B6 A/ E; H9 l5 x' }( ?
      }
1 l" f% l4 K2 ]. o  V  m; r# B   }5 l; S3 b8 t+ K5 i' C

0 `9 n/ J8 _$ z6 n7 ~: Ifunction hidetext(){, V# D" t3 s+ c3 j$ ?
if (document.all)
" B6 m2 F" i0 `# P4 C& fsupertext.style.visibility="hidden"; i" w: ^9 G0 A2 Z: K  Q3 w1 C
else if (document.layers)
/ k. H- |3 X: K2 D/ Ldocument.supertext.visibility="hide"( y, ?0 B& |. C2 F9 q/ Q' A
clearTimeout(animatetext)) t' g# O5 F* n4 c
}2 Q' B3 P  P4 M3 e; Q* p) u3 G: L. Z
$ l4 w! _  W7 r& |, e2 A$ R
if (document.all||document.layers){
- }# P( Y3 h7 S; q- sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- c' W& ^4 @: v) Q( \4 I- L3 Z3 z* Cwindow.onload = initializeBall;( x7 U  c! Y$ }0 F2 e% M# Z
window.onresize = new Function("window.location.reload()");3 z2 I5 e4 ^! H! Z
}9 G8 K' Y7 P5 B( J$ r0 V
. t* `; Q) C5 j7 C4 [
</script>