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

zw2004

<style type="text/css">
9 b8 N, w' R! I) r& ]#supertext {
5 c( p/ v9 N8 e% C" S* x4 _position:absolute;
6 ]  y: n% I& n+ R( q8 Tleft:0;# A5 H3 p5 ~& y; c* O$ F+ P
top:0;$ d! M: }! f) D! l. Z! X( @0 y& `
visibility:hide;: c2 ?- A( ]9 \% d9 ?
visibility:hidden;7 j3 W. V+ E/ X5 }$ [+ _
}+ c% p# J  M  ^; [4 x, Z
</style>+ i. D0 S2 F8 J
<script language="JavaScript1.2">
' |2 B. a) P+ D/ l+ R! \<!-- 改变下的字体的大小。颜色-->2 L  T) n! |- I5 m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: j# Z( J, B$ Z+ j/ Vvar hidetimer='';
4 Q" |; V% p6 A& F( q0 F<!-- 改变下的弹跳速度--># y+ d- m  u* T- {$ q$ {
var BallSpeed = 20;+ f* \3 l! G! ]. S, a4 Y. w
var contentWidth;
! k0 s0 P# n) d& S+ e+ X2 u+ fvar contentHeight;
/ q: x2 X8 m4 p. vvar maxBallSpeed = 50;
& B% [6 p+ m4 U9 Z* x" u5 H+ a$ f
" f% `( m* a1 o* d: R8 b: [1 r/ S/ {5 a, v6 [' C9 ]# k! [
var xMax;' u. W# L9 m7 i8 `
var yMax;
5 D9 T0 H4 `; {8 r% y- @, Gvar xPos = 0;
; n! f% a0 z) ~, Y7 q# Mvar yPos = 0;1 x' d; l, O. z( n% v
var xDir = 'right';
6 I, G( F1 E! z/ b3 Wvar yDir = 'down';" q. E0 r/ `1 F6 Q% M2 m
var superballRunning = true;0 P* y; i7 Y- `- D7 k
var tempBallSpeed;& d8 K' S+ u+ _3 p, R2 `
var currentBallSrc;
6 |0 o+ f  I! w+ C, Xvar newXDir;2 P; J$ J. ?: |
var newYDir;) m0 h9 Z6 V$ o# Z, c- R

! B% e( |& O1 W) ifunction initializeBall() {6 W5 s8 V( v% r. d
   if (document.all) {
8 O7 Z+ I9 T* f) x      xMax = document.body.clientWidth% {8 K# J" }7 B
      yMax = document.body.clientHeight
% Y: Y# B" r) ^: @5 [0 x8 ~      document.all("supertext").style.visibility = "visible";
2 j. S6 p4 B0 j9 X2 K  Y$ {      contentWidth=supertext.offsetWidth4 c/ j3 b2 Q3 v3 k7 t6 P
      contentHeight=supertext.offsetHeight
; N+ \  o8 g3 H4 D      }: n& @+ s1 @4 ]
   else if (document.layers) {) T' f$ Y. ]  F7 P/ l7 @# d! }) o
      xMax = window.innerWidth;
$ ]0 J" G6 l  }/ _! `& _      yMax = window.innerHeight;
( O2 w9 ^" j1 C' o2 t$ x- l3 E      contentWidth=document.supertext.document.width
) |, q8 `+ X1 h" s      contentHeight=document.supertext.document.height
$ C. ?9 W: A: p& k  Z# V      document.layers["supertext"].visibility = "show";- b8 a! f; r2 g- V( H# c/ w
      }
" ^5 }  S1 q7 Z0 I   setTimeout('moveBall()',400);
. O: a) [; q8 U( R9 t0 {. [$ T0 ~# ]& R( h: H   if (hidetimer!='')
- v; E* F4 Q; W   setTimeout("hidetext()",hidetimer)
9 Z/ ?; B# I8 \( x$ j2 a   }& H' A, O. x6 I5 b: z) O! |
8 G( A8 }4 n. n
function moveBall() {- |- j* `( o/ l7 a% O2 l
   if (superballRunning == true) {$ @! B3 d: Y2 q* j: s5 ]
      calculatePosition();
9 |5 q* s0 `5 f      if (document.all) {
& Z) |3 M. o  `! i3 F         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& u( [% |1 z3 Z9 ~         document.all("supertext").style.top = yPos + document.body.scrollTop;9 q0 Z4 m+ W1 e, x' T
         }* ~$ c7 B7 T1 I
      else if (document.layers) {, _0 K: @6 y& c
         document.layers["supertext"].left = xPos + pageXOffset;9 S% z5 y' m. c; X
         document.layers["supertext"].top = yPos + pageYOffset;
" j. ]0 R/ r) w1 R/ R         }. @8 r7 |3 J! H/ W, @- s6 i
      animatetext=setTimeout('moveBall()',20);4 s7 G% m( [' q
      }
. [! f& G! C* |( {6 V. V( a. F   }
! U5 b5 e7 [3 _3 A' m3 K
$ ~' f2 L# f2 Sfunction calculatePosition() {
" z+ d9 R3 m. a9 J& Q$ X+ t   if (xDir == "right") {" X/ G  W% y  X+ {2 U' Q# z
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 p4 m4 P! N- \% U' P1 ]
         xDir = "left";
3 j$ @. @0 k/ x3 T         }0 ~0 c% z; ?5 a3 M. Z5 f
      }/ b% l- @0 T( [7 u
   else if (xDir == "left") {# Y0 R+ R/ B* E# D& c) D
      if (xPos < (0 + BallSpeed)) {7 w5 W3 |' A" m1 j
         xDir = "right";& s0 o0 K# v& A1 J, s+ _& H6 b- k
         }
( S' f7 U  V* T" M$ F      }/ w( O, ^2 a, D# p0 u
   if (yDir == "down") {
( c3 }/ i. T! x* I+ s      if (yPos > (yMax - contentHeight - BallSpeed)) {
' I0 w! H" p  |* F0 C. n: e! {         yDir = "up";
1 [; a: y  t3 W* w; Y# `         }
$ B. @; M3 g! w% E: q      }/ x7 ~; W5 g# R* y5 o# J
   else if (yDir == "up") {
# U" Q) B- n1 g( p# Y- U      if (yPos < (0 + BallSpeed)) {, b0 H$ ]- M$ h  E- u' [9 J( ~
         yDir = "down";* t. ?! a; }0 r5 o4 M
         }, R" V6 w- [+ a% l6 G6 [
      }
: L- A& q* ?5 {) ^" r   if (xDir == "right") {
1 @$ H! j3 ]) ^# u3 I' C- K. z      xPos = xPos + BallSpeed;! J& z- p) V9 o  u7 O% @* S$ I
      }( d+ L: x" o& t0 z3 c3 F- C
   else if (xDir == "left") {/ J+ \7 z- v) O" T" u9 W
      xPos = xPos - BallSpeed;
+ a6 a5 i' a  L      }  ~$ P" p3 N, i* n  `
   else {
& k4 I" x4 P% ~7 ?8 R, K7 S      xPos = xPos;
9 v" _& R* \+ Y      }
: @0 Y; Y! Z" u' p) M   if (yDir == "down") {  o1 `2 a: W' w9 _
      yPos = yPos + BallSpeed;
7 s$ f6 a; Z9 Z% F5 \      }2 a0 i, l! B5 o! x- o  ?$ |8 a
   else if (yDir == "up") {
% A! X+ Y) x" r      yPos = yPos - BallSpeed;$ m, _# j3 k1 o9 f/ \; D
      }/ k5 H+ x: u* b
   else {
6 x- z; j0 S% @2 s6 D, \8 P2 W' s      yPos = yPos;- Q' n- y  b% O0 x+ e3 [
      }
  J" o0 T5 ]+ `( g( O   }5 `, U3 P* f" y. Z9 ?

' G5 s( o, O. dfunction hidetext(){$ |- V0 l: i1 r- K
if (document.all)$ k9 [* L7 A+ Z2 I2 {& y
supertext.style.visibility="hidden"& @6 S& I6 z' ~* C: S
else if (document.layers)% V4 \; ]  `$ l5 L) S. L
document.supertext.visibility="hide") ?" K. S, K% B0 R! O4 j# }, ^( W& \9 z
clearTimeout(animatetext)
- K8 F/ K8 `& Y; S}
2 |# i) Y# f/ R  N- x, `$ ]0 ?* q  E! S7 C, H  n
if (document.all||document.layers){1 J' F) t6 K! @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ r- A( B2 [3 e) r, i; v
window.onload = initializeBall;3 U2 O) y* N3 t& r5 q+ N1 g! @. Q& F
window.onresize = new Function("window.location.reload()");
1 \: S3 y7 f6 C4 G, \}
, ?& a$ Q  Q/ m$ ]. ^( p5 U9 w- J  j4 T, {: J3 f9 H
</script>