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

zw2004

<style type="text/css">
! }/ W) c7 M. q+ l+ C#supertext {
7 j; R+ I0 L8 M% [4 Nposition:absolute;
; Q6 }$ G. y5 D: L) ?. b5 Pleft:0;9 M: e; O0 O! i
top:0;7 R$ \3 ]9 t( N. m( W# }
visibility:hide;& u! L# W1 f# `, f8 h" Z* p
visibility:hidden;
- M4 J( S8 H& _7 h}: E9 J0 s, R+ k
</style>$ X5 b$ E3 r6 K" D% W
<script language="JavaScript1.2">
0 o/ e7 k  F7 y3 s" R9 B<!-- 改变下的字体的大小。颜色-->" N5 y, U; E+ o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 @* c( y6 o; tvar hidetimer='';+ O) s7 O, |. Q3 U
<!-- 改变下的弹跳速度-->
7 ^( b; L8 a( b- Kvar BallSpeed = 20;/ I2 ^+ T7 G0 H6 F
var contentWidth;
$ \  @  a2 M4 c9 p/ `var contentHeight;0 y. k; Z9 F8 M- [
var maxBallSpeed = 50;; R6 F* ?7 o2 v2 B1 @! ~5 R
" Y% A. ~8 W) |: j& P' [" o4 U

# Z& Q' O$ B& u+ @, Y2 X- ovar xMax;
7 ]1 N: u2 p5 Evar yMax;) o5 {' P; @. `& A1 |  ]
var xPos = 0;9 N) G7 o3 ~8 d9 Z; z8 O
var yPos = 0;' F. Y% C5 p/ T6 u: H
var xDir = 'right';: S- y! x7 m6 y0 S  d  |
var yDir = 'down';
5 e* o4 b7 r2 V) v; o  o! Nvar superballRunning = true;
' P5 e/ A$ w: H! o! ~# E, j" }! Fvar tempBallSpeed;! p/ P: C0 J+ ]' G( E1 k
var currentBallSrc;
. I: |) O( U5 Nvar newXDir;
2 ^2 x! j% O( s) t4 Zvar newYDir;
, A% I+ |6 F( I' f+ r/ {; r& ]) j; T- }% D( O3 N' V
function initializeBall() {8 X$ M% x& X2 u' I
   if (document.all) {
4 K) ^% f) h# P      xMax = document.body.clientWidth
& ^7 L; q0 H. y' p4 v- n# v$ x) j      yMax = document.body.clientHeight$ c1 T! B2 ]- s* Q+ b
      document.all("supertext").style.visibility = "visible";
5 t0 r( e3 F0 }0 x$ `' N/ e% [      contentWidth=supertext.offsetWidth3 w' M7 q: }" i! L  s' j
      contentHeight=supertext.offsetHeight
, b5 a  A; _% O; [- m      }
, R* c# j3 h5 s   else if (document.layers) {
; P- q, E0 Y3 X; B      xMax = window.innerWidth;9 U  K. j: B- S% @2 g! `
      yMax = window.innerHeight;
8 B9 U$ Q& o2 A) r# ~* H      contentWidth=document.supertext.document.width
; O8 X& `$ X2 ^6 S& w* N      contentHeight=document.supertext.document.height5 ]  S4 Y/ w$ a# @
      document.layers["supertext"].visibility = "show";
5 C9 ]6 ~/ c1 e4 o' [) q& k- d% Q      }# R; R& {" _9 ?2 L5 Q) x! |
   setTimeout('moveBall()',400);
" A8 `5 J) e3 l5 ]: X3 _   if (hidetimer!='')
' o" N) a  M" ]   setTimeout("hidetext()",hidetimer)
" W2 A. e' n3 w$ _2 n5 ^9 q9 s   }
2 T- ~1 k% N9 o+ X7 j
: w# r- s; G: N0 kfunction moveBall() {; D5 K7 `. N% }5 x  o2 ]9 _' Z
   if (superballRunning == true) {
8 D, y$ l0 K$ l% V      calculatePosition();5 S4 w' {5 Z4 K! S
      if (document.all) {
4 M. N0 T& ^6 Q7 C         document.all("supertext").style.left = xPos + document.body.scrollLeft;- T8 ^0 q8 |/ k  @$ o1 v! h* l9 b
         document.all("supertext").style.top = yPos + document.body.scrollTop;% I4 L1 `* R/ Q1 q! {
         }! E/ n4 @3 K2 H+ W% z
      else if (document.layers) {
. M5 n; i+ B) G, L8 j& s         document.layers["supertext"].left = xPos + pageXOffset;) Z  Y! ?% P1 G$ U& v8 n. T
         document.layers["supertext"].top = yPos + pageYOffset;
: @; T% ^, ]" r- U2 \& v4 Z5 Q         }, {! S: Y3 b4 w% l8 Y7 W8 ~, g
      animatetext=setTimeout('moveBall()',20);
$ ]# Q2 F; A! q8 @. t      }
  C  n9 m3 C1 j   }8 w% P4 a0 b, _* g0 B
7 C1 \& Y8 }: X0 J; r8 ]
function calculatePosition() {. m0 q2 h6 V# F9 W" q4 t* E
   if (xDir == "right") {4 D* [, C8 y2 ]! `. D
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! _6 U* e) r/ [% n+ k         xDir = "left";
$ M4 V1 r5 J& m4 j' V% o5 |         }
2 ^. l* M& y, z, y      }
! i. {% G" e. K; h7 a   else if (xDir == "left") {6 h) x9 v+ U/ t' ^$ J! u
      if (xPos < (0 + BallSpeed)) {
- M0 _  D3 w' _         xDir = "right";  A# J2 x* x3 V& \3 e; D' ]
         }
- [, O* \2 N, k9 `      }
& q8 e  u" {2 K& T+ ]0 Q6 }4 C   if (yDir == "down") {4 t5 S3 x- m% d% ?+ v5 a1 t
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 Y! y6 R% s7 V! O3 s
         yDir = "up";
& b3 M9 W# ~. G         }, R' x/ A7 }' v/ L% V: ?1 P
      }+ D) G- }; o8 z1 P0 X+ R; N
   else if (yDir == "up") {
: @5 I5 W$ J' s, l: p$ e% Q% R: d' M      if (yPos < (0 + BallSpeed)) {; m8 m( i7 D& }( P
         yDir = "down";9 s  X6 t# ], z. g6 g3 s
         }
8 r3 r% @" v& G3 a      }) R/ y' h; j: o
   if (xDir == "right") {7 g4 G3 D! h2 P3 U+ |
      xPos = xPos + BallSpeed;
# G; b$ z: n0 |3 c      }3 f* t1 Y% e* \! N0 B' i
   else if (xDir == "left") {+ m% J6 T6 L: K* J
      xPos = xPos - BallSpeed;5 d9 b! b4 u) Z2 _* `+ m6 Z
      }6 B7 F: q' R. S3 U  h* d8 @0 v- C% F
   else {2 r% C7 ^: I% N6 z4 ^$ |
      xPos = xPos;
. z0 Z0 F, o* T5 v      }
; _& Z; G# U& p4 M   if (yDir == "down") {* a4 q5 B' I3 F/ G
      yPos = yPos + BallSpeed;
4 P" E) B0 ^3 w6 e, m, J3 c) E      }
, }' f" F6 N; W/ B5 a- n0 v* o' w2 ?   else if (yDir == "up") {
: @% g: {3 j- D. F) F      yPos = yPos - BallSpeed;  q1 s% r$ n% L' M* k' K
      }
8 p: `! Y$ A5 r/ O) |) j   else {
7 i) w3 t% |; I& n' b      yPos = yPos;
6 G  G1 Z) O3 O' ?# Y, v      }2 b$ I5 ~# K/ S  y- O
   }
( [7 S" v& P* w; M
7 m) F! H: n" k0 u8 s/ q" Wfunction hidetext(){
% n* R; j- U) T; @" Zif (document.all)
# T& E+ Z, \" ~3 X9 }1 p9 l  usupertext.style.visibility="hidden"
  C" E8 n1 |) U& Velse if (document.layers)! U: }3 j+ E! o! W0 ^5 ~5 A
document.supertext.visibility="hide"1 S  W+ g' F6 C- M: Z
clearTimeout(animatetext)* I# v1 P9 E  ?
}; ~4 O  Q5 }* t
: e: ]' ^: P8 N: p6 G
if (document.all||document.layers){
5 I. ~' {6 {6 ?  u$ ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! b& N! y3 y1 I* awindow.onload = initializeBall;
, ]0 K+ e+ D( y0 owindow.onresize = new Function("window.location.reload()");# R& Y, S7 ?! e5 a7 c6 ^" Q
}
! [  H3 |4 }. j* _7 F
- k& ]% u) u7 W8 C</script>