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

zw2004

<style type="text/css">
/ d- b4 |/ }) X#supertext {) {: C4 b6 k' T% ^" C+ ?2 K% x
position:absolute;4 o7 T/ K: J2 x0 B
left:0;/ N3 @3 _9 b7 {4 w8 A/ D
top:0;
0 B# m4 w0 r. [' T3 bvisibility:hide;; \3 V( j' P4 j1 v2 u& A0 S
visibility:hidden;
* t. e: I& a/ H}
5 V; I  U. ?- S) `- e. Y4 m0 [  Y" H</style>
6 G9 p) C6 N( Y$ Y+ P<script language="JavaScript1.2">& ?+ ]2 Z5 g) e; k: h: `
<!-- 改变下的字体的大小。颜色-->8 C4 X- [; z; d; v* v5 J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& q2 N! ^# j* h; \var hidetimer='';! ]1 Y  @, z& J6 h9 C) E* @
<!-- 改变下的弹跳速度-->
% u) T8 @; _, h& C- ?1 nvar BallSpeed = 20;
0 q, M9 D. P; ^, r: \var contentWidth;
2 d) e2 b: W; e7 `. K% X' t! d) }var contentHeight;
; L+ K* k9 S( R7 {4 E8 \8 Svar maxBallSpeed = 50;; f$ v( A. k( z0 C

2 {2 Y) n% @8 M+ F* q$ n& ?! I7 }( @8 x/ P5 r, \' M& R$ W
var xMax;3 e  {1 f: E- X/ }
var yMax;
. f* [+ w. B+ p: evar xPos = 0;' I% l; b: `/ @) i/ z
var yPos = 0;; ]: U8 g+ O$ O% ]+ h
var xDir = 'right';7 ~, L/ N! B" y* _, g, c
var yDir = 'down';+ Y0 v; {7 m) Q8 E- @$ D3 x2 x
var superballRunning = true;5 s5 O: @. S) j
var tempBallSpeed;' q, L  o" U; O, p* H
var currentBallSrc;
! D" h2 u% ~- @* V2 z( B, o4 R3 Cvar newXDir;
9 c. R! M6 r* T% k3 R5 yvar newYDir;& i' g  _# g7 n, E( g2 N5 P3 Z

. S  K& w# d3 J' Z+ F& Nfunction initializeBall() {* W  m9 H/ S3 i; S$ a$ G
   if (document.all) {
# a% g# L! O) A* ~) q  k$ X4 g      xMax = document.body.clientWidth+ i( r: l' s. z; Q
      yMax = document.body.clientHeight& h! A/ \, D; P( w+ L; D: |
      document.all("supertext").style.visibility = "visible";# j( C# f& Y3 P5 [  l0 z3 E
      contentWidth=supertext.offsetWidth  d5 i2 j% |. x! {( G5 L
      contentHeight=supertext.offsetHeight
* N4 V) Z8 A( K/ N4 ?      }3 ^8 y3 @& J3 e; U, P: U
   else if (document.layers) {8 X' j' s2 d# {. r. ^7 s/ V
      xMax = window.innerWidth;
, _; W/ S1 l8 C* r      yMax = window.innerHeight;) D: z# _6 X, j9 B0 F
      contentWidth=document.supertext.document.width
( Z# ?! k" f! M# q# z3 \! b      contentHeight=document.supertext.document.height/ E% p) W6 H3 R' Z& D. I. i
      document.layers["supertext"].visibility = "show";, A& e3 ]  C. q' y0 j2 F
      }( N8 ~( J9 ^, B2 ~. H. Z7 j1 {
   setTimeout('moveBall()',400);* O* ^5 p5 h% F& B* T
   if (hidetimer!='')
8 x7 |, _6 {2 ~$ M- e   setTimeout("hidetext()",hidetimer)
8 T. A6 W: e2 G- Z  W& M+ c- I+ M   }) D& q6 `, l3 {# G6 O

7 A, H: H: n7 [7 Ffunction moveBall() {. l' ~; E6 F( e' I9 [5 E
   if (superballRunning == true) {
+ S' p! Y, E: U% S: _      calculatePosition();% \$ `" D  p9 C* G5 n* l; w
      if (document.all) {8 Q6 N: H0 `' z0 Y9 ^1 L3 n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 x7 X1 F8 @) i5 \. W
         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 z$ B5 Q1 K' H  ~  X' F         }6 I* S2 R  X+ p4 P; Z) A+ N
      else if (document.layers) {
# @7 b5 [' G& p- f4 `4 {         document.layers["supertext"].left = xPos + pageXOffset;
' i+ V: j- r6 b! ~; ^' e         document.layers["supertext"].top = yPos + pageYOffset;
$ g: a. t$ F* J) k  R$ A         }, {: ^$ F+ O0 w. W3 D
      animatetext=setTimeout('moveBall()',20);. ^. h9 n) Q8 L  u+ G+ R
      }
) c6 A5 T% _, O   }
" A( p& J- V( U" |5 h' f, j* Z7 u
  Q! }5 |9 n  g% y  `function calculatePosition() {; @. s( p" w% R6 F' [0 q# t, ^
   if (xDir == "right") {
- [! B4 b8 l) A# M      if (xPos > (xMax - contentWidth - BallSpeed)) {6 q( D" G8 z, z8 w5 S& X
         xDir = "left";* y0 F, K6 U7 Q  M2 [1 \
         }
5 l- B9 b3 R; o' I: _4 Q0 \1 E      }
# S* e& x( Y3 C) p7 J* n   else if (xDir == "left") {* }% E  y: W; ]5 n+ x6 ?
      if (xPos < (0 + BallSpeed)) {, |6 U  M6 s' z- m
         xDir = "right";- e0 x, q$ _7 B7 A  H
         }
- x5 p& f4 F: U      }
4 O9 M( F- C" R8 D9 ^1 I0 E; ], t   if (yDir == "down") {7 e. O4 p* L( U* k
      if (yPos > (yMax - contentHeight - BallSpeed)) {& u6 T: {; i% X1 u3 o
         yDir = "up";$ L7 d1 q! W9 B
         }5 g4 J1 Q( P6 S1 I3 P9 P
      }
% N' g7 h; {* W: N8 w! I- y   else if (yDir == "up") {& y! s) C) X5 _3 J) d; A1 E
      if (yPos < (0 + BallSpeed)) {; ]( D8 k, T  Z( U* E
         yDir = "down";) r. s7 Z5 J0 \1 O
         }1 J0 `6 C4 _* h) k0 y  G
      }* D9 z7 M" ]6 s& y% @
   if (xDir == "right") {7 a0 J. Q7 R1 T4 X: X
      xPos = xPos + BallSpeed;  U) H2 w1 t: m9 [$ P' i
      }, C6 [8 v- V4 u" y* m& y5 X$ D
   else if (xDir == "left") {# }$ a" K2 }8 G* Y. I
      xPos = xPos - BallSpeed;7 e2 J% S: H1 O, {& C, X1 N% m
      }0 P9 Q) Q  w  O& K
   else {5 D1 r; ]) ~  x, u* M& b8 I2 b
      xPos = xPos;, m: G" M# M  C1 |
      }
# f0 e; h; ]+ q5 O   if (yDir == "down") {
0 h5 h- q; R5 I) A. U* O1 A      yPos = yPos + BallSpeed;6 i: Q- B" M& j* k' l
      }
* `% a6 ^2 z1 W/ h2 g! H   else if (yDir == "up") {; Z: S) [8 _: f- e6 e
      yPos = yPos - BallSpeed;1 i5 u' [5 `1 p) X" G4 q8 r* U
      }
( t- b/ s; {: W2 T5 b5 }6 C0 z$ R   else {& ~8 v' O9 Y( [
      yPos = yPos;& i0 o& X- I4 d6 n, \5 V2 ?
      }
: }3 y% }1 o) ^* |: s   }
# {. J* A* m% Z  g$ }
% f4 r8 @$ X7 E6 Nfunction hidetext(){
* r8 N& z$ ^5 k4 Gif (document.all)9 L4 B, D4 l2 c
supertext.style.visibility="hidden"
  B/ c  ]# i& _: Jelse if (document.layers)7 L- L) d; q. L' E' T. N: s+ h
document.supertext.visibility="hide"
5 X, d$ r1 @: n( {/ gclearTimeout(animatetext)
3 x5 a( X; b: Y1 x7 U4 ~}/ g( `' U& p' k! h& _. I" Z

4 R# C% O" \/ nif (document.all||document.layers){% w/ _1 u* G. p# Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 [4 u8 C6 l$ p# l2 J; Z# R% y; `
window.onload = initializeBall;
# U$ y6 h2 w) \: I6 lwindow.onresize = new Function("window.location.reload()");
9 _3 l- l% `' u! |0 q}
8 q7 I, y1 F( X  c6 {- h
5 L  q0 i+ Y4 ?! Y( v5 g8 l</script>